PageSourceSearch

https://apolloneuro.com/

html apolloneuro.com collected 2026-10-03 19:15:15 UTC 1,355,189 bytes, 32,605 lines download raw bytes

1<!doctype html>
2<html
3  class="no-js"
4  lang="en">
5  <head><meta charset="utf-8">
6<link rel="preconnect" href="https://sapi.negate.io">
7<script src="https://sapi.negate.io/script/U8L1BB4I8rtv+egBelhIDA==?shop=apollo-neuro.myshopify.com"></script>
7
8    <meta http-equiv="X-UA-Compatible" content="IE=edge">
9    <meta name="viewport" content="width=device-width,initial-scale=1">
10    <link rel="preconnect" href="https://lifeimprovingwearable.com" crossorigin>
11<script src="https://lifeimprovingwearable.com/assets/js/signup-helper.js" async></script>
11
12<meta name="theme-color" content="">
13    <link rel="canonical" href="https://apolloneuro.com/">
14    <link
15      rel="preconnect"
16      href="https://cdn.shopify.com"
17      crossorigin>
18    <link rel="preconnect" href="https://fonts.googleapis.com">
19    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link
20        rel="icon"
21        type="image/png"
22        href="//apolloneuro.com/cdn/shop/files/favicon_4cb2c872-dbff-4e05-96f5-95fd94cfb2b6.png?crop=center&height=32&v=1773775386&width=32"><link
23        rel="preconnect"
24        href="https://fonts.shopifycdn.com"
25        crossorigin><link href="//apolloneuro.com/cdn/shop/files/BasisGrotesqueArabicPro-Regular.woff2?v=505544478085929208" as="font" type="font/woff2" crossorigin="anonymous" rel="preload"><link href="//apolloneuro.com/cdn/shop/files/BasisGrotesqueArabicPro-Bold.woff2?v=2517296093359795593" as="font" type="font/woff2" crossorigin="anonymous" rel="preload"><title>
26      Touch Therapy Tech for Stress, Sleep &amp; Performance | Apollo Neuro
27</title><meta name="description" content="The Apollo stress relief touch therapy wearable helps you relax, sleep better, and feel better. Uncover your best self today.">
28
29<!-- Open Graph meta tags -->
30<meta property="og:title" content="Touch Therapy Tech for Stress, Sleep &amp; Performance | Apollo Neuro">
31<meta property="og:url" content="https://apolloneuro.com/">
32<meta property="og:type" content="website">
33<meta property="og:description" content="The Apollo stress relief touch therapy wearable helps you relax, sleep better, and feel better. Uncover your best self today."><meta property="og:image" content="//apolloneuro.com/cdn/shop/files/shopify-page-thumbnail-1200x628_min.jpg?v=1717219863&width=1200">
34  <meta property="og:image:width" content="1200">
35  <meta property="og:image:height" content="630">
36  <meta property="og:image:alt" content="Touch Therapy Tech for Stress, Sleep &amp; Performance | Apollo Neuro"><!-- Twitter Card meta tags -->
37<meta name="twitter:card" content="summary_large_image">
38<meta name="twitter:title" content="Touch Therapy Tech for Stress, Sleep &amp; Performance | Apollo Neuro">
39<meta name="twitter:description" content="The Apollo stress relief touch therapy wearable helps you relax, sleep better, and feel better. Uncover your best self today."><meta name="twitter:image" content="//apolloneuro.com/cdn/shop/files/shopify-page-thumbnail-1200x628_min.jpg?v=1717219863&width=1200">
40  <meta name="twitter:image:alt" content="Touch Therapy Tech for Stress, Sleep &amp; Performance | Apollo Neuro">
41    <meta name="author" content="Apollo Neuro">
42<meta name="publisher" content="Apollo Neuro">
43<meta name="copyright" content="Apollo Neuro"><meta name="subject" content="Apollo Neuro">
44  <meta name="classification" content="Homepage"><meta name="language" content="en">
45<meta http-equiv="content-language" content="en"><meta property="og:site_name" content="Apollo Neuro">
46<meta property="og:locale" content="en">
47    
47<script type="application/ld+json">
48  {
49    "@context": "https://schema.org",
50    "@type": "WebPage",
51    "@id": "https:\/\/apolloneuro.com\/#webpage",
52    "name": "Touch Therapy Tech for Stress, Sleep \u0026amp; Performance | Apollo Neuro",
53    "url": "https:\/\/apolloneuro.com\/","description": "The Apollo stress relief touch therapy wearable helps you relax, sleep better, and feel better. Uncover your best self today.","isPartOf": {
54      "@type": "WebSite",
55      "@id": "https:\/\/apolloneuro.com\/#website",
56      "name": "Apollo Neuro",
57      "url": "https:\/\/apolloneuro.com"
58    },
59    "inLanguage": "en",
60    "speakable": {
61      "@type": "SpeakableSpecification",
62      "cssSelector": [
63        "h1",
64        "h2",
65        "[role='main']",
66        ".article__content",
67        ".product__description",
68        ".rte"
69      ]
70    },
71    "publisher": {
72      "@id": "https:\/\/apolloneuro.com\/#organization"
73    }
74  }
75</script>
75<script type="application/ld+json">
76    {
77      "@context": "https://schema.org",
78      "@type": "SiteNavigationElement",
79      "name": "Main Navigation",
80      "hasPart": [{
81            "@type": "SiteNavigationElement",
82            "name": "How to use",
83            "url": "\/pages\/how-to-use-legacy"
84          },{
85            "@type": "SiteNavigationElement",
86            "name": "Science",
87            "url": "\/pages\/science-legacy"
88          },{
89            "@type": "SiteNavigationElement",
90            "name": "Reviews",
91            "url": "\/pages\/reviews-legacy"
92          },{
93            "@type": "SiteNavigationElement",
94            "name": "Press",
95            "url": "\/pages\/press-legacy"
96          },{
97            "@type": "SiteNavigationElement",
98            "name": "Help",
99            "url": "https:\/\/help.apolloneuro.com\/"
100          }]
101    }
102  </script>
102
103
104<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 104
104
105<script type="importmap">
106      {
107        "imports": {
108          "mdl-scrollsnap": "//apolloneuro.com/cdn/shop/t/251/assets/scrollsnap.js?v=147899007897298425641756101761"
109        }
110      }
111    </script>
111
112
113    
113<script src="//apolloneuro.com/cdn/shop/t/251/assets/vendor-v4.js" defer="defer"></script>
113
114    
114<script src="//apolloneuro.com/cdn/shop/t/251/assets/pubsub.js?v=64530984355039965911756101762" defer="defer"></script>
114
115    
115<script src="//apolloneuro.com/cdn/shop/t/251/assets/global.js?v=52340668467960195781787585296" defer="defer"></script>
115
116    
116<script src="//apolloneuro.com/cdn/shop/t/251/assets/modules-basis.js?v=7117348240208911571756101762" defer="defer"></script>
116<script src="//apolloneuro.com/cdn/shop/t/251/assets/c-lazy-video.js?v=111808284139185681061787944340" defer="defer"></script>
116
117
118    
118<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
118<meta name="google-site-verification" content="F_51zCLSM_lRHOGU-sXQe5ua-WG1C0Q7nsWrFFQjAas">
119<meta name="facebook-domain-verification" content="p737m50zvneaukl5ntvi10abzs6qmv">
120<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/26783416517/digital_wallets/dialog">
121<meta id="in-context-paypal-metadata" data-shop-id="26783416517" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
122<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" hreflang="x-default" href="https://apolloneuro.com/">
123<link rel="alternate" hreflang="en" href="https://apolloneuro.com/">
124<link rel="alternate" hreflang="en-AD" href="https://apolloneuro.com/en-intl">
125<link rel="alternate" hreflang="en-AL" href="https://apolloneuro.com/en-intl">
126<link rel="alternate" hreflang="en-AM" href="https://apolloneuro.com/en-intl">
127<link rel="alternate" hreflang="en-AT" href="https://apolloneuro.com/en-intl">
128<link rel="alternate" hreflang="en-AU" href="https://apolloneuro.com/en-intl">
129<link rel="alternate" hreflang="en-BA" href="https://apolloneuro.com/en-intl">
130<link rel="alternate" hreflang="en-BE" href="https://apolloneuro.com/en-intl">
131<link rel="alternate" hreflang="en-BG" href="https://apolloneuro.com/en-intl">
132<link rel="alternate" hreflang="en-CA" href="https://apolloneuro.com/en-ca">
133<link rel="alternate" hreflang="en-CH" href="https://apolloneuro.com/en-intl">
134<link rel="alternate" hreflang="en-CY" href="https://apolloneuro.com/en-intl">
135<link rel="alternate" hreflang="en-CZ" href="https://apolloneuro.com/en-intl">
136<link rel="alternate" hreflang="en-DE" href="https://apolloneuro.com/en-intl">
137<link rel="alternate" hreflang="en-DK" href="https://apolloneuro.com/en-intl">
138<link rel="alternate" hreflang="en-EE" href="https://apolloneuro.com/en-intl">
139<link rel="alternate" hreflang="en-ES" href="https://apolloneuro.com/en-intl">
140<link rel="alternate" hreflang="en-FI" href="https://apolloneuro.com/en-intl">
141<link rel="alternate" hreflang="en-FO" href="https://apolloneuro.com/en-intl">
142<link rel="alternate" hreflang="en-FR" href="https://apolloneuro.com/en-intl">
143<link rel="alternate" hreflang="en-GB" href="https://apolloneuro.com/en-intl">
144<link rel="alternate" hreflang="en-GE" href="https://apolloneuro.com/en-intl">
145<link rel="alternate" hreflang="en-GG" href="https://apolloneuro.com/en-intl">
146<link rel="alternate" hreflang="en-GI" href="https://apolloneuro.com/en-intl">
147<link rel="alternate" hreflang="en-GL" href="https://apolloneuro.com/en-intl">
148<link rel="alternate" hreflang="en-GP" href="https://apolloneuro.com/en-intl">
149<link rel="alternate" hreflang="en-GR" href="https://apolloneuro.com/en-intl">
150<link rel="alternate" hreflang="en-HR" href="https://apolloneuro.com/en-intl">
151<link rel="alternate" hreflang="en-HU" href="https://apolloneuro.com/en-intl">
152<link rel="alternate" hreflang="en-IE" href="https://apolloneuro.com/en-intl">
153<link rel="alternate" hreflang="en-IS" href="https://apolloneuro.com/en-intl">
154<link rel="alternate" hreflang="en-IT" href="https://apolloneuro.com/en-intl">
155<link rel="alternate" hreflang="en-JE" href="https://apolloneuro.com/en-intl">
156<link rel="alternate" hreflang="en-LI" href="https://apolloneuro.com/en-intl">
157<link rel="alternate" hreflang="en-LT" href="https://apolloneuro.com/en-intl">
158<link rel="alternate" hreflang="en-LU" href="https://apolloneuro.com/en-intl">
159<link rel="alternate" hreflang="en-LV" href="https://apolloneuro.com/en-intl">
160<link rel="alternate" hreflang="en-MC" href="https://apolloneuro.com/en-intl">
161<link rel="alternate" hreflang="en-MD" href="https://apolloneuro.com/en-intl">
162<link rel="alternate" hreflang="en-ME" href="https://apolloneuro.com/en-intl">
163<link rel="alternate" hreflang="en-MK" href="https://apolloneuro.com/en-intl">
164<link rel="alternate" hreflang="en-MT" href="https://apolloneuro.com/en-intl">
165<link rel="alternate" hreflang="en-NL" href="https://apolloneuro.com/en-intl">
166<link rel="alternate" hreflang="en-NO" href="https://apolloneuro.com/en-intl">
167<link rel="alternate" hreflang="en-PL" href="https://apolloneuro.com/en-intl">
168<link rel="alternate" hreflang="en-PT" href="https://apolloneuro.com/en-intl">
169<link rel="alternate" hreflang="en-RE" href="https://apolloneuro.com/en-intl">
170<link rel="alternate" hreflang="en-RO" href="https://apolloneuro.com/en-intl">
171<link rel="alternate" hreflang="en-RS" href="https://apolloneuro.com/en-intl">
172<link rel="alternate" hreflang="en-SE" href="https://apolloneuro.com/en-intl">
173<link rel="alternate" hreflang="en-SI" href="https://apolloneuro.com/en-intl">
174<link rel="alternate" hreflang="en-SK" href="https://apolloneuro.com/en-intl">
175<link rel="alternate" hreflang="en-SM" href="https://apolloneuro.com/en-intl">
176<link rel="alternate" hreflang="en-TR" href="https://apolloneuro.com/en-intl">
177<link rel="alternate" hreflang="en-YT" href="https://apolloneuro.com/en-intl">
178<link rel="alternate" hreflang="en-NZ" href="https://apolloneuro.com/en-intl">
179<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=3956179141"></script>
179
180<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
181<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=3956179141&shop_id=26783416517" crossorigin="anonymous"></script>
vendor: 1 bytes, line 181
181
182<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":26783416517,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/26783416517","merchantName":"Apollo Neuro","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Apollo Neuro","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 182
182
183<script id="shopify-features" type="application/json">{"accessToken":"ad7435b4d8112d08c66693be7a4fc5f3","betas":["rich-media-storefront-analytics"],"domain":"apolloneuro.com","predictiveSearch":true,"shopId":26783416517,"locale":"en"}</script>
vendor: 1 bytes, line 183
183
184<script>var Shopify = Shopify || {};
185Shopify.shop = "apollo-neuro.myshopify.com";
186Shopify.locale = "en";
187Shopify.currency = {"active":"USD","rate":"1.0"};
188Shopify.country = "US";
189Shopify.theme = {"name":"apollo-shopify-theme-2025\/main","id":148928594117,"schema_name":"Be Yours","schema_version":"8.3.0","theme_store_id":null,"role":"main"};
190Shopify.theme.handle = "null";
191Shopify.theme.style = {"id":null,"handle":null};
192Shopify.cdnHost = "apolloneuro.com/cdn";
193Shopify.routes = Shopify.routes || {};
194Shopify.routes.root = "/";
195Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
196Shopify.SignInWithShop = Shopify.SignInWithShop || {};
197Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
198Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 198
198
199<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 199
199
200<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 200
200
201<script>
202  window.ShopifyPay = window.ShopifyPay || {};
203  window.ShopifyPay.apiHost = "shop.app\/pay";
204  window.ShopifyPay.redirectState = null;
205</script>
vendor: 1 bytes, line 205
205
206<script>
207  window.Shopify = window.Shopify || {};
208  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
209  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
210  window.Shopify.SignInWithShop.eligible = true;
211</script>
vendor: 1 bytes, line 211
211
212<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 212
212
213<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 213
213
214<script type="module">
215  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
216
217  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
218
219</script>
vendor: 1 bytes, line 219
219
220<script>
221  window.Shopify = window.Shopify || {};
222  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
223  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"]};
224</script>
vendor: 1 bytes, line 224
224
225<script>(function() {
226  var isLoaded = false;
227  function asyncLoad() {
228    if (isLoaded) return;
229    isLoaded = true;
230    var urls = ["https:\/\/cdn.shopify.com\/s\/files\/1\/0267\/8341\/6517\/t\/84\/assets\/affirmShopify.js?v=1675210589\u0026shop=apollo-neuro.myshopify.com","https:\/\/cdn.shopify.com\/s\/files\/1\/0267\/8341\/6517\/t\/84\/assets\/zendesk-embeddable.js?v=1685473009\u0026shop=apollo-neuro.myshopify.com","https:\/\/static.rechargecdn.com\/assets\/js\/widget.min.js?shop=apollo-neuro.myshopify.com","https:\/\/id-shop.govx.com\/app\/apollo-neuro.myshopify.com\/govx.js?shop=apollo-neuro.myshopify.com","https:\/\/cdn.rebuyengine.com\/onsite\/js\/rebuy.js?shop=apollo-neuro.myshopify.com","https:\/\/cdn.attn.tv\/apolloneuro\/dtag.js?shop=apollo-neuro.myshopify.com"];
231    for (var i = 0; i < urls.length; i++) {
232      var s = document.createElement('script');
233      s.type = 'text/javascript';
234      s.async = true;
235      s.src = urls[i];
236      var x = document.getElementsByTagName('script')[0];
237      x.parentNode.insertBefore(s, x);
238    }
239  };
240  if(window.attachEvent) {
241    window.attachEvent('onload', asyncLoad);
242  } else {
243    window.addEventListener('load', asyncLoad, false);
244  }
245})();</script>
vendor: 1 bytes, line 245
245
246<script id="__st">var __st={"a":26783416517,"offset":-14400,"reqid":"e43bee2f-20ec-4ce0-b424-05d3232bc9c5-1791054912","pageurl":"apolloneuro.com\/","u":"150bc58e6854","p":"home"};</script>
vendor: 1 bytes, line 246
246
247<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 247
247
248<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 248
248
249<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//apolloneuro.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 249
249
250<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 = "//apolloneuro.com/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>
250<script crossorigin="anonymous" defer="defer" src="//apolloneuro.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 250
250
251<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 251
251
252<script>
253  window.Shopify = window.Shopify || {};
254  window.Shopify.MCP = window.Shopify.MCP || {};
255  window.Shopify.MCP.enabled = true;
256  window.Shopify.MCP.shop = "apollo-neuro.myshopify.com";
257  window.Shopify.MCP.mcpEndpoint = "https:\/\/apolloneuro.com\/api\/mcp";
258  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"]}}];
259</script>
vendor: 1 bytes, line 259
259
260<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("\/\/apolloneuro.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
261</script>
vendor: 1 bytes, line 261
261
262<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://apolloneuro.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
263</script>
vendor: 1 bytes, line 263
263
264<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
265  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);
266</script>
vendor: 1 bytes, line 266
266
267<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})}}));
268</script>
vendor: 1 bytes, line 268
268
269<script id='scb4127' type='text/javascript' async='' src='https://apolloneuro.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
269<script integrity="sha256-/LA1C2Bx6899fYCos0FS9qLj2opaGFm7AXrTUvBEb4s=" data-source-attribution="shopify.remote_product_tracking" data-shopify-remote-tracking="{&quot;session_id&quot;:&quot;01M41K27K9F9WZNBWXCB4297RG&quot;,&quot;publisher_shop_id&quot;:26783416517,&quot;theme_id&quot;:148928594117,&quot;theme_published&quot;:true,&quot;theme_store_id&quot;:0,&quot;placement&quot;:&quot;collection&quot;,&quot;event_data&quot;:{&quot;handle&quot;:&quot;&quot;,&quot;page_type&quot;:&quot;home&quot;},&quot;recommendations_tracking_enabled&quot;:true}" defer="defer" src="//apolloneuro.com/cdn/shopifycloud/storefront/assets/storefront/remote_product_tracking-91d95044.js" crossorigin="anonymous"></script>
269
270<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://apolloneuro.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
271<style id="shopify-accelerated-checkout-cart">
272        #shopify-buyer-consent {
273  margin-top: 1em;
274  display: inline-block;
275  width: 100%;
276}
277
278#shopify-buyer-consent.hidden {
279  display: none;
280}
281
282#shopify-subscription-policy-button {
283  background: none;
284  border: none;
285  padding: 0;
286  text-decoration: underline;
287  font-size: inherit;
288  cursor: pointer;
289}
290
291#shopify-subscription-policy-button::before {
292  box-shadow: none;
293}
294
295      </style>
296<link rel="stylesheet" media="screen" href="//apolloneuro.com/cdn/shop/t/251/compiled_assets/styles.css?v=43679063400360647041790787414">
297<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
297
298
299<style data-shopify>@font-face {
300  font-family: Arimo;
301  font-weight: 400;
302  font-style: normal;
303  font-display: swap;
304  src: url("//apolloneuro.com/cdn/fonts/arimo/arimo_n4.a7efb558ca22d2002248bbe6f302a98edee38e35.woff2") format("woff2"),
305       url("//apolloneuro.com/cdn/fonts/arimo/arimo_n4.0da809f7d1d5ede2a73be7094ac00741efdb6387.woff") format("woff");
306}
307
308  @font-face {
309  font-family: Arimo;
310  font-weight: 600;
311  font-style: normal;
312  font-display: swap;
313  src: url("//apolloneuro.com/cdn/fonts/arimo/arimo_n6.9c18b0befd86597f319b7d7f925727d04c262b32.woff2") format("woff2"),
314       url("//apolloneuro.com/cdn/fonts/arimo/arimo_n6.422bf6679b81a8bfb1b25d19299a53688390c2b9.woff") format("woff");
315}
316
317  @font-face {
318  font-family: Arimo;
319  font-weight: 400;
320  font-style: italic;
321  font-display: swap;
322  src: url("//apolloneuro.com/cdn/fonts/arimo/arimo_i4.438ddb21a1b98c7230698d70dc1a21df235701b2.woff2") format("woff2"),
323       url("//apolloneuro.com/cdn/fonts/arimo/arimo_i4.0e1908a0dc1ec32fabb5a03a0c9ee2083f82e3d7.woff") format("woff");
324}
325
326  @font-face {
327  font-family: Arimo;
328  font-weight: 600;
329  font-style: italic;
330  font-display: swap;
331  src: url("//apolloneuro.com/cdn/fonts/arimo/arimo_i6.f0bf3dae51f72fa5b2cefdfe865a6fbb7701a14c.woff2") format("woff2"),
332       url("//apolloneuro.com/cdn/fonts/arimo/arimo_i6.3489f579170784cd222ed21c14f1e8f1a3c0d044.woff") format("woff");
333}
334
335  @font-face {
336  font-family: Arimo;
337  font-weight: 400;
338  font-style: normal;
339  font-display: swap;
340  src: url("//apolloneuro.com/cdn/fonts/arimo/arimo_n4.a7efb558ca22d2002248bbe6f302a98edee38e35.woff2") format("woff2"),
341       url("//apolloneuro.com/cdn/fonts/arimo/arimo_n4.0da809f7d1d5ede2a73be7094ac00741efdb6387.woff") format("woff");
342}
343
344  @font-face {
345  font-family: Arimo;
346  font-weight: 600;
347  font-style: normal;
348  font-display: swap;
349  src: url("//apolloneuro.com/cdn/fonts/arimo/arimo_n6.9c18b0befd86597f319b7d7f925727d04c262b32.woff2") format("woff2"),
350       url("//apolloneuro.com/cdn/fonts/arimo/arimo_n6.422bf6679b81a8bfb1b25d19299a53688390c2b9.woff") format("woff");
351}
352
353
354  :root {
355    --font-body-family: Arimo, sans-serif;
356    --font-body-style: normal;
357    --font-body-weight: 400;
358
359    --font-heading-family: Arimo, sans-serif;
360    --font-heading-style: normal;
361    --font-heading-weight: 400;
362
363    --font-body-scale: 1.2;
364    --font-heading-scale: 0.8333333333333334;
365
366    --font-navigation-family: var(--font-body-family);
367    --font-navigation-size: 16px;
368    --font-navigation-weight: var(--font-body-weight);
369    --font-button-family: var(--font-body-family);
370    --font-button-size: 16px;
371    --font-button-baseline: 0.2rem;
372    --font-price-family: var(--font-heading-family);
373    --font-price-scale: var(--font-heading-scale);
374
375    --color-base-text: 33, 35, 38;
376    --color-base-background: 255, 255, 255;
377    --color-base-solid-button-labels: 0, 0, 0;
378    --color-base-outline-button-labels: 26, 27, 24;
379    --color-base-accent: 255, 181, 3;
380    --color-base-heading: 26, 27, 24;
381    --color-base-border: 210, 213, 217;
382    --color-placeholder: 243, 243, 243;
383    --color-overlay: 33, 35, 38;
384    --color-keyboard-focus: 135, 173, 245;
385    --color-shadow: 168, 232, 226;
386    --shadow-opacity: 1;
387
388    --color-background-dark: 235, 235, 235;
389    --color-price: #1a1b18;
390    --color-sale-price: #d72c0d;
391    --color-sale-badge-background: #d72c0d;
392    --color-reviews: #ffb503;
393    --color-critical: #d72c0d;
394    --color-success: #008060;
395    --color-highlight: 255, 181, 3;
396
397    --payment-terms-background-color: #ffffff;
398    --page-width: 160rem;
399    --page-width-margin: 0rem;
400
401    --card-color-scheme: var(--color-placeholder);
402    --card-text-alignment: left;
403    --card-flex-alignment: flex-left;
404    --card-image-padding: 0px;
405    --card-border-width: 0px;
406    --card-radius: 0px;
407    --card-shadow-horizontal-offset: 0px;
408    --card-shadow-vertical-offset: 0px;
409    
410    --button-radius: 0px;
411    --button-border-width: 1px;
412    --button-shadow-horizontal-offset: 0px;
413    --button-shadow-vertical-offset: 0px;
414
415    --spacing-sections-desktop: 0px;
416    --spacing-sections-mobile: 0px;
417
418    --gradient-free-ship-progress: linear-gradient(325deg,#F9423A 0,#F1E04D 100%);
419    --gradient-free-ship-complete: linear-gradient(325deg, #049cff 0, #35ee7a 100%);
420
421    --plabel-price-tag-color: #000000;
422    --plabel-price-tag-background: #d1d5db;
423    --plabel-price-tag-height: 2.5rem;
424
425    --swatch-outline-color: #f4f6f8;
426  }
427
428  *,
429  *::before,
430  *::after {
431    box-sizing: inherit;
432  }
433
434  html {
435    box-sizing: border-box;
436    font-size: calc(var(--font-body-scale) * 62.5%);
437    height: 100%;
438  }
439
440  body {
441    min-height: 100%;
442    margin: 0;
443    font-size: 1.5rem;
444    letter-spacing: 0.06rem;
445    line-height: calc(1 + 0.8 / var(--font-body-scale));
446    font-family: var(--font-body-family);
447    font-style: var(--font-body-style);
448    font-weight: var(--font-body-weight);
449  }
450
451  @media screen and (min-width: 750px) {
452    body {
453      font-size: 1.6rem;
454    }
455  }</style><style>@font-face {
456  font-family: "Basis Grotesque Arabic Pro";
457  src: url("https://cdn.shopify.com/s/files/1/0267/8341/6517/files/BasisGrotesqueArabicPro-Light.woff2?v=1781011443") format("woff2"),
458       url("https://cdn.shopify.com/s/files/1/0267/8341/6517/files/BasisGrotesqueArabicPro-Light.ttf?v=1761750509") format("truetype");
459  font-weight: 300;
460  font-style: normal;
461  font-display: swap;
462}
463
464@font-face {
465  font-family: "Basis Grotesque Arabic Pro";
466  /* file_url, not a hard-coded cdn.shopify.com URL, so this resolves to the exact same
467     URL as the preload in theme.liquid. Hard-coding it meant the two disagreed and the
468     browser downloaded the file twice — see the comment on that preload. */
469  src: url("//apolloneuro.com/cdn/shop/files/BasisGrotesqueArabicPro-Regular.woff2?v=505544478085929208") format("woff2"),
470       url("https://cdn.shopify.com/s/files/1/0267/8341/6517/files/BasisGrotesqueArabicPro-Regular.ttf?v=1761750509") format("truetype");
471  font-weight: 400;
472  font-style: normal;
473  font-display: swap;
474}
475
476@font-face {
477  font-family: "Basis Grotesque Arabic Pro";
478  src: url("https://cdn.shopify.com/s/files/1/0267/8341/6517/files/BasisGrotesqueArabicPro-Medium.woff2?v=1781011443") format("woff2");
479  font-weight: 500;
480  font-style: normal;
481  font-display: swap;
482}
483
484@font-face {
485  font-family: "Basis Grotesque Arabic Pro";
486  /* file_url — same reason as the Regular weight above. */
487  src: url("//apolloneuro.com/cdn/shop/files/BasisGrotesqueArabicPro-Bold.woff2?v=2517296093359795593") format("woff2"),
488       url("https://cdn.shopify.com/s/files/1/0267/8341/6517/files/BasisGrotesqueArabicPro-Bold.ttf?v=1761750509") format("truetype");
489  font-weight: 700;
490  font-style: normal;
491  font-display: swap;
492}
493
494@font-face {
495  font-family: "Basis Grotesque Arabic Pro";
496  src: url("https://cdn.shopify.com/s/files/1/0267/8341/6517/files/BasisGrotesqueArabicPro-Black.woff2?v=1781011443") format("woff2"),
497       url("https://cdn.shopify.com/s/files/1/0267/8341/6517/files/BasisGrotesqueArabicPro-Black.ttf?v=1761750509") format("truetype");
498  font-weight: 900;
499  font-style: normal;
500  font-display: swap;
501}
502
503.montserrat { font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-style: normal;
504}
505
506.montserrat-light { 
507  font-family: "Montserrat", sans-serif; 
508  font-optical-sizing: auto; 
509  font-weight: 300; 
510  font-style: normal; 
511} 
512.montserrat-regular { 
513  font-family: "Montserrat", sans-serif;
514  font-optical-sizing: auto; 
515  font-weight: 400; 
516  font-style: normal; 
517} 
518.montserrat-medium { 
519  font-family: "Montserrat", sans-serif; 
520  font-optical-sizing: auto; 
521  font-weight: 500; 
522  font-style: normal; 
523}
524.montserrat-semibold { 
525  font-family: "Montserrat", sans-serif; 
526  font-optical-sizing: auto;
527  font-weight: 600; 
528  font-style: normal; 
529} 
530.montserrat-bold { 
531  font-family: "Montserrat", sans-serif;
532  font-optical-sizing: auto; 
533  font-weight: 700; 
534  font-style: normal; 
535} 
536.montserrat-extrabold {
537  font-family: "Montserrat", sans-serif; 
538  font-optical-sizing: auto; 
539  font-weight: 800; 
540  font-style: normal; 
541} 
542.montserrat-black { 
543  font-family: "Montserrat", sans-serif; 
544  font-optical-sizing: auto;
545  font-weight: 900; 
546  font-style: normal; 
547}
548
549:root { 
550  --font-body-family: 'Basis Grotesque Arabic Pro', sans-serif; 
551  --body-family: 'Basis Grotesque Arabic Pro', sans-serif; 
552  --extra-family: "Roboto", sans-serif; 
553  --font-extra-family: "Roboto", sans-serif; 
554  --slate-black: #181E21; 
555  --text-color: #181E21; 
556  --c-section-max-width: 1920px;
557}
558
559body { letter-spacing: 0; }
560
561/* ===== Custom Section Max Width ===== */
562/* Outer section is always full-width so backgrounds (color, gradient, image) bleed edge-to-edge */
563.c-section {
564  width: 100%;
565  box-sizing: border-box;
566}
567
568/* Inner wrapper constrains content to the configured max-width */
569.c-section__inner {
570  max-width: var(--c-section-max-width);
571  margin-left: auto;
572  margin-right: auto;
573  width: 100%;
574  box-sizing: border-box;
575  padding-left: 20px;
576  padding-right: 20px;
577}
578
579@media (width >= 768px) {
580  .c-section__inner {
581    padding-left: 40px;
582    padding-right: 40px;
583  }
584}
585
586@media (width >= 1200px) {
587  .c-section__inner {
588    padding-left: 64px;
589    padding-right: 64px;
590  }
591}
592
593/* Full-width modifier — inner content also goes edge-to-edge (heroes, banners, etc.) */
594.c-section--full-width > .c-section__inner {
595  max-width: none;
596}
597
598/* Per-section responsive override — removes max-width on inner */
599.c-section--responsive > .c-section__inner {
600  max-width: none;
601}
602
603/* Global responsive mode — when enabled via theme settings, all sections lose max-width */
604
605</style>
606    <style>/* Generated by tools/extract-critical-css.mjs — do not edit by hand.
607 * Above-the-fold rules lifted from base.css, zz-custom.css, c-swiper-bundle-min.css.
608 *   / @390 → 69 matched, 69 new
609 *   / @1440 → 77 matched, 8 new
610 *   /products/apollo-wearable-1-year-ai-membership-starter-kit @390 → 97 matched, 28 new
611 *   /products/apollo-wearable-1-year-ai-membership-starter-kit @1440 → 111 matched, 18 new
612 *   /pages/vip-sleep-lp @390 → 91 matched, 24 new
613 *   /pages/vip-sleep-lp @1440 → 99 matched, 6 new
614 * Regenerate after any change to above-the-fold markup. */
615:root { --color-foreground: var(--color-base-text); --color-background: var(--color-base-background); --color-heading: var(--color-base-heading); --color-border: var(--color-base-border); }
616:root { --color-button-background: var(--color-base-accent); --color-button-border: var(--color-base-accent); --color-button-text: var(--color-base-solid-button-labels); }
617:root { --color-link: var(--color-base-outline-button-labels); }
618:root { --color-badge-background: rgba(var(--color-background), .95); --color-badge-foreground: rgb(var(--color-foreground)); --color-badge-border: rgb(var(--color-border)); }
619:root { --duration-short: .1s; --duration-default: .25s; --duration-long: .5s; --duration-animate: 1s; --image-position: center center; }
620html.no-js .no-js:not(html) { display: block !important; }
621html.no-js .no-js-inline { display: inline-block !important; }
622html.no-js .no-js-hidden { display: none !important; }
623html { -webkit-font-smoothing: antialiased; }
624.page-width { max-width: var(--page-width); margin: 0px auto; padding: 0px 1.5rem; }
625body { color: rgb(var(--color-foreground)); background-color: rgb(var(--color-background)); overflow-x: hidden; }
626.visually-hidden { overflow: hidden; width: 0.1rem; height: 0.1rem; margin: -0.1rem; padding: 0px; border: 0px; clip: rect(0px, 0px, 0px, 0px); position: absolute !important; overflow-wrap: normal !important; }
627body.overflow-hidden { padding-inline-end: var(--scrollbar-width); }
628.heading, h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 { font-family: var(--font-heading-family); font-style: var(--font-heading-style); font-weight: var(--font-heading-weight); letter-spacing: calc(var(--font-heading-scale) * .06rem); color: rgb(var(--color-heading)); line-height: calc(1 + .3/max(1,var(--font-heading-scale))); }
629h1, .h1 { font-size: calc(var(--font-heading-scale) * 2.8rem); }
630h3, .h3 { font-size: calc(var(--font-heading-scale) * 1.7rem); }
631a:empty, ul:empty, dl:empty, div:empty, section:empty, article:empty, p:empty, h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty { display: none; }
632details > * { box-sizing: border-box; }
633summary { cursor: pointer; list-style: none; position: relative; }
634.focus-none { box-shadow: none !important; outline: 0px !important; }
635.button, .shopify-challenge__button { position: relative; z-index: 1; cursor: pointer; display: inline-flex; justify-content: center; align-items: center; box-sizing: border-box; padding-right: 3rem; padding-bottom: 1rem; padding-left: 3rem; padding-top: calc(1rem + var(--font-button-baseline)); text-decoration: none; border-radius: var(--button-radius); border: var(--button-border-width) solid rgb(var(--color-button-border)); color: rgb(var(--color-button-text)); background-color: rgb(var(--color-button-background)); font-family: var(--font-button-family); min-width: 24rem; max-width: 100%; min-height: 4.6rem; text-transform: uppercase; font-weight: 600; transition-property: color, background-color, box-shadow; transition-duration: var(--duration-long); transition-timing-function: ease; appearance: none; overflow: hidden; box-shadow: var(--button-shadow-horizontal-offset) var(--button-shadow-vertical-offset) rgba(var(--color-shadow),var(--shadow-opacity)); }
636.button, .button-label, .shopify-challenge__button { font-size: var(--font-button-size); letter-spacing: 0.2em; line-height: calc(1 + .2 / var(--font-body-scale)); }
637.button--small { font-size: max(calc(var(--font-button-size) - 2px),1.2rem); padding-right: 2rem; padding-bottom: 0.6rem; padding-left: 2rem; padding-top: calc(.6rem + var(--font-button-baseline)); min-height: 4rem; min-width: 18rem; }
638@keyframes by-loading { 
639  0% { transform: rotate(0deg); }
640  100% { transform: rotate(360deg); }
641}
642@keyframes animateHeaderLocalization { 
643  0% { opacity: 0; transform: translate(-50%, -1rem); }
644  100% { opacity: 1; transform: translate(-50%); }
645}
646@keyframes animateMenuOpen { 
647  0% { height: 0px; }
648  100% { height: 27rem; }
649}
650@keyframes animateOverlayOpen { 
651  0% { opacity: 0; }
652  100% { opacity: 1; }
653}
654.section--padding, .header-section--padding { padding-top: calc(var(--section-padding-top) * .75); padding-bottom: calc(var(--section-padding-bottom) * .75); }
655.transition-body { position: relative; }
656#MainContent, .shopify-section-footer { transition: transform var(--duration-long) ease; }
657@keyframes zoom-fade { 
658  0% { opacity: 0; transform: scale(1.2); }
659  50% { opacity: 1; }
660  100% { opacity: 1; transform: scale(1); }
661}
662@keyframes zoom-fade-small { 
663  0% { opacity: 0; transform: scale(1.1); }
664  100% { opacity: 1; transform: scale(1); }
665}
666@keyframes appear-down { 
667  0% { opacity: 0; transform: translateY(-1rem); }
668  100% { opacity: 1; transform: translateY(0px); }
669}
670@keyframes appear-up { 
671  0% { opacity: 0; transform: translateY(1rem); }
672  100% { opacity: 1; transform: translateY(0px); }
673}
674@keyframes bounce { 
675  0%, 100% { transform: scale(0); }
676  50% { transform: scale(1); }
677}
678@keyframes fade-in { 
679  0% { opacity: 0; }
680  100% { opacity: 1; }
681}
682@keyframes fade-out { 
683  0% { opacity: 1; }
684  100% { opacity: 0; }
685}
686@keyframes preloading { 
687  0%, 44%, 88.1%, 100% { transform-origin: left center; }
688  0%, 100%, 88% { transform: scaleX(0); }
689  44.1%, 88% { transform-origin: right center; }
690  33%, 44% { transform: scaleX(1); }
691}
692@keyframes animateAmbient { 
693  0% { transform: rotate(0deg) translate(1em) rotate(0deg) scale(1.2); }
694  100% { transform: rotate(360deg) translate(1em) rotate(-360deg) scale(1.2); }
695}
696@keyframes strokeAnimation { 
697  0% { stroke-dashoffset: 1; opacity: 0; }
698  1% { opacity: 1; }
699  100% { stroke-dashoffset: 0; }
700}
701body { line-height: 1.4; }
702a { color: rgb(0, 0, 0) !important; }
703@font-face { font-family: FounderGrotesk; src: url("/cdn/shop/files/FoundersGrotesk-Light.woff2") format("woff2"), url("/cdn/shop/files/FoundersGrotesk-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; }
704@font-face { font-family: FounderGrotesk; src: url("/cdn/shop/files/FoundersGrotesk-Regular.woff2") format("woff2"), url("/cdn/shop/files/FoundersGrotesk-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
705@font-face { font
705-family: FounderGrotesk; src: url("/cdn/shop/files/FoundersGrotesk-Medium.woff2") format("woff2"), url("/cdn/shop/files/FoundersGrotesk-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; }
706@font-face { font-family: FounderGrotesk; src: url("/cdn/shop/files/FoundersGrotesk-Semibold.woff2") format("woff2"), url("/cdn/shop/files/FoundersGrotesk-Semibold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; }
707@font-face { font-family: FounderGrotesk; src: url("/cdn/shop/files/FoundersGrotesk-Bold.woff2") format("woff2"), url("/cdn/shop/files/FoundersGrotesk-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; }
708body, h1, h2, h3, h4, h5, h6, p, div, span, .button, .age-gate__confirm_btn { font-family: FounderGrotesk, sans-serif !important; }
709.button:not(.quantity__button), button:not(.quantity__button), input[type="submit"], input[type="button"]:not(.quantity__button), .btn, .product-form__cart-submit, .age-gate__confirm_btn, a.button:not(.quantity__button) { padding-top: 0px !important; padding-bottom: 0px !important; }
710h1 { font-weight: 300; letter-spacing: normal; text-transform: capitalize; }
711.button { display: inline-flex; align-items: center; justify-content: center; line-height: 1; }
712:root { --swiper-theme-color: #007aff; }
713:is(.swiper-watch-progress .swiper-slide-visible, .swiper:not(.swiper-watch-progress)) .swiper-lazy-preloader { animation: 1s linear 0s infinite normal none running swiper-preloader-spin; }
714@keyframes swiper-preloader-spin { 
715  0% { transform: rotate(0deg); }
716  100% { transform: rotate(1turn); }
717}
718:root { --swiper-navigation-size: 44px; }
719:is(.swiper-button-next, .swiper-button-prev).swiper-button-disabled { cursor: auto; opacity: 0.35; pointer-events: none; }
720:is(.swiper-button-next, .swiper-button-prev).swiper-button-hidden { cursor: auto; opacity: 0; pointer-events: none; }
721:is(.swiper-button-next, .swiper-button-prev) svg { height: 100%; object-fit: contain; transform-origin: center center; width: 100%; fill: currentcolor; pointer-events: none; }
722:is(.swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal .swiper-button-prev) .swiper-navigation-icon { transform: rotate(180deg); }
723:is(.swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev) .swiper-navigation-icon { transform: rotate(0deg); }
724:is(.swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev) .swiper-navigation-icon { transform: rotate(-90deg); }
725:is(.swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next) .swiper-navigation-icon { transform: rotate(90deg); }
726:is(.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets) .swiper-pagination-bullet { display: block; margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; }
727:is(.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets).swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; }
728:is(.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform 0.2s, top 0.2s; }
729:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); }
730:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic { left: 50%; transform: translate(-50%); white-space: nowrap; }
731:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, left 0.2s; }
732h4, .h4 { font-family: var(--font-heading-family); font-style: var(--font-heading-style); font-size: calc(var(--font-heading-scale) * 1.5rem); }
733.visually-hidden--inline { margin: 0px; height: 1em; }
734h2, .h2 { font-size: calc(var(--font-heading-scale) * 2rem); }
735hr { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 0.1rem; background-color: rgb(var(--color-border)); display: block; margin: 5rem 0px; }
736.grid { display: flex; flex-wrap: wrap; margin-bottom: 2rem; padding: 0px; list-style: none; column-gap: var(--grid-horizontal-spacing); --grid-horizontal-spacing: 1rem; }
737.grid__item { padding-bottom: 0.5rem; flex-grow: 1; flex-shrink: 0; width: calc(25% - var(--grid-horizontal-spacing) * 3 / 4); max-width: calc(50% - var(--grid-horizontal-spacing) / 2); }
738.grid--1-col .grid__item { max-width: 100%; width: 100%; }
739.spacing-section { display: block; min-height: var(--spacing-section-mobile); }
740price-money bdi, .price bdi, .money { transition: none !important; animation: auto ease 0s 1 normal none running none !important; transform: none !important; }
741.stamped-badge-starrating, .stamped-badge-caption { line-height: normal !important; }
742.product__info-container > * + *, .product__title { margin: 0px !important; }
743.price { font-weight: 600 !important; }
744.fa-star, .fa-star-half-o, .fa-star-o, .stamped-fa-star, .stamped-fa-star-half-o, .stamped-fa-star-o { color: rgb(255, 181, 3) !important; }
745.swiper { display: block; list-style: none; margin-left: auto; margin-right: auto; overflow: hidden; padding: 0px; position: relative; z-index: 1; }
746.swiper-wrapper { box-sizing: initial; display: flex; height: 100%; position: relative; transition-property: transform; transition-timing-function: var( --swiper-wrapper-transition-timing-function, initial ); width: 100%; z-index: 1; }
747.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translateZ(0px); }
748.swiper-horizontal { touch-action: pan-y; }
749.swiper-slide { display: block; flex-shrink: 0; height: 100%; position: relative; transition-property: transform; width: 100%; }
750.swiper-backface-hidden .swiper-slide { backface-visibility: hidden; transform: translateZ(0px); }
751.swiper-pagination { position: absolute; text-align: center; transform: translateZ(0px); transition: opacity 0.3s; z-index: 10; }
752.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, 8px); left: 0px; top: var(--swiper-pagination-top, auto); width: 100%; }
753.swiper-pagination-bullets-dynamic { font-size: 0px; overflow: hidden; }
754.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { position: relative; transform: scale(0.33); }
755.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); }
756.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); }
757.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); }
758.swiper-pagination-bullet { background: var(--swiper-pagination-bullet-inactive-color, #000); border-radius: var(--swiper-pagination-bullet-border-radius, 50%); display: inline-block; height: var( --swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px) ); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2); width: var( --swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px) ); }
759.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
760.swiper-pagination-bullet-active { background: var(--swiper-pagination-color, var(--swiper-theme-color)); opacity: var(--swiper-pagination-bullet-opacity, 1); }
761.product-form__input .swatch { --swatch--size: 5rem !important; }
762.product-form__input { margin: 15px 0px 1.2rem !important; }
763.swiper-button-next, .swiper-button-prev { align-items: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); cursor: pointer; display: flex; height: var(--swiper-navigation-size); justify-content: center; position: absolute; width: var(--swiper-navigation-size); z-index: 10; }
764.swiper-button-next, .swiper-button-prev { margin-top: calc(0px - var(--swiper-navigation-size) / 2); top: var(--swiper-navigation-top-offset, 50%); }
765.swiper-button-prev { left: var(--swiper-navigation-sides-offset, 4px); right: auto; }
766.swiper-button-prev .swiper-navigation-icon { transform: rotate(180deg); }
767.swiper-button-next { left: auto; right: var(--swiper-navigation-sides-offset, 4px); }
768.swiper-horizontal .swiper-button-next, .swiper-horizontal .swiper-button-prev, .swiper-horizontal ~ .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev { margin-left: 0px; margin-top: calc(0px - var(--swiper-navigation-size) / 2); top: var(--swiper-navigation-top-offset, 50%); }
769.swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal .swiper-button-prev { left: var(--swiper-navigation-sides-offset, 4px); right: auto; }
770.swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev, .swiper-horizontal ~ .swiper-button-next, .swiper-horizontal .swiper-button-next { left: auto; right: var(--swiper-navigation-sides-offset, 4px); }
771.swiper-free-mode > .swiper-wrapper { margin: 0px auto; transition-timing-function: ease-out; }
772.page-width--full-width { max-width: 100%; padding: 0px; }
773.h0 { font-size: calc(var(--font-heading-scale) * 3.6rem); }
774h5, .h5 { font-size: calc(var(--font-heading-scale) * 1.2rem); }
775.typeset0, .typeset, .typeset2, .typeset3 { line-height: calc(1 + .4 / var(--font-body-scale)); color: rgb(var(--color-foreground)); }
776.typeset2 { font-size: 1.8rem; }
777.typeset3 { font-size: 2rem; }
778.left { text-align: start; }
779.media-wrapper { display: block; position: relative; overflow: hidden; background-color: rgb(var(--color-placeholder)); }
780.media { display: block; position: relative; overflow: hidden; }
781.media > :not(.zoom, .deferred-media__poster-button), .media model-viewer, .media > picture :not(.zoom, .deferred-media__poster-button) { display: block; max-width: 100%; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; }
782.media > img, .media > picture img { object-fit: cover; object-position: var(--image-position); }
783.media > img, .media > picture { transition: opacity var(--duration-long) ease; }
784.media .image-fit { position: relative; width: 100%; height: 100%; object-fit: cover; z-index: 1; object-position: var(--image-position); }
785.media--adapt { position: relative; height: 0px; padding-bottom: var(--image-ratio-percent); }
786.media--adapt .image-fit { position: absolute; inset: 0px; }
787use-animate { display: block; }
788[data-animate-image] use-animate { transition-duration: var(--duration-long); transition-timing-function: ease; }
789[data-animate-image] use-animate[data-animate^="zoom-fade"] .image-animate { opacity: 0; }
790[data-animate-image] use-animate[data-animate="zoom-fade"][animate]:not(.loading) .image-animate { animation: zoom-fade var(--duration-animate) ease forwards; }
791.banner__text { font-weight: 300 !important; }
792.media-wrapper { background-color: transparent !important; }
793.button-group { display: inline-flex; gap: clamp(0.3rem, 2vw, 1.25rem); flex-wrap: wrap; }
794.left .button-group { justify-content: flex-start; }
795@media (prefers-reduced-motion: no-preference){
796html:has(.zz-merch-collection) { scroll-behavior: smooth; }
797}
798@media screen and (min-width: 750px){
799.page-width { padding: 0px 5rem; }
800.button, .shopify-challenge__button { min-height: 5rem; }
801.section--padding { padding-top: var(--section-padding-top); padding-bottom: var(--section-padding-bottom); }
802hr { margin: 7rem 0px; }
803.grid { --grid-horizontal-spacing: 3rem; }
804.grid__item { padding-bottom: 1rem; }
805.grid--2-col-tablet .grid__item { width: calc(50% - var(--grid-horizontal-spacing) / 2); }
806.spacing-section { min-height: var(--spacing-section-desktop); }
807.typeset2 { font-size: 2rem; }
808.typeset3 { font-size: 2.4rem; }
809}
810@media only screen and (min-width: 750px){
811h1, .h1 { font-size: calc(var(--font-heading-scale) * 4rem); }
812h3, .h3 { font-size: calc(var(--font-heading-scale) * 2rem); }
813h4, .h4 { font-size: calc(var(--font-heading-scale) * 1.6rem); }
814h2, .h2 { font-size: calc(var(--font-heading-scale) * 2.8rem); }
815.h0 { font-size: calc(var(--font-heading-scale) * 6rem); }
816h5, .h5 { font-size: calc(var(--font-heading-scale) * 1.3rem); }
817}
818@media screen and (min-width: 990px) and (max-width: 1450px){
819.shopify-section-header { --image-logo-height: 30px !important; }
820}
821@media screen and (min-width: 480px){
822.grid { --grid-horizontal-spacing: 2rem; }
823}
824@media screen and (max-width: 749px){
825.mobile-left { text-align: start; }
826.media-mobile--adapt { position: relative; height: 0px; padding-bottom: var(--image-ratio-percent); }
827.media-mobile--adapt .image-fit { position: absolute; inset: 0px; }
828}
829</style>
830
831    <link rel="stylesheet" href="//apolloneuro.com/cdn/shop/t/251/assets/base.css?v=117907286236731989831756101761" media="print" onload="this.media='all'">
832    <link rel="stylesheet" href="//apolloneuro.com/cdn/shop/t/251/assets/zz-custom.css?v=151562060199116142411779897118" media="print" onload="this.media='all'">
833    <noscript>
834      <link href="//apolloneuro.com/cdn/shop/t/251/assets/base.css?v=117907286236731989831756101761" rel="stylesheet" type="text/css" media="all" />
835      <link href="//apolloneuro.com/cdn/shop/t/251/assets/zz-custom.css?v=151562060199116142411779897118" rel="stylesheet" type="text/css" media="all" />
836    </noscript><link
837      rel="stylesheet"
838      href="//apolloneuro.com/cdn/shop/t/251/assets/apps.css?v=42525093157816273151756101761"
839      media="print"
840      fetchpriority="low"
841      onload="this.media='all'"><link
842        rel="preload"
843        as="font"
844        href="//apolloneuro.com/cdn/fonts/arimo/arimo_n4.a7efb558ca22d2002248bbe6f302a98edee38e35.woff2"
845        type="font/woff2"
846        crossorigin><link
847      rel="stylesheet"
848      href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
849      media="print"
850      onload="this.media='all'">
851    <noscript>
852      <link
853        rel="stylesheet"
854        href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap">
855    </noscript><link
856        rel="stylesheet"
857        href="//apolloneuro.com/cdn/shop/t/251/assets/component-predictive-search.css?v=171241558667998333131756101763"
858        media="print"
859        onload="this.media='all'"><link
860        rel="stylesheet"
861        href="//apolloneuro.com/cdn/shop/t/251/assets/component-quick-view.css?v=161742497119562552051756101762"
862        media="print"
863        onload="this.media='all'"><link
864        rel="stylesheet"
865        href="//apolloneuro.com/cdn/shop/t/251/assets/component-color-swatches.css?v=137917337132227131921756101764"
866        media="print"
867        onload="this.media='all'">
vendor: 5,341 bytes, lines 867-926
867<script>
868  document.documentElement.classList.replace('no-js', 'js');
869
870  window.theme = window.theme || {};
871
872  theme.routes = {
873    root_url: '/',
874    cart_url: '/cart',
875    cart_add_url: '/cart/add',
876    cart_change_url: '/cart/change',
877    cart_update_url: '/cart/update',
878    search_url: '/search',
879    predictive_search_url: '/search/suggest'
880  };
881
882  theme.cartStrings = {
883    error: `There was an error while updating your cart. Please try again.`,
884    quantityError: `You can only add [quantity] of this item to your cart.`
885  };
886
887  theme.variantStrings = {
888    addToCart: `Add to cart`,
889    soldOut: `Sold out`,
890    unavailable: `Unavailable`,
891    preOrder: `Pre-order`
892  };
893
894  theme.accessibilityStrings = {
895    imageAvailable: `Image [index] is now available in gallery view`,
896    shareSuccess: `Link copied to clipboard!`,
897    fillInAllLineItemPropertyRequiredFields: `Please fill in all required fields`
898  }
899
900  theme.dateStrings = {
901    d: `D`,
902    day: `Day`,
903    days: `Days`,
904    hour: `Hour`,
905    hours: `Hours`,
906    minute: `Min`,
907    minutes: `Mins`,
908    second: `Sec`,
909    seconds: `Secs`
910  };theme.shopSettings = {
911    moneyFormat: "${{amount_no_decimals}}",
912    isoCode: "USD",
913    cartDrawer: true,
914    currencyCode: true,
915    giftwrapRate: 'product'
916  };
917
918  theme.settings = {
919    themeName: 'Be Yours',
920    themeVersion: '8.3.0',
921    agencyId: ''
922  };
923
924  /*! (c) Andrea Giammarchi @webreflection ISC */
925  !function(){"use strict";var e=function(e,t){var n=function(e){for(var t=0,n=e.length;t<n;t++)r(e[t])},r=function(e){var t=e.target,n=e.attributeName,r=e.oldValue;t.attributeChangedCallback(n,r,t.getAttribute(n))};return function(o,a){var l=o.constructor.observedAttributes;return l&&e(a).then((function(){new t(n).observe(o,{attributes:!0,attributeOldValue:!0,attributeFilter:l});for(var e=0,a=l.length;e<a;e++)o.hasAttribute(l[e])&&r({target:o,attributeName:l[e],oldValue:null})})),o}};function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function n(e,n){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=function(e,n){if(e){if("string"==typeof e)return t(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(e,n):void 0}}(e))||n&&e&&"number"==typeof e.length){r&&(e=r);var o=0,a=function(){};return{s:a,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,i=!0,u=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){u=!0,l=e},f:function(){try{i||null==r.return||r.return()}finally{if(u)throw l}}}}
926  /*! (c) Andrea Giammarchi - ISC */var r=!0,o=!1,a="querySelectorAll",l="querySelectorAll",i=self,u=i.document,c=i.Element,s=i.MutationObserver,f=i.Set,d=i.WeakMap,h=function(e){return l in e},v=[].filter,g=function(e){var t=new d,i=function(n,r){var o;if(r)for(var a,l=function(e){return e.matches||e.webkitMatchesSelector||e.msMatchesSelector}(n),i=0,u=p.length;i<u;i++)l.call(n,a=p[i])&&(t.has(n)||t.set(n,new f),(o=t.get(n)).has(a)||(o.add(a),e.handle(n,r,a)));else t.has(n)&&(o=t.get(n),t.delete(n),o.forEach((function(t){e.handle(n,r,t)})))},g=function(e){for(var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=0,r=e.length;n<r;n++)i(e[n],t)},p=e.query,y=e.root||u,m=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document,l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:MutationObserver,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:["*"],u=function t(o,l,i,u,c,s){var f,d=n(o);try{for(d.s();!(f=d.n()).done;){var h=f.value;(s||a in h)&&(c?i.has(h)||(i.add(h),u.delete(h),e(h,c)):u.has(h)||(u.add(h),i.delete(h),e(h,c)),s||t(h[a](l),l,i,u,c,r))}}catch(e){d.e(e)}finally{d.f()}},c=new l((function(e){if(i.length){var t,a=i.join(","),l=new Set,c=new Set,s=n(e);try{for(s.s();!(t=s.n()).done;){var f=t.value,d=f.addedNodes,h=f.removedNodes;u(h,a,l,c,o,o),u(d,a,l,c,r,o)}}catch(e){s.e(e)}finally{s.f()}}})),s=c.observe;return(c.observe=function(e){return s.call(c,e,{subtree:r,childList:r})})(t),c}(i,y,s,p),b=c.prototype.attachShadow;return b&&(c.prototype.attachShadow=function(e){var t=b.call(this,e);return m.observe(t),t}),p.length&&g(y[l](p)),{drop:function(e){for(var n=0,r=e.length;n<r;n++)t.delete(e[n])},flush:function(){for(var e=m.takeRecords(),t=0,n=e.length;t<n;t++)g(v.call(e[t].removedNodes,h),!1),g(v.call(e[t].addedNodes,h),!0)},observer:m,parse:g}},p=self,y=p.document,m=p.Map,b=p.MutationObserver,w=p.Object,E=p.Set,S=p.WeakMap,A=p.Element,M=p.HTMLElement,O=p.Node,N=p.Error,C=p.TypeError,T=p.Reflect,q=w.defineProperty,I=w.keys,D=w.getOwnPropertyNames,L=w.setPrototypeOf,P=!self.customElements,k=function(e){for(var t=I(e),n=[],r=t.length,o=0;o<r;o++)n[o]=e[t[o]],delete e[t[o]];return function(){for(var o=0;o<r;o++)e[t[o]]=n[o]}};if(P){var x=function(){var e=this.constructor;if(!$.has(e))throw new C("Illegal constructor");var t=$.get(e);if(W)return z(W,t);var n=H.call(y,t);return z(L(n,e.prototype),t)}
926,H=y.createElement,$=new m,_=new m,j=new m,R=new m,V=[],U=g({query:V,handle:function(e,t,n){var r=j.get(n);if(t&&!r.isPrototypeOf(e)){var o=k(e);W=L(e,r);try{new r.constructor}finally{W=null,o()}}var a="".concat(t?"":"dis","connectedCallback");a in r&&e[a]()}}).parse,W=null,F=function(e){if(!_.has(e)){var t,n=new Promise((function(e){t=e}));_.set(e,{$:n,_:t})}return _.get(e).$},z=e(F,b);q(self,"customElements",{configurable:!0,value:{define:function(e,t){if(R.has(e))throw new N('the name "'.concat(e,'" has already been used with this registry'));$.set(t,e),j.set(e,t.prototype),R.set(e,t),V.push(e),F(e).then((function(){U(y.querySelectorAll(e))})),_.get(e)._(t)},get:function(e){return R.get(e)},whenDefined:F}}),q(x.prototype=M.prototype,"constructor",{value:x}),q(self,"HTMLElement",{configurable:!0,value:x}),q(y,"createElement",{configurable:!0,value:function(e,t){var n=t&&t.is,r=n?R.get(n):R.get(e);return r?new r:H.call(y,e)}}),"isConnected"in O.prototype||q(O.prototype,"isConnected",{configurable:!0,get:function(){return!(this.ownerDocument.compareDocumentPosition(this)&this.DOCUMENT_POSITION_DISCONNECTED)}})}else if(P=!self.customElements.get("extends-li"))try{var B=function e(){return self.Reflect.construct(HTMLLIElement,[],e)};B.prototype=HTMLLIElement.prototype;var G="extends-li";self.customElements.define("extends-li",B,{extends:"li"}),P=y.createElement("li",{is:G}).outerHTML.indexOf(G)<0;var J=self.customElements,K=J.get,Q=J.whenDefined;q(self.customElements,"whenDefined",{configurable:!0,value:function(e){var t=this;return Q.call(this,e).then((function(n){return n||K.call(t,e)}))}})}catch(e){}if(P){var X=function(e){var t=ae.get(e);ve(t.querySelectorAll(this),e.isConnected)},Y=self.customElements,Z=y.createElement,ee=Y.define,te=Y.get,ne=Y.upgrade,re=T||{construct:function(e){return e.call(this)}},oe=re.construct,ae=new S,le=new E,ie=new m,ue=new m,ce=new m,se=new m,fe=[],de=[],he=function(e){return se.get(e)||te.call(Y,e)},ve=g({query:de,handle:function(e,t,n){var r=ce.get(n);if(t&&!r.isPrototypeOf(e)){var o=k(e);be=L(e,r);try{new r.constructor}finally{be=null,o()}}var a="".concat(t?"":"dis","connectedCallback");a in r&&e[a]()}}).parse,ge=g({query:fe,handle:function(e,t){ae.has(e)&&(t?le.add(e):le.delete(e),de.length&&X.call(de,e))}}).parse,pe=A.prototype.attachShadow;pe&&(A.prototype.attachShadow=function(e){var t=pe.call(this,e);return ae.set(this,t),t});var ye=function(e){if(!ue.has(e)){var t,n=new Promise((function(e){t=e}));ue.set(e,{$:n,_:t})}return ue.get(e).$},me=e(ye,b),be=null;D(self).filter((function(e){return/^HTML.*Element$/.test(e)})).forEach((function(e){var t=self[e];function n(){var e=this.constructor;if(!ie.has(e))throw new C("Illegal constructor");var n=ie.get(e),r=n.is,o=n.tag;if(r){if(be)return me(be,r);var a=Z.call(y,o);return a.setAttribute("is",r),me(L(a,e.prototype),r)}return oe.call(this,t,[],e)}q(n.prototype=t.prototype,"constructor",{value:n}),q(self,e,{value:n})})),q(y,"createElement",{configurable:!0,value:function(e,t){var n=t&&t.is;if(n){var r=se.get(n);if(r&&ie.get(r).tag===e)return new r}var o=Z.call(y,e);return n&&o.setAttribute("is",n),o}}),q(Y,"get",{configurable:!0,value:he}),q(Y,"whenDefined",{configurable:!0,value:ye}),q(Y,"upgrade",{configurable:!0,value:function(e){var t=e.getAttribute("is");if(t){var n=se.get(t);if(n)return void me(L(e,n.prototype),t)}ne.call(Y,e)}}),q(Y,"define",{configurable:!0,value:function(e,t,n){if(he(e))throw new N("'".concat(e,"' has already been defined as a custom element"));var r,o=n&&n.extends;ie.set(t,o?{is:e,tag:o}:{is:"",tag:e}),o?(r="".concat(o,'[is="').concat(e,'"]'),ce.set(r,t.prototype),se.set(e,t),de.push(r)):(ee.apply(Y,arguments),fe.push(r=e)),ye(e).then((function(){o?(ve(y.querySelectorAll(r)),le.forEach(X,[r])):ge(y.querySelectorAll(r))})),ue.get(e)._(t)}})}}();
927</script>
vendor: 1 bytes, line 927
927
928<script src="https://kit.fontawesome.com/3efdcfa6df.js" crossorigin="anonymous" async></script>
928
929
930    <!-- SWIPER --><link rel="stylesheet" href="//apolloneuro.com/cdn/shop/t/251/assets/c-swiper-bundle-min.css?v=105446667161407186561762872886" media="print" onload="this.media='all'">
931    <noscript><link href="//apolloneuro.com/cdn/shop/t/251/assets/c-swiper-bundle-min.css?v=105446667161407186561762872886" rel="stylesheet" type="text/css" media="all" /></noscript>
932    
932<script>
933      /* Two helpers the carousel sections share.
934         swiperReady: the bundle is deferred, so section scripts run before Swiper
935         exists. They used to poll on setInterval waiting for it; this resolves off
936         the script's own load event instead. Defined before the tag below so the
937         listener is always attached in time.
938         onceVisible: carousels used to initialise at load even when far below the
939         fold, so their layout work competed with the first paint. */
940      window.swiperReady = new Promise(function (resolve) {
941        if (window.Swiper) return resolve();
942        // Deferred scripts are guaranteed by spec to run before DOMContentLoaded,
943        // so the bundle has executed by the time this fires. Do NOT look the tag up
944        // by id here: this block is parsed before it, so getElementById returns null
945        // and "tag not found" would resolve immediately, with Swiper still undefined.
946        document.addEventListener('DOMContentLoaded', function () { resolve(); }, { once: true });
947      });
948
949      window.onceVisible = function (el, cb) {
950        if (!el || !('IntersectionObserver' in window)) return cb();
951        var io = new IntersectionObserver(function (entries) {
952          for (var i = 0; i < entries.length; i++) {
953            if (entries[i].isIntersecting) { io.disconnect(); cb(); return; }
954          }
955        }, { rootMargin: '300px 0px' });
956        io.observe(el);
957      };
958    </script>
958
959    
959<script src="//apolloneuro.com/cdn/shop/t/251/assets/c-swiper-bundle.min.js?v=77384774533390319981781009987" defer></script>
959<script type="text/javascript">
960       var _conv_page_type = "index";
961       var _conv_category_id = "";
962       var _conv_category_name = "";
963       var _conv_product_sku = "";
964       var _conv_product_name = '';
965       var _conv_product_price = "";
966       var _conv_customer_id = "";
967       var _conv_custom_v1 = "";
968       var _conv_custom_v2 = "";
969       var _conv_custom_v3 = "0";
970       var _conv_custom_v4 = "0";
971    </script>
971<script type='text/javascript'>
972      window._talkableq = [['init', {
973        site_id: 'apollo-neuro'
974      }]];
975      
976    </script>
976
977    
977<script
978      async
979      src='//d2jjzw81hqbuqv.cloudfront.net/integration/clients/apollo-neuro.min.js'
980      type='text/javascript'>
981  </script>
vendor: 1 bytes, line 981
981
982<script>
983  var _talkableq = _talkableq || [];
984  _talkableq.push(['authenticate_customer', {"email":"","first_name":"","last_name":"","customer_id":""}]);
985</script>
vendor: 1 bytes, line 985
985
986<script async src="//d2jjzw81hqbuqv.cloudfront.net/integration/clients/apollo-neuro.min.js" type="text/javascript"></script>
986
987
988    <!-- Extend -- Load Extend SDK Configuration script -->
989    <!-- Extend - Add necessary SDK script tags and configure the store -->
990<script src="https://sdk.helloextend.com/extend-sdk-client/v1/extend-sdk-client.min.js" defer="defer"></script>
vendor: 1 bytes, line 990
990
991<script src="https://sdk.helloextend.com/extend-sdk-client-shopify-addon/v1/extend-sdk-client-shopify-addon.min.js" defer="defer"></script>
vendor: 1 bytes, line 991
991
992<script>
993  window.addEventListener('DOMContentLoaded', function () {
994    // Set store ID
995    const storeId = '5b697d15-8aed-4529-bc38-2807228ce6c0';
996    // Set environment (production, demo, or development)
997    const env = 'production';
998
999
1000    window.Extend.config({ storeId: storeId, environment: env });
1001
1002
1003    if (window.Extend && window.ExtendShopify && window.Shopify.currency.active === 'USD') {
1004      const params = new URL(document.location).searchParams;
1005
1006
1007      // Check if leadToken or leadtoken is in the URL
1008      let leadToken = params.get('leadToken') ? params.get('leadToken') : params.get('leadtoken');
1009
1010
1011      if (leadToken) {
1012        Extend.aftermarketModal.open({
1013          leadToken: leadToken,
1014          onClose: function (plan, product, quantity) {
1015            if (plan && product) {
1016              ExtendShopify.addPlanToCart(
1017                { plan: plan, product: product, leadToken: leadToken, quantity: quantity || 1 },
1018                function () {
1019                  window.location = '/cart';
1020                }
1021              );
1022            }
1023          },
1024        });
1025      }
1026    }
1027  });
1028</script>
1028
1029
1030    <!-- Extend -- End Extend code -->
1031  <!-- BEGIN app block: shopify://apps/intelligems-a-b-testing/blocks/intelligems-script/fa83b64c-0c77-4c0c-b4b2-b94b42f5ef19 -->
1031<script>
1032  window._template = {
1033    directory: "",
1034    name: "index",
1035    suffix: ""
1036  };
1037  window.__productIdFromTemplate = null;
1038  window.__plpCollectionIdFromTemplate = null;
1039  window.igProductData = (function() {
1040    const data = {};return data;
1041  })();
1042</script>
1042
1043
1044<script type="module" blocking="render" fetchpriority="high" src="https://cdn.intelligems.io/esm/8f43bc96d04d/bundle.js" data-em-disable async></script>
1044
1045
1046
1047<!-- END app block --><!-- BEGIN app block: shopify://apps/attentive/blocks/attn-tag/8df62c72-8fe4-407e-a5b3-72132be30a0d -->
1047<script type="text/javascript" src="https://cdn.attn.tv/apolloneuro/dtag.js?source=app-embed" defer="defer"></script>
1047
1048
1049
1050<!-- END app block --><!-- BEGIN app block: shopify://apps/pagefly-ai-page-builder/blocks/app-embed/83e179f7-59a0-4589-8c66-c0dddf959200 -->
1051
1052<!-- BEGIN app snippet: pagefly-cro-ab-testing-main -->
1053
1054
1055
1056
1057
1058
1059
1060<script>
1061  ;(function () {
1062    const url = new URL(window.location)
1063    const viewParam = url.searchParams.get('view')
1064    if (viewParam && viewParam.includes('variant-pf-')) {
1065      url.searchParams.set('pf_v', viewParam)
1066      url.searchParams.delete('view')
1067      window.history.replaceState({}, '', url)
1068    }
1069  })()
1070</script>
1070
1071
1072
1073
1074<script type='module'>
1075  
1076  window.PAGEFLY_CRO = window.PAGEFLY_CRO || {}
1077
1078  window.PAGEFLY_CRO['data_debug'] = {
1079    original_template_suffix: "home",
1080    allow_ab_test: false,
1081    ab_test_start_time: 0,
1082    ab_test_end_time: 0,
1083    today_date_time: 1791054913000,
1084  }
1085  window.PAGEFLY_CRO['GA4'] = { enabled: false}
1086</script>
1086
1087
1088<!-- END app snippet -->
1089
1090
1091
1092
1093
1094
1095
1096
1097  
1097<script src='https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-helper.js' defer='defer'></script>
1097
1098
1099  
1099<script src='https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-general-helper.js' defer='defer'></script>
1099
1100
1101  
1101<script src='https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-snap-slider.js' defer='defer'></script>
1101
1102
1103  
1103<script src='https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-slideshow-v3.js' defer='defer'></script>
1103
1104
1105  
1105<script src='https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-slideshow-v4.js' defer='defer'></script>
1105
1106
1107  
1107<script src='https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-glider.js' defer='defer'></script>
1107
1108
1109  
1109<script src='https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-slideshow-v1-v2.js' defer='defer'></script>
1109
1110
1111  
1111<script src='https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-product-media.js' defer='defer'></script>
1111
1112
1113  
1113<script src='https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-product.js' defer='defer'></script>
1113
1114
1115
1116<script id='pagefly-helper-data' type='application/json'>
1117  {
1118    "page_optimization": {
1119      "assets_prefetching": false
1120    },
1121    "elements_asset_mapper": {
1122      "Accordion": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-accordion.js",
1123      "Accordion3": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-accordion3.js",
1124      "CountDown": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-countdown.js",
1125      "GMap1": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-gmap.js",
1126      "GMap2": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-gmap.js",
1127      "GMapBasicV2": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-gmap.js",
1128      "GMapAdvancedV2": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-gmap.js",
1129      "HTML.Video": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-htmlvideo.js",
1130      "HTML.Video2": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-htmlvideo2.js",
1131      "HTML.Video3": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-htmlvideo2.js",
1132      "BackgroundVideo": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-htmlvideo2.js",
1133      "Instagram": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-instagram.js",
1134      "Instagram2": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-instagram.js",
1135      "Insta3": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-instagram3.js",
1136      "Tabs": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-tab.js",
1137      "Tabs3": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-tab3.js",
1138      "ProductBox": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-cart.js",
1139      "FBPageBox2": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-facebook.js",
1140      "FBLikeButton2": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-facebook.js",
1141      "TwitterFeed2": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-twitter.js",
1142      "Paragraph4": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-paragraph4.js",
1143
1144      "AliReviews": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1145      "BackInStock": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1146      "GloboBackInStock": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1147      "GrowaveWishlist": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1148      "InfiniteOptionsShopPad": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1149      "InkybayProductPersonalizer": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder
1149-363/assets/pagefly-3rd-elements.js",
1150      "LimeSpot": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1151      "Loox": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1152      "Opinew": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1153      "Powr": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1154      "ProductReviews": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1155      "PushOwl": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1156      "ReCharge": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1157      "Rivyo": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1158      "TrackingMore": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1159      "Vitals": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1160      "Wiser": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js"
1161    },
1162    "custom_elements_mapper": {
1163      "pf-click-action-element": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-click-action-element.js",
1164      "pf-dialog-element": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-dialog-element.js"
1165    }
1166  }
1167</script>
1167
1168
1169<script id='pagefly-heatmap-config' type='application/json'>
1170  {}
1171</script>
vendor: 1 bytes, line 1171
1171
1172<script>
1173  (function () {
1174    var el = document.getElementById('pagefly-heatmap-config')
1175    if (!el) { window.__pagefly_heatmap_config__ = {}; return }
1176    try {
1177      window.__pagefly_heatmap_config__ = JSON.parse(el.textContent || '{}') || {}
1178    } catch (e) {
1179      window.__pagefly_heatmap_config__ = {}
1180    }
1181  })()
1182</script>
vendor: 1 bytes, line 1182
1182
1183<script>
1184  // Heatmap overlay loader. Three gates, all of them cheap, none of them trusting the URL:
1185  // the visitor must have arrived on a pf_heatmap link, the SERVER must have published an
1186  // overlay path in the metafield, and this page must already be one the merchant enabled
1187  // tracking for. The last gate is what stops a crafted link pulling the asset onto an
1188  // arbitrary storefront page. Everything else is decided inside the asset, and by the server.
1189  (function () {
1190    var cfg = window.__pagefly_heatmap_config__ || {}
1191    var id = (window.__pagefly_page_setting__ || {}).pageId
1192    if (!/[#&]pf_heatmap=/.test(window.location.hash || '')) return
1193    if (!cfg.overlay_data_path || !Array.isArray(cfg.enabled_page_ids)) return
1194    if (!id || cfg.enabled_page_ids.indexOf(id) === -1) return
1195    var s = document.createElement('script')
1196    s.src = 'https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-heatmap-overlay.js'
1197    s.defer = true
1198    document.head.appendChild(s)
1199  })()
1200</script>
1200
1201
1202<!-- BEGIN app snippet: pf-ai-schema -->
1203<!-- END app snippet -->
1204
1205
1206<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
1207<script type="text/javascript">
1208  (function (c, l, a, r, i, t, y) {
1209    c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); };
1210    t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify";
1211    y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
1212
1213    c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => {
1214      if (error) {
1215        console.error("Error loading Shopify features:", error);
1216        return;
1217      }
1218
1219      c[a]('consentv2', {
1220        ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied",
1221        analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied",
1222        source: 101,
1223      });
1224    });
1225
1226    l.addEventListener("visitorConsentCollected", function (e) {
1227      c[a]('consentv2', {
1228        ad_Storage: e.detail.marketingAllowed ? "granted" : "denied",
1229        analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied",
1230        source: 101,
1231      });
1232    });
1233  })(window, document, "clarity", "script", "tn3edfjo47");
1234</script>
1234
1235
1236
1237
1238<!-- END app block --><!-- BEGIN app block: shopify://apps/impact-com/blocks/consent_mode/adac1a7f-d17f-4936-8a12-45628cdd8add -->
1238<script id="consent_script" defer>
1239  window.Shopify.loadFeatures(
1240    [
1241      {
1242        name: 'consent-tracking-api',
1243        version: '0.1',
1244      },
1245    ],
1246    error => {
1247      if (error) {
1248        // Rescue error
1249      }
1250
1251      document.addEventListener("visitorConsentCollected", (event) => {
1252        // Do nothing
1253      });
1254    },
1255  );
1256</script>
1256
1257
1258<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
1259
1260
1261
1262
1263
1264
1265
1266
1267
1268
1269
1270
1271  
1271<script async src="https://static.klaviyo.com/onsite/js/HF6NZU/klaviyo.js?company_id=HF6NZU"></script>
1271
1272  
1272<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>
1272
1273
1274  
1275
1276
1277
1278
1279  
1279<script>
1280    window.klaviyoReviewsProductDesignMode = false
1281  </script>
1281
1282
1283
1284
1285
1286
1287
1288
1289
1290
1291<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/brandAgents_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
1292
1293
1294
1295<script type="text/javascript">
1296  (function(d){
1297      var s = d.createElement('script');
1298      s.async = true;
1299      s.src = "https://adsagentclientafd-b7hqhjdrf3fpeqh2.b01.azurefd.net/frontendInjection.js";
1300      var firstScript = d.getElementsByTagName('script')[0];
1301      firstScript.parentNode.insertBefore(s, firstScript);
1302  })(document);
1303</script>
1303
1304
1305
1306
1307<!-- END app block --><!-- BEGIN app block: shopify://apps/impact-com/blocks/utt/adac1a7f-d17f-4936-8a12-45628cdd8add -->
1308
1309<script id="advocate_jwt_script" defer>
1310  (function() {
1311    if (window.advocateScriptInitialized) {
1312      console.log("Advocate script already loaded, skipping...");
1313      return;
1314    }
1315
1316    window.advocateScriptInitialized = true;
1317
1318    async function fetchJWT(shopUrl, customerId) {
1319      try {
1320        const response = await fetch(`https://saasler-impact.herokuapp.com/api/v1/advocate_widget_jwt?customer_id=${customerId}&shop_url=${shopUrl}`);
1321
1322        const data = await response.json();
1323
1324        window.impactToken = data.jwt;
1325      } catch (error) {
1326        console.error("Error fetching data: ", error);
1327      }
1328    }
1329
1330    const shopUrl = Shopify.shop;
1331    const customerId = __st.cid;
1332
1333    fetchJWT(shopUrl, customerId).then(() => {
1334      const uttUrl = "https://utt.impactcdn.com/A2482266-c6ec-404d-ad79-f6d78267f8eb1.js";
1335
1336      (function(a,b,c,d,e,f,g){e['ire_o']=c;e[c]=e[c]||function(){(e[c].a=e[c].a||[]).push(arguments)};f=d.createElement(b);g=d.getElementsByTagName(b)[0];f.async=1;f.src=a;g.parentNode.insertBefore(f,g);})(`${uttUrl}`,'script','ire',document,window); ire('identify');
1337    });
1338  })();
1339</script>
1339
1340
1341<!-- END app block --><!-- BEGIN app block: shopify://apps/extend/blocks/extend-sdk-init/f3744d3b-bb7a-4029-9541-5ac3d5517b54 -->
1342<script defer>
1343    const storeId = "5b697d15-8aed-4529-bc38-2807228ce6c0"
1344    const environment = "production"
1345    const region = ""
1346    const locale = ""
1347    const sdkScript = document.createElement('script');
1348    console.log("loading extend sdk and environment:", environment)
1349    sdkScript.src = "https://sdk.helloextend.com/extend-sdk-client/v1/extend-sdk-client.min.js"
1350    sdkScript.defer = true
1351    document.head.appendChild(sdkScript)
1352    sdkScript.addEventListener('load', function() {
1353        Extend.config({ storeId, environment, region, locale })
1354    })
1355    const addonScript = document.createElement('script');
1356    addonScript.defer = true
1357    addonScript.src = "https://sdk.helloextend.com/extend-sdk-client-shopify-addon/v1/extend-sdk-client-shopify-addon.min.js"
1358    document.head.appendChild(addonScript)
1359    
1360
1361    
1362
1363</script>
1363
1364
1365<!-- END app block --><!-- BEGIN app block: shopify://apps/instafeed/blocks/head-block/c447db20-095d-4a10-9725-b5977662c9d5 --><!-- BEGIN app snippet: storefront-script -->
1366
1367
1368  
1369    
1369<script src="https://cdn.nfcube.com/instafeed-cac9f50d324854ad1de1d109ca5ffd34.js" defer></script>
1369
1370  
1371
1372<!-- END app snippet -->
1373
1374
1375
1376
1377<!-- END app block --><!-- BEGIN app block: shopify://apps/rebuy-personalization-engine/blocks/rebuy-global-embed/a26ae9b9-933b-40bf-bbc6-bf1220bbc4dc -->
1378<script>
1379  window.Rebuy = window.Rebuy || {};
1380  window.Rebuy.customer = window.Rebuy.customer || {};
1381  
1382  window.Rebuy.market = window.Rebuy.market || {};
1383  
1384  window.Rebuy.market.country = "US";
1385  
1386  
1387  window.Rebuy.market.locale = "en";
1388  
1389</script>
1389
1390
1391
1392
1393
1394
1395<!-- END app block --><!-- BEGIN app block: shopify://apps/triplewhale/blocks/triple_pixel_snippet/483d496b-3f1a-4609-aea7-8eee3b6b7a2a --><link rel='preconnect dns-prefetch' href='https://api.config-security.com/' crossorigin />
1396<link rel='preconnect dns-prefetch' href='https://conf.config-security.com/' crossorigin />
1397<script>
1398/* >> TriplePixel :: start*/
1399window.TriplePixelData={TripleName:"apollo-neuro.myshopify.com",ver:"2.16",plat:"SHOPIFY",isHeadless:false,src:'SHOPIFY_EXT',product:{id:"",name:``,price:"",variant:"",av:{  }},search:"",collection:"",cart:"",template:"index",curr:"USD" || "USD", market:"548503749"},function(W,H,A,L,E,_,B,N){function O(U,T,P,H,R){void 0===R&&(R=!1),H=new XMLHttpRequest,P?(H.open("POST",U,!0),H.setRequestHeader("Content-Type","text/plain")):H.open("GET",U,!0),H.send(JSON.stringify(P||{})),H.onreadystatechange=function(){4===H.readyState&&200===H.status?(R=H.responseText,U.includes("/first")?eval(R):P||(N[B]=R)):(299<H.status||H.status<200)&&T&&!R&&(R=!0,O(U,T-1,P))}}if(N=window,!N[H+"sn"]){N[H+"sn"]=1,L=function(){return Date.now().toString(36)+"_"+Math.random().toString(36)};try{A.setItem(H,1+(0|A.getItem(H)||0)),(E=JSON.parse(A.getItem(H+"U")||"[]")).push({u:location.href,r:document.referrer,t:Date.now(),id:L()}),A.setItem(H+"U",JSON.stringify(E))}catch(e){}var i,m,p;A.getItem('"!nC`')||(_=A,A=N,A[H]||(E=A[H]=function(t,e,i){return void 0===i&&(i=[]),"State"==t?E.s:(W=L(),(E._q=E._q||[]).push([W,t,e].concat(i)),W)},E.s="Installed",E._q=[],E.ch=W,B="configSecurityConfModel",N[B]=1,O("https://conf.config-security.com/model",5),i=L(),m=A[atob("c2NyZWVu")],_.setItem("di_pmt_wt",i),p={id:i,action:"profile",avatar:_.getItem("auth-security_rand_salt_"),time:m[atob("d2lkdGg=")]+":"+m[atob("aGVpZ2h0")],host:A.TriplePixelData.TripleName,plat:A.TriplePixelData.plat,url:window.location.href.slice(0,500),ref:document.referrer,ver:A.TriplePixelData.ver},O("https://api.config-security.com/event",5,p),O("https://api.config-security.com/first?host=".concat(p.host,"&plat=").concat(p.plat),5)))}}("","TriplePixel",localStorage);
1400/* << TriplePixel :: end*/
1401</script>
1401
1402
1403
1404
1405<!-- END app block --><!-- BEGIN app block: shopify://apps/userway-website-accessibility/blocks/uw-widget-extension/bc2d8a34-1a37-451b-ab1a-271bc4e9daa7 -->
1406
1407
1408
1409
1410<script type="text/javascript" async="" src="https://cdn.userway.org/widget.js?account=7yU9pXb5Nw&amp;platfAppInstalledSiteId=4119875&amp;shop=apolloneuro.com"></script>
1410
1411
1412<!-- END app block -->
1412<script src="https://cdn.shopify.com/extensions/01a0fe08-e2c7-715c-b071-c41490f72f6f/applovin-shop-integration-99/assets/app-embed.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1412
1412
1413<script src="https://cdn.shopify.com/extensions/01a0f37a-9dca-75e2-9f67-c659a79ae8f9/klaviyo-email-marketing-75/assets/app.js" type="text/javascript" defer="defer"></script>
1413
1414<link href="https://cdn.shopify.com/extensions/01a0f37a-9dca-75e2-9f67-c659a79ae8f9/klaviyo-email-marketing-75/assets/app.css" rel="stylesheet" type="text/css" media="all">
1415<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1416<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: 26783416517,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};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 1416
1416
1417<script>
1418  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1419</script>
vendor: 1 bytes, line 1419
1419
1420<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}
1420).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: 26783416517,storefrontBaseUrl: "https://apolloneuro.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://apolloneuro.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2513404101","configuration":"{\"debug\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"a9a83cf44fb282052ff936f7ab101058","type":"APP","apiClientId":4539653,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
1420,"dataSharingState":"unrestricted"},{"id":"2114486469","configuration":"{\"accountID\":\"apollo-neuro.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"e956ec6e8d561903059502ef4cf89c0e","type":"APP","apiClientId":322181300225,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"2048098501","configuration":"{\"botID\":\"27e7tjw6inas9m9u\",\"octaneDomain\":\"https:\/\/app.octaneai.com\",\"octaneNewDomain\":\"https:\/\/app2.octaneai.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"aace1440a9416e8b2805b96c7b2f2fe0","type":"APP","apiClientId":2012438,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2042167493","configuration":"{\"accountID\":\"apolloNeuro\",\"webhookUrl\":\"https:\/\/p7x852wp4j.execute-api.us-east-1.amazonaws.com\/prod\/shopify\/pixel\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"ed16bd70099be258d9256f4a2fd8d72e","type":"APP","apiClientId":284108226561,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"2015920325","configuration":"{\"pixel_id\":\"2448547408711531\",\"pixel_type\":\"facebook_pixel\"}","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":"unrestricted","enabledFlags":["9a3ed68a"]},{"id":"1912307909","configuration":"{\"accountID\":\"HF6NZU\",\"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"]},{"id":"1722351813","configuration":"{\"eventKey\":\"fb0de3e8-4ae4-4b8a-91dc-e96094b7f35c\",\"name\":\"apollo-neuro - Axon Pixel\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"fae105ca09bb030f70a8b83292a88611","type":"APP","apiClientId":256560922625,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1609466053","configuration":"{\"projectId\":\"tn3edfjo47\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d8a2bb2ccbb513dc8e8b6937f4b8033e","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1601667269","configuration":"{\"shopId\":\"apollo-neuro.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"31536d5a2ef62c1887054e49fd58dba0","type":"APP","apiClientId":4845829,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
1420,"dataSharingState":"unrestricted"},{"id":"1398407365","configuration":"{\"env\":\"prod\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"8a9a175b11d15038a70fe78d09c59720","type":"APP","apiClientId":3977633,"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"]},{"id":"945225925","configuration":"{\"campaignID\":\"12331\",\"externalExecutionURL\":\"https:\/\/engine.saasler.com\/api\/v1\/webhook_executions\/6dbb20ae568284230da4d8a58334197a\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4d2ae310e7f99f154f33560b5c81cfa9","type":"APP","apiClientId":3546795,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"806748357","configuration":"{\"shopId\":\"apollo-neuro.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7093dff47f098f6de2afb75b62011ebe","type":"APP","apiClientId":2753413,"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"},{"id":"558891205","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-7J8J3W1XMM\\\",\\\"GT-W6NJHH8\\\",\\\"G-2VV1ZKG0RM\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-7J8J3W1XMM\\\",\\\"G-2VV1ZKG0RM\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-7J8J3W1XMM\\\",\\\"G-2VV1ZKG0RM\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-7J8J3W1XMM\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-7J8J3W1XMM\\\",\\\"MC-Z35M4F55BD\\\",\\\"G-2VV1ZKG0RM\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-7J8J3W1XMM\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-7J8J3W1XMM\\\",\\\"MC-Z35M4F55BD\\\",\\\"G-2VV1ZKG0RM\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-7J8J3W1XMM\\\",\\\"MC-Z35M4F55BD\\\",\\\"G-2VV1ZKG0RM\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-7J8J3W1XMM\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-7J8J3W1XMM\\\",\\\"G-2VV1ZKG0RM\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-7J8J3W1XMM\\\",\\\"G-2VV1ZKG0RM\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-7J8J3W1XMM\\\"}],\\\"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":"32342213","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Reddit Pixel"},{"id":"163414213","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":[],"name":"Inflektion - Checkout Started"},{"id":"163446981","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"3","type":"CUSTOM","privacyPurposes":[],"name":"Inflektion - Conversion Pixel"},{"id":"167051461","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"4","type":"CUSTOM","privacyPurposes":["MARKETING","SALE_OF_DATA"],"name":"Google AdWords (CPC Ninja)"}
1420,{"id":"178356421","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"3","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"OpenAI Ads"},{"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":"Apollo Neuro","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"apollo-neuro.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/apolloneuro.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"8529691803845","handle":"apollo-wearable-1-year-ai-membership-starter-kit","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45478267584709","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8887146414277","handle":"apollo-wearable-smartvibes-ai-membership-sleep-band","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46366879350981","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7572750762181","handle":"smartvibes","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43854575632581","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7183492153541","handle":"apollo-wearable","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41447575945413","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"4772024811717","handle":"apollo-band","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"32442746110149","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7204483793093","handle":"apollo-clip","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41521224646853","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8005166137541","handle":"apollo-sleep-band","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43812117577925","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7498741121221","handle":"apollo-band-3pack","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42389007401157","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8008935407813","handle":"sleep-band-add-on","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43820850577605","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7489601405125","handle":"apollo-usb-charging-cable","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42365404971205","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7424956072133","handle":"extend-protection-plans-2","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42182553239749","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8238554284229","handle":"apollo2-smartvibes-pre-order-early-bird","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44503315349701","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8752934551749","handle":"apollo-wearable-hsa-fsa","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45914141982917","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6965429174469","handle":"apollo-gift-card","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40822341697733","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8775451246789","handle":"apollo-wearable-family-plan","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45988523311301","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8885546713285","handle":"divine-vibes-vintage-crewneck-tee-retro-sunburst-graphic-t-shirt","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46361814171845","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8885526921413","handle":"copy-of-chill-frazzled-sticker-retro-calm-wave-kiss-cut-vinyl","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46361742573765","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8886203678917","handle":"divine-vibes-raglan-shirt-grateful-af-3-4-sleeve-baseball-tee","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46363563622597","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8885538685125","handle":"copy-of-meditating-smiley-kiss-cut-sticker-cute-zen-la
1420ptop-decal","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46361783173317","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8888381210821","handle":"copy-of-divine-vibes-raglan-shirt-grateful-af-3-4-sleeve-baseball-tee","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46369967177925","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8885535801541","handle":"copy-of-stress-less-love-more-sticker-retro-sunset-inspirational-kiss-cut-decal","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46361772196037","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8885529182405","handle":"copy-of-22oz-copper-vacuum-insulated-bottle-cheerful-mint-green-mascot-design","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46361746800837","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8888409325765","handle":"copy-of-vibe-higher-apollo-crop-tee","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46370010661061","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8885538193605","handle":"copy-of-catching-zzzs-club-sticker-cute-sleepy-moon-kiss-cut-sticker","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46361780650181","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8885528002757","handle":"copy-of-heart-brain-friends-sticker-cute-retro-kiss-cut-decal","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46361741295813","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8858270892229","handle":"supreme-vibes-sunset-sweatshirt","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46259914866885","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8888368300229","handle":"divine-vibes-sweatshirt-vintage-sunburst-graphic-crewneck","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46369949319365","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8888364040389","handle":"grateful-af-accent-mug-funny-mindfulness-coffee-cup-red-handle-interior","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46369942274245","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8885594390725","handle":"copy-of-apollo-vibe-hoodie-retro-pink-script-lightweight-hooded-sweatshirt","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46362001146053","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8885590065349","handle":"apollo-vibe-hoodie-retro-blue-script-lightweight-hooded-sweatshirt","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46361986597061","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8920561221829","handle":"class-cord-cap","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46522893566149","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
1420,{"id":"8888421712069","handle":"catching-zzzs-club-scented-soy-candle-9oz-relaxing-sleep-bedtime-gift","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46370044707013","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8885629812933","handle":"copy-of-divine-vibes-crewneck-sweatshirt-radiant-spiritual-graphic","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46362163839173","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8885602517189","handle":"copy-of-drawstring-bag-stress-less-live-more-retro-gym-sack","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46362033815749","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8885532885189","handle":"divine-vibes-raglan-shirt-gold-sunburst-3-4-sleeve-baseball-tee","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46369972453573","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://apolloneuro.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"148928594117","themePublished":"true","eventMetadataId":"bfacf4f7-f64c-4919-8451-1c8541645609","pageType":"home","shopId":"26783416517","storefrontBaseUrl":"https:\/\/apolloneuro.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1420<script>
1421  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1422  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1423  window.ShopifyAnalytics.meta.currency = 'USD';
1424  var meta = {"page":{"pageType":"home","requestId":"e43bee2f-20ec-4ce0-b424-05d3232bc9c5-1791054912"}};
1425  for (var attr in meta) {
1426    window.ShopifyAnalytics.meta[attr] = meta[attr];
1427  }
1428</script>
vendor: 1 bytes, line 1428
1428
1429<script class="analytics">
1430  (function () {
1431    var customDocumentWrite = function(content) {
1432      var jquery = null;
1433
1434      if (window.jQuery) {
1435        jquery = window.jQuery;
1436      } else if (window.Checkout && window.Checkout.$) {
1437        jquery = window.Checkout.$;
1438      }
1439
1440      if (jquery) {
1441        jquery('body').append(content);
1442      }
1443    };
1444
1445    var hasLoggedConversion = function(token) {
1446      if (token) {
1447        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1448      }
1449      return false;
1450    }
1451
1452    var setCookieIfConversion = function(token) {
1453      if (token) {
1454        var twoMonthsFromNow = new Date(Date.now());
1455        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1456
1457        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1458      }
1459    }
1460
1461    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1462    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1463    if (trekkie.integrations) {
1464      return;
1465    }
1466    trekkie.methods = [
1467      'identify',
1468      'page',
1469      'ready',
1470      'track',
1471      'trackForm',
1472      'trackLink'
1473    ];
1474    trekkie.factory = function(method) {
1475      return function() {
1476        var args = Array.prototype.slice.call(arguments);
1477        args.unshift(method);
1478        trekkie.push(args);
1479        if (method == 'track' || method == 'page') {
1480          var pageUrl;
1481          try {
1482            pageUrl = window.location.href;
1483          } catch (e) {}
1484          var pageReferrer;
1485          try {
1486            pageReferrer = document.referrer;
1487          } catch (e) {}
1488          try {
1489            if (window.__TREKKIE_SHIM_QUEUE == null) {
1490              window.__TREKKIE_SHIM_QUEUE = [];
1491            }
1492            window.__TREKKIE_SHIM_QUEUE.push({
1493              from: 'trekkie-stub',
1494              method: method,
1495              args: args.slice(1),
1496              pageContext: {
1497                url: pageUrl,
1498                referrer: pageReferrer
1499              }
1500            });
1501          } catch (e) {
1502            // no-op
1503          }
1504        }
1505        return trekkie;
1506      };
1507    };
1508    for (var i = 0; i < trekkie.methods.length; i++) {
1509      var key = trekkie.methods[i];
1510      trekkie[key] = trekkie.factory(key);
1511    }
1512    trekkie.load = function(config) {
1513      trekkie.config = config || {};
1514      trekkie.config.initialDocumentCookie = document.cookie;
1515      var first = document.getElementsByTagName('script')[0];
1516var script = document.createElement('script');
1517script.type = 'text/javascript';
1518script.onerror = function(e) {
1519  var scriptFallback = document.createElement('script');
1520  scriptFallback.type = 'text/javascript';
1521  scriptFallback.onerror = function(error) {
1522          var Monorail = {
1523      produce: function produce(monorailDomain, schemaId, payload) {
1524        var currentMs = new Date().getTime();
1525        var event = {
1526          schema_id: schemaId,
1527          payload: payload,
1528          metadata: {
1529            event_created_at_ms: currentMs,
1530            event_sent_at_ms: currentMs
1531          }
1532        };
1533        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1534      },
1535      sendRequest: function sendRequest(endpointUrl, payload) {
1536        // Try the sendBeacon API
1537        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1538          var blobData = new window.Blob([payload], {
1539            type: 'text/plain'
1540          });
1541
1542          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1543            return true;
1544          } // sendBeacon was not successful
1545
1546        } // XHR beacon
1547
1548        var xhr = new XMLHttpRequest();
1549
1550        try {
1551          xhr.open('POST', endpointUrl);
1552          xhr.setRequestHeader('Content-Type', 'text/plain');
1553          xhr.send(payload);
1554        } catch (e) {
1555          console.log(e);
1556        }
1557
1558        return false;
1559      },
1560      isIos12: function isIos12() {
1561        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1562      }
1563    };
1564    Monorail.produce('monorail-edge.shopifysvc.com',
1565      'trekkie_storefront_load_errors/1.1',
1566      {shop_id: 26783416517,
1567      theme_id: 148928594117,
1568      app_name: "storefront",
1569      context_url: window.location.href,
1570      source_url: "//apolloneuro.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1571
1572  };
1573  scriptFallback.async = true;
1574  scriptFallback.src = '//apolloneuro.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1575  first.parentNode.insertBefore(scriptFallback, first);
1576};
1577script.async = true;
1578script.src = '//apolloneuro.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1579first.parentNode.insertBefore(script, first);
1580
1581    };
1582    trekkie.load(
1583      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":26783416517,"isMerchantRequest":null,"themeId":148928594117,"themeCityHash":"9621676085133542512","contentLanguage":"en","currency":"USD","eventMetadataId":"bfacf4f7-f64c-4919-8451-1c8541645609"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1584    );
1585
1586    var loaded = false;
1587    trekkie.ready(function() {
1588      if (loaded) return;
1589      loaded = true;
1590
1591      window.ShopifyAnalytics.lib = window.trekkie;
1592
1593      var originalDocumentWrite = document.write;
1594      document.write = customDocumentWrite;
1595      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1596      document.write = originalDocumentWrite;
1597
1598      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1599      var token = match? match[1]: undefined;
1600      if (!hasLoggedConversion(token)) {
1601        setCookieIfConversion(token);
1602        
1603      }
1604    });
1605
1606    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"e43bee2f-20ec-4ce0-b424-05d3232bc9c5-1791054912","shopifyEmitted":true});
1607
1608    var eventsListenerScript = document.createElement('script');
1609    eventsListenerScript.async = true;
1610    eventsListenerScript.src = "//apolloneuro.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1611    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1612})();</script>
1612
1613  
1613<script>
1614  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
1615    window.ga = function ga() {
1616      (window.ga.q = window.ga.q || []).push(arguments);
1617      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1618        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
1619      }
1620      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
1621    };
1622    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1623      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
1624    }
1625  }
1626</script>
vendor: 1 bytes, line 1626
1626
1627<script
1628  defer
1629  src="https://apolloneuro.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1630  data-application="storefront-renderer"
1631  data-shop-id="26783416517"
1632  data-render-region="gcp-us-central1"
1633  data-page-type="index"
1634  data-theme-instance-id="148928594117"
1635  data-theme-name="Be Yours"
1636  data-theme-version="8.3.0"
1637  data-monorail-region="shop_domain"
1638  data-resource-timing-sampling-rate="10"
1639  data-shs="true"
1640  data-shs-beacon="true"
1641  data-shs-export-with-fetch="true"
1642  data-shs-logs-sample-rate="1"
1643  data-shs-beacon-endpoint="https://apolloneuro.com/api/collect"
1644></script>
1644
1645<meta name="shopify-y" content="5a5569bb-85b5-4719-8a16-c8db8ca99500" data-expiration="1822612513000"><meta name="shopify-s" content="f169b1d3-f715-41e4-a823-8e3aa9745e62" data-expiration="1791056713000"><meta name="new-cookie-storage-activated" content="t">
1646</head>
1647
1648  <body
1649    class="template-index"
1650    data-animate-image
1651    data-lazy-image
1652    data-price-superscript>
1653    <a class="visually-hidden skip-to-content-link button button--small" href="#MainContent">
1654      Skip to content
1655    </a>
1656
1657    
1658
1659    <div class="transition-body">
1660      <!-- BEGIN sections: header-group -->
1661<section id="shopify-section-sections--19420719382725__scrolling_promotion_jBM3it" class="shopify-section shopify-section-group-header-group section"><style data-shopify>/* Hide page-controlled header promos by default - only show when page-settings enables them */
1662  #header-hsa,
1663  #header-scroller,
1664  #header-memorial {
1665    display: none !important;
1666  }
1667
1668  #shopify-section-sections--19420719382725__scrolling_promotion_jBM3it {
1669    --section-padding-top: 12px;
1670    --section-padding-bottom: 12px;
1671    --color-highlight: 228, 127, 47;
1672    --title-color: rgba(0,0,0,0);
1673    --title-promotion-spacing: 0px;
1674      --color-icon: 228, 127, 47;
1675      --gradient-background: #000000;
1676      --color-background: 0, 0, 0;
1677      --color-foreground: 255, 255, 255;
1678      --color-link: var(--color-foreground);
1679    }
1680
1681  /* Force custom text color to override theme defaults */
1682  #shopify-section-sections--19420719382725__scrolling_promotion_jBM3it .use-custom-colors .scrolling-promotion,
1683  #shopify-section-sections--19420719382725__scrolling_promotion_jBM3it .use-custom-colors .scrolling-promotion *,
1684  #shopify-section-sections--19420719382725__scrolling_promotion_jBM3it .use-custom-colors .promotion__text,
1685  #shopify-section-sections--19420719382725__scrolling_promotion_jBM3it .use-custom-colors .promotion__link,
1686  #shopify-section-sections--19420719382725__scrolling_promotion_jBM3it .use-custom-colors .promotion__item,
1687  #shopify-section-sections--19420719382725__scrolling_promotion_jBM3it .use-custom-colors .promotion {
1688    color: rgb(var(--color-foreground)) !important;
1689  }
1690  
1691  /* Also target any heading elements that might inherit different colors */
1692  #shopify-section-sections--19420719382725__scrolling_promotion_jBM3it .use-custom-colors .promotion__text.heading {
1693    color: rgb(var(--color-foreground)) !important;
1694  }
1695  /* Remove background from scrolling-promotion when using custom colors */
1696  #shopify-section-sections--19420719382725__scrolling_promotion_jBM3it .use-custom-colors .scrolling-promotion {
1697    background: transparent !important;
1698    background-color: transparent !important;
1699  }/* Mobile padding overrides */
1700  @media screen and (max-width: 749px) {
1701    #shopify-section-sections--19420719382725__scrolling_promotion_jBM3it .section--padding {
1702      padding-top: 12px !important;
1703      padding-bottom: 8px !important;
1704    }
1705  }
1706
1707  /* CTA button styles for promotion items */
1708  #shopify-section-sections--19420719382725__scrolling_promotion_jBM3it .promotion__item {
1709    display: flex;
1710    align-items: center;
1711    gap: 0.75rem;
1712  }
1713
1714  #shopify-section-sections--19420719382725__scrolling_promotion_jBM3it .promotion__cta {
1715    margin-left: 0.5rem;
1716    white-space: nowrap;
1717    flex-shrink: 0;
1718  }</style><link href="//apolloneuro.com/cdn/shop/t/251/assets/section-scrolling-promotion.css?v=175102810687634688821767703919" rel="stylesheet" type="text/css" media="all" />
1719
1720<div class="section--padding use-custom-colors" style="background: var(--gradient-background); background-color: rgb(var(--color-background));" id="header-study">
1721  <div class="page-width">
1722                <div class="title-wrapper title-wrapper--no-heading center" style="margin-bottom: var(--title-promotion-spacing);">
1723              <h2 class="title h1" style="color: var(--title-color);">
1724</h2>
1725    </div>
1726  </div>
1727
1728  <scrolling-promotion data-speed="2.5" class="scrolling-promotion scrolling-promotion--left promotion-icon--colored">
1729  <div class="promotion"><div class="promotion__item promotion-icon--medium"><div class="promotion__text heading" style="--font-size: 14px; color: rgb(var(--color-foreground)) !important;"><b>Apollo's Landmark Clinical Study</b></div><style data-shopify>
1730  /* Base CTA styles */
1731  .c-cta {
1732    text-transform: capitalize;
1733    letter-spacing: unset;
1734    min-width: unset;
1735    font-family: var(--body-family) !important;
1736    display: inline-flex;
1737    align-items: center;
1738    justify-content: center;
1739    transition: all 0.3s ease;
1740    padding: 12px;
1741    text-decoration: none;
1742    cursor: pointer;
1743    border-radius: 40px;
1744  }
1745
1746  .c-cta--with-icon {
1747    gap: 8px;
1748  }
1749
1750  /* Primary style */
1751  .c-cta--primary {
1752    background-color: #F7B267;
1753    border: 1px solid #F7B267;
1754    color: var(--slate-black, #1a1b18);
1755    transition: all 0.2s ease;
1756  }
1757
1758  .c-cta--primary:hover {
1759    opacity: 0.85;
1760    transform: translateY(-2px);
1761  }
1762
1763  .c-cta--primary .c-cta__text {
1764    color: var(--slate-black, #1a1b18);
1765    font-weight: 600;
1766  }
1767
1768  /* Secondary style */
1769  .c-cta--secondary {
1770    background-color: transparent;
1771    border: 1px solid transparent;
1772    color: var(--slate-black, #1a1b18);
1773  }
1774
1775  .c-cta--secondary:hover {
1776    border-color: var(--slate-black, #1a1b18);
1777  }
1778
1779  .c-cta--secondary .c-cta__text {
1780    color: var(--slate-black, #1a1b18);
1781  }
1782
1783/*   .c-cta--secondary > svg {
1784    width: 11.75px;
1785    height: 9.731px;
1786    flex-shrink: 0;
1787  } */
1788
1789  /* Tertiary style */
1790  .c-cta--tertiary {
1791    background-color: var(--ruby-red, #c53030);
1792    border: 1px solid var(--ruby-red, #c53030);
1793    color: var(--btn-text, #f2f2f2);
1794  }
1795
1796  .c-cta--tertiary:hover {
1797    background-color: var(--btn-text, #f2f2f2);
1798    color: var(--ruby-red, #c53030);
1799    border-color: var(--ruby-red, #c53030);
1800  }
1801
1802  .c-cta--tertiary .c-cta__text {
1803    color: inherit;
1804  }
1805
1806  /* Outline style */
1807  .c-cta--outline {
1808    background-color: transparent;
1809    border: 1px solid var(--ruby-red, #c53030);
1810    color: var(--ruby-red, #c53030);
1811  }
1812
1813  .c-cta--outline:hover {
1814    background-color: var(--ruby-red, #c53030);
1815    color: var(--btn-text, #f2f2f2);
1816    border-color: var(--ruby-red, #c53030);
1817  }
1818
1819  .c-cta--outline .c-cta__text {
1820    color: inherit;
1821  }
1822
1823  /* Size variations */
1824  .c-cta--small {
1825    padding: 8px 16px;
1826    font-size: 14px;
1827  }
1828
1829  .c-cta--medium {
1830    padding: 12px 24px;
1831    font-size: 16px;
1832  }
1833
1834  .c-cta--large,
1835  .c-cta--big {
1836    padding: 16px 32px;
1837    font-size: 18px;
1838  }
1839
1840  /* Text styles */
1841  .c-cta__text {
1842    font-size: inherit;
1843    line-height: 1.5;
1844    font-family: var(--body-family) !important;
1845  }
1846
1847  /* Tablet and up */
1848  @media (width >= 768px) {
1849    .c-cta {
1850      gap: 8px;
1851    }
1852
1853    .c-cta--small {
1854      padding: 8px 20px;
1855    }
1856
1857    .c-cta--medium {
1858      padding: 12px 24px;
1859    }
1860
1861    .c-cta--large,
1862    .c-cta--big {
1863      padding: 16px 36px;
1864    }
1865  }
1866</style>
1867<a
1868  href="https://apolloneuro.com/blogs/news/apollo-oura-jmir"
1869  class="c-cta c-cta--tertiary c-cta--small promotion__cta"
1870  
1871  
1872  aria-label="Read Now"
1873  
1874><span class="c-cta__text">Read Now</span></a>
1875</div><div class="promotion__item promotion-icon--medium"><a href="https://apolloneuro.com/blogs/news/apollo-oura-jmir" class="promotion__link"><div class="promotion__text heading" style="--font-size: 14px; color: rgb(var(--color-foreground)) !important;"><b>More REM Sleep </b></div></a></div><div class="promotion__item promotion-icon--medium"><a href="https://apolloneuro.com/blogs/news/apollo-oura-jmir" class="promotion__link"><div class="promotion__text heading" style="--font-size: 14px; color: rgb(var(--color-foreground)) !important;"><b>46 Additional Minutes of Sleep a Night</b></div></a></div><div class="promotion__item promotion-icon--medium"><a href="https://apolloneuro.com/blogs/news/apollo-oura-jmir" class="promotion__link"><div class="promotion__text heading" style="--font-size: 14px; color: rgb(var(--color-foreground)) !important;"><b>77% Lower Likelihood of Sleeping Less than 6 hours</b></div></a></div></div>
1876</scrolling-promotion>
1877</div>
1878
1879
1880<style> #shopify-section-sections--19420719382725__scrolling_promotion_jBM3it .c-cta {background-color: #e47f2f; border-color: #e47f2f;} #shopify-section-sections--19420719382725__scrolling_promotion_jBM3it div#header-hsa {border-top-color: #181e21;} </style></section><section id="shopify-section-sections--19420719382725__c_mega_menu_hBGwYa" class="shopify-section shopify-section-group-header-group c-mega-menu-section shopify-section-header">
1881<link
1882    rel="stylesheet"
1883    href="//apolloneuro.com/cdn/shop/t/251/assets/component-cart-drawer.css?v=98638690267049477101756101762"
1884    media="print"
1885    onload="this.media='all'"
1886  >
1887  <link
1888    rel="stylesheet"
1889    href="//apolloneuro.com/cdn/shop/t/251/assets/component-discounts.css?v=95161821600007313611756101761"
1890    media="print"
1891    onload="this.media='all'"
1892  >
1893  <link
1894    rel="stylesheet"
1895    href="//apolloneuro.com/cdn/shop/t/251/assets/quantity-popover.css?v=9669939566893680321756101762"
1896    media="print"
1897    onload="this.media='all'"
1898  ><link
1899      rel="stylesheet"
1900      href="//apolloneuro.com/cdn/shop/t/251/assets/c-mini-cart-v2.css?v=172878892511803578341787600582"
1901      media="print"
1902      onload="this.media='all'"
1903    >
1904    
1904<script
1905      src="//apolloneuro.com/cdn/shop/t/251/assets/c-mini-cart-v2.js?v=27167588968878831461787600582"
1906      defer="defer"
1907    ></script>
1907<script
1908    src="//apolloneuro.com/cdn/shop/t/251/assets/quantity-popover.js?v=128553846127506429101756101763"
1909    defer="defer"
1910  ></script>
1910<link
1911    rel="stylesheet"
1912    href="//apolloneuro.com/cdn/shop/t/251/assets/component-cart-recommendations.css?v=47803702805701660921777567752"
1913    media="print"
1914    onload="this.media='all'"
1915  >
1916  
1916<script
1917    src="//apolloneuro.com/cdn/shop/t/251/assets/cart-recommendations.js?v=36371543135496887781770758602"
1918    defer="defer"
1919  ></script>
1919<svg
1920  xmlns="http://www.w3.org/2000/svg"
1921  class="hidden"
1922  style="display: none;"
1923>
1924  <symbol id="icon-close" fill="none" viewBox="0 0 12 12">
1925    <path d="M1 1L11 11" stroke="currentColor" stroke-linecap="round" fill="none"/>
1926    <path d="M11 1L1 11" stroke="currentColor" stroke-linecap="round" fill="none"/>
1927  </symbol>
1928  <symbol id="icon-search" fill="none" viewBox="0 0 15 17">
1929    <circle cx="7.11113" cy="7.11113" r="6.56113" stroke="currentColor" fill="none"/>
1930    <path d="M11.078 12.3282L13.8878 16.0009" stroke="currentColor" stroke-linecap="round" fill="none"/>
1931  </symbol>
1932</svg>
1933
1934<style data-shopify>
1935  #sections--19420719382725__c_mega_menu_hBGwYa {
1936      --gradient-header-background: ;
1937      --color-header-background: , , ;
1938      --color-header-foreground: 40, 40, 40;
1939      --color-header-border: , , ;
1940      --color-highlight: , , ;
1941      --icon-weight: px;--header-button-padding-vertical: 10px;
1942      --header-button-padding-horizontal: 20px;
1943    }
1944    /* Sticky header styles - applied to the section container */
1945    #shopify-section-sections--19420719382725__c_mega_menu_hBGwYa {
1946      
1947      position: sticky !important;
1948      top: 0 !important;
1949      
1950      z-index: 1000;
1951      transition: box-shadow 0.3s ease, background-color 0.3s ease;
1952      background-color: #ffffff;
1953    }
1954
1955    #shopify-section-sections--19420719382725__c_mega_menu_hBGwYa.is-scrolled {
1956      
1957      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
1958      
1959    }
1960
1961    #sections--19420719382725__c_mega_menu_hBGwYa {
1962      position: relative;
1963      z-index: inherit;
1964    }
1965
1966    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu {
1967      position: relative;
1968      z-index: inherit;
1969    }
1970
1971    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__container {
1972      max-width: 1920px;
1973      margin: 0 auto;
1974      padding: 0 20px;
1975      background: #ffffff;
1976    }
1977
1978    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__header {
1979      position: relative;
1980      display: flex;
1981      align-items: center;
1982      justify-content: space-between;
1983      height: 72px;
1984      padding: 0;
1985      background-color: #ffffff;
1986    }
1987
1988    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__logo {
1989      display: flex;
1990      align-items: center;
1991    }
1992
1993    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__logo-img {
1994      height: 32px;
1995      width: auto;
1996    }
1997
1998    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__nav {
1999      display: none;
2000      align-items: center;
2001      gap: 32px;
2002      position: static;
2003    }
2004
2005    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__nav-item {
2006      position: static;
2007    }
2008
2009    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__nav-link {
2010      display: flex;
2011      align-items: center;
2012      gap: 4px;
2013      padding: 8px 0 !important;
2014      font-family: var(--font-founder-grotesk, 'Founders Grotesk', sans-serif);
2015      font-size: 16px;
2016      font-weight: 400;
2017      color: var(--neutral-darkest-gray, #181E21);
2018      text-decoration: none;
2019      transition: color 0.2s ease;
2020      cursor: pointer;
2021      background: none;
2022      border: none;
2023      line-height: 1.5;
2024    }
2025
2026    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__nav-link:hover {
2027      color: var(--neutral-darkest-gray, #181E21);
2028      opacity: 0.7;
2029    }
2030
2031    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__nav-link svg {
2032      width: 16px;
2033      height: 16px;
2034      transition: transform 0.2s ease;
2035    }
2036
2037    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__nav-item.is-open .c-mega-menu__nav-link svg {
2038      transform: rotate(180deg);
2039    }
2040
2041    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__icons {
2042      display: flex;
2043      align-items: center;
2044      gap: 16px;
2045    }
2046
2047    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__icon-btn {
2048      display: flex;
2049      align-items: center;
2050      justify-content: center;
2051      width: 40px;
2052      height: 40px;
2053      background: none;
2054      border: none;
2055      cursor: pointer;
2056      color: #181e21;
2057      transition: color 0.2s ease;
2058    }
2059
2060    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__icon-btn:hover {
2061      opacity: 0.7;
2062    }
2063
2064    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__icon-btn svg {
2065      width: 24px;
2066      height: 24px;
2067    }
2068
2069    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__cta-desktop {
2070      display: none;
2071    }
2072
2073    /* Custom button from page-settings */
2074    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__cta-cu
2074stom {
2075      display: none;
2076    }
2077
2078    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__cta-desktop .c-cta--primary {
2079      font-family: var(--body-family, 'Basis Grotesque Arabic Pro', sans-serif) !important;
2080      font-size: 16px;
2081      font-weight: 400;
2082      line-height: 1.5;
2083      padding: 8px 20px;
2084      border-radius: 40px;
2085      background-color: var(--neutral-black, #000);
2086      border: 1px solid var(--neutral-black, #000);
2087      color: #fff !important;
2088    }
2089
2090    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__cta-desktop .c-cta--primary .c-cta__text {
2091      font-family: var(--body-family, 'Basis Grotesque Arabic Pro', sans-serif) !important;
2092      font-size: 16px;
2093      font-weight: 400;
2094      line-height: 1.5;
2095      color: #fff !important;
2096    }
2097
2098    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__hamburger {
2099      display: flex;
2100    }
2101
2102    /* Dropdown Panel Styles */
2103    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__dropdown {
2104      position: absolute;
2105      top: 100%;
2106      left: 50%;
2107      margin-left: -50vw;
2108      width: 100vw;
2109      background-color: #fff;
2110      border-radius: 0 0 16px 16px;
2111      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
2112      opacity: 0;
2113      visibility: hidden;
2114      pointer-events: none;
2115      transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
2116      z-index: 100;
2117    }
2118
2119    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__nav-item.is-open .c-mega-menu__dropdown {
2120      opacity: 1;
2121      visibility: visible;
2122      pointer-events: auto;
2123      transform: translateY(0);
2124    }
2125
2126    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__dropdown--shop {
2127      padding: 20px 0;
2128      border-top: 1px solid #e0e0e0;
2129    }
2130
2131    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__dropdown--cards {
2132      padding: 20px 0;
2133      border-top: 1px solid #e0e0e0;
2134    }
2135
2136    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__dropdown-inner {
2137      display: flex;
2138      gap: 64px;
2139      max-width: 1440px;
2140      margin: 0 auto;
2141      padding: 0 40px;
2142      justify-content: flex-start;
2143    }
2144
2145    /* Shop dropdown columns */
2146    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__columns {
2147      display: flex;
2148      gap: 48px;
2149      flex-shrink: 0;
2150    }
2151
2152    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__column {
2153      min-width: 160px;
2154    }
2155
2156    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__column-title {
2157      font-family: var(--body-family, 'Basis Grotesque Arabic Pro', sans-serif);
2158      font-size: 20px;
2159      font-weight: 400;
2160      text-transform: uppercase;
2161      letter-spacing: 0;
2162      color: var(--neutral-black, #000);
2163      margin: 0 0 12px;
2164      line-height: 1.5;
2165    }
2166
2167    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__column-list {
2168      list-style: none;
2169      padding: 0;
2170      margin: 0;
2171      display: flex;
2172      flex-direction: column;
2173      gap: 12px;
2174    }
2175
2176    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__column-link {
2177      font-family: var(--body-family, 'Basis Grotesque Arabic Pro', sans-serif);
2178      font-size: 16px;
2179      font-weight: 300;
2180      color: var(--neutral-black, #000);
2181      text-decoration: none;
2182      transition: opacity 0.2s ease;
2183      line-height: 1.5;
2184    }
2185
2186    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__column-link:hover {
2187      opacity: 0.7;
2188    }
2189
2190    /* Featured products in Shop dropdown */
2191    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__featured {
2192      display: flex;
2193      gap: 21px;
2194      flex: 1;
2195      justify-content: flex-end;
2196    }
2197
2198    /* Cards grid for Science/About Us */
2199    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__cards {
2200      display: grid;
2201      grid-template-columns: repeat(4, 1fr);
2202      gap: 21px;
2203      width: 100%;
2204      max-width: 1440px;
2205      margin: 0 auto;
2206      padding: 0 40px;
2207    }
2208
2209    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__cards--5 {
2210      grid-template-columns: repeat(5, 1fr);
2211    }
2212
2213    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__cards--centered {
2214      grid-template-columns: repeat(auto-fit, minmax(250px, 300px));
2215      justify-content: center;
2216    }
2217
2218    /* Mobile Drawer Styles */
2219    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer {
2220      position: fixed;
2221      top: 0;
2222      left: 0;
2223      width: 100%;
2224      max-width: 342px;
2225      height: 100dvh;
2226      background-color: #fff;
2227      z-index: 9999;
2228      transform: translateX(-100%);
2229      transition: transform 0.3s ease;
2230      overflow: hidden;
2231    }
2232
2233    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer.is-open {
2234      transform: translateX(0);
2235    }
2236
2237    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer
2237-overlay {
2238      position: fixed;
2239      top: 0;
2240      left: 0;
2241      width: 100%;
2242      height: 100%;
2243      background-color: rgba(0, 0, 0, 0.5);
2244      z-index: 9998;
2245      opacity: 0;
2246      visibility: hidden;
2247      transition: opacity 0.3s ease, visibility 0.3s ease;
2248    }
2249
2250    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-overlay.is-open {
2251      opacity: 1;
2252      visibility: visible;
2253    }
2254
2255    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-container {
2256      position: relative;
2257      height: 100%;
2258      display: flex;
2259      flex-direction: column;
2260      padding: 27px 17px;
2261    }
2262
2263    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-header {
2264      display: flex;
2265      align-items: flex-start;
2266      justify-content: space-between;
2267      padding: 0;
2268      margin-bottom: 27px;
2269    }
2270
2271    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-logo {
2272      height: 25px;
2273      width: auto;
2274    }
2275
2276    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-close {
2277      display: flex;
2278      align-items: center;
2279      justify-content: center;
2280      width: 26px;
2281      height: 26px;
2282      background: none;
2283      border: none;
2284      cursor: pointer;
2285      color: var(--neutral-darkest-gray, #181E21);
2286      padding: 0;
2287    }
2288
2289    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-close svg {
2290      width: 26px;
2291      height: 26px;
2292    }
2293
2294    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-content {
2295      flex: 1;
2296      overflow: hidden;
2297      position: relative;
2298      display: flex;
2299      flex-direction: column;
2300      justify-content: space-between;
2301    }
2302
2303    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-panel {
2304      position: absolute;
2305      top: 0;
2306      left: 0;
2307      width: 100%;
2308      height: 100%;
2309      background-color: #fff;
2310      transform: translateX(100%);
2311      transition: transform 0.3s ease;
2312      overflow-y: auto;
2313      overflow-x: hidden;
2314      padding: 0;
2315    }
2316
2317    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-panel--main {
2318      position: relative;
2319      transform: translateX(0);
2320      overflow-y: auto;
2321      overflow-x: hidden;
2322    }
2323
2324    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-panel.is-open {
2325      transform: translateX(0);
2326    }
2327
2328    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-panel--main.is-hidden {
2329      transform: translateX(-100%);
2330    }
2331
2332    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-back {
2333      display: flex;
2334      align-items: center;
2335      justify-content: space-between;
2336      padding: 0 0 24px 0 !important;
2337      background: none;
2338      border: none;
2339      cursor: pointer;
2340      width: 100%;
2341      text-align: left;
2342    }
2343
2344    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-back svg {
2345      width: 26px;
2346      height: 25px;
2347      transform: rotate(90deg);
2348    }
2349
2350    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-panel-title {
2351      font-family: var(--font-founder-grotesk, 'Founders Grotesk', sans-serif);
2352      font-size: 24px;
2353      font-weight: 400;
2354      line-height: 1.5;
2355      color: var(--neutral-darkest-gray, #181E21);
2356      margin: 0;
2357    }
2358
2359    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-nav {
2360      list-style: none;
2361      padding: 0;
2362      margin: 0;
2363    }
2364
2365    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-nav-item {
2366      border-top: 1px solid #eee;
2367    }
2368
2369    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-nav-item:last-child {
2370      border-bottom: 1px solid #eee;
2371    }
2372
2373    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-nav-link {
2374      display: flex;
2375      align-items: center;
2376      justify-content: flex-start;
2377      gap: 4px;
2378      padding: 24px 0 !important;
2379      font-family: var(--font-founder-grotesk, 'Founders Grotesk', sans-serif);
2380      font-size: 24px;
2381      font-weight: 400;
2382      line-height: 1.5;
2383      color: var(--neutral-darkest-gray, #181E21);
2384      text-decoration: none;
2385      background: none;
2386      border: none;
2387      width: 100%;
2388      cursor: pointer;
2389      text-align: left;
2390    }
2391
2392    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer
2392-nav-link svg {
2393      width: 26px;
2394      height: 25px;
2395      transform: rotate(-90deg);
2396    }
2397
2398    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-nav-link--simple {
2399      justify-content: flex-start;
2400    }
2401
2402    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-footer {
2403      padding: 0;
2404      margin-top: auto;
2405    }
2406
2407    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-footer-links {
2408      display: flex;
2409      flex-direction: column;
2410      gap: 20px;
2411      margin-bottom: 20px;
2412    }
2413
2414    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-footer-link {
2415      font-family: var(--font-founder-grotesk, 'Founders Grotesk', sans-serif);
2416      font-size: 24px;
2417      font-weight: 400;
2418      line-height: 1.5;
2419      color: var(--neutral-darkest-gray, #181E21);
2420      text-decoration: none;
2421    }
2422
2423    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-cta {
2424      width: 100%;
2425    }
2426
2427    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-cta .c-cta {
2428      width: 100%;
2429      justify-content: center;
2430    }
2431
2432    /* Mobile panel - Shop specific */
2433    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-section-title {
2434      font-family: var(--body-family, 'Basis Grotesque Arabic Pro', sans-serif);
2435      font-size: 20px;
2436      font-weight: 400;
2437      text-transform: uppercase;
2438      letter-spacing: 0;
2439      color: var(--neutral-black, #000);
2440      margin: 0 0 12px 0;
2441      line-height: 1.5;
2442    }
2443
2444    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-links {
2445      list-style: none;
2446      padding: 0;
2447      margin: 0;
2448      display: flex;
2449      flex-direction: column;
2450      gap: 12px;
2451      margin-bottom: 24px;
2452    }
2453
2454    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-link {
2455      font-family: var(--body-family, 'Basis Grotesque Arabic Pro', sans-serif);
2456      font-size: 16px;
2457      font-weight: 300;
2458      line-height: 1.5;
2459      color: var(--neutral-black, #000);
2460      text-decoration: none;
2461      transition: opacity 0.2s ease;
2462    }
2463
2464    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-link:hover {
2465      opacity: 0.7;
2466    }
2467
2468    /* Mobile panel - Separator line */
2469    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-separator {
2470      width: 100%;
2471      height: 1px;
2472      background-color: #eee;
2473      margin: 0 0 24px 0;
2474    }
2475
2476    /* Mobile panel - Cards grid */
2477    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-cards {
2478      display: grid;
2479      grid-template-columns: repeat(2, 1fr);
2480      gap: 24px 12px;
2481      padding: 0;
2482    }
2483
2484    /* Main panel structure */
2485    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-panel--main {
2486      display: flex;
2487      flex-direction: column;
2488      height: 100%;
2489    }
2490
2491    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-main-nav {
2492      flex: 1;
2493    }
2494
2495    /* Mobile drawer banner */
2496    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-banner {
2497      position: relative;
2498      border-radius: 12px;
2499      overflow: hidden;
2500      margin: 24px 0;
2501      background-color: #8B8B8B;
2502    }
2503
2504    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-banner-link {
2505      display: block;
2506      text-decoration: none;
2507    }
2508
2509    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-banner-image {
2510      width: 100%;
2511      height: auto;
2512      display: block;
2513    }
2514
2515    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-banner-content {
2516      position: absolute;
2517      bottom: 0;
2518      left: 0;
2519      right: 0;
2520      padding: 16px;
2521      display: flex;
2522      flex-direction: column;
2523      gap: 8px;
2524    }
2525
2526    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-banner-title {
2527      font-family: var(--body-family, 'Basis Grotesque Arabic Pro', sans-serif);
2528      font-size: 16px;
2529      font-weight: 400;
2530      line-height: 1.5;
2531      color: #fff;
2532      margin: 0;
2533    }
2534
2535    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer
2535-banner-cta {
2536      display: inline-flex;
2537      align-items: center;
2538      justify-content: center;
2539      padding: 4px 11px;
2540      background-color: #F5C563;
2541      border-radius: 40px;
2542      font-family: var(--body-family, 'Basis Grotesque Arabic Pro', sans-serif) !important;
2543      font-size: 12px;
2544      font-weight: 400;
2545      line-height: 1.5;
2546      color: #000;
2547      text-decoration: none;
2548      transition: opacity 0.2s ease;
2549    }
2550
2551    #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-banner-cta:hover {
2552      opacity: 0.9;
2553    }
2554
2555    /* Tablet and up */
2556    @media (width >= 768px) {
2557      #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__logo-img {
2558        height: 32px;
2559      }
2560    }
2561
2562    /* Laptop and up */
2563    @media (width >= 978px) {
2564      #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__nav {
2565        display: flex;
2566      }
2567
2568      #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__hamburger {
2569        display: none;
2570      }
2571
2572      #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__cta-desktop {
2573        display: inline-flex;
2574      }
2575
2576      /* Custom button from page-settings - shown on laptop and up */
2577      #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__cta-custom {
2578        display: inline-flex;
2579      }
2580
2581      #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__logo-img {
2582        height: 36px;
2583      }
2584
2585      #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__container {
2586        padding: 0 40px;
2587        background: #ffffff;
2588      }
2589
2590      #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer,
2591      #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__drawer-overlay {
2592        display: none;
2593      }
2594    }
2595
2596    /* Desktop */
2597    @media (width >= 1200px) {
2598      #sections--19420719382725__c_mega_menu_hBGwYa .c-mega-menu__container {
2599        padding: 0 60px;
2600        background: #ffffff;
2601      }
2602    }
2603</style>
2604
2605<c-mega-menu
2606  id="sections--19420719382725__c_mega_menu_hBGwYa"
2607  class="c-mega-menu"
2608  data-sticky="true"
2609>
2610  <div class="c-mega-menu__container">
2611    <header class="c-mega-menu__header">
2612      <!-- Logo -->
2613      <a
2614        href="/"
2615        class="c-mega-menu__logo"
2616      ><img src="//apolloneuro.com/cdn/shop/files/ApolloLogo-10pxpad.png?height=100&amp;v=1757630841" alt="Apollo Neuro" srcset="//apolloneuro.com/cdn/shop/files/ApolloLogo-10pxpad.png?height=76&amp;v=1757630841 352w, //apolloneuro.com/cdn/shop/files/ApolloLogo-10pxpad.png?height=100&amp;v=1757630841 459w" width="459" height="100" loading="eager" class="c-mega-menu__logo-img">
2617</a>
2618
2619      <!-- Desktop Navigation -->
2620      <nav
2621        class="c-mega-menu__nav"
2622        role="navigation"
2623        aria-label="Main navigation"
2624      ><div
2625                class="c-mega-menu__nav-item"
2626                data-mega-menu-item="menu_shop_VBa7mV"
2627                
2628              >
2629                <button
2630                  class="c-mega-menu__nav-link"
2631                  aria-expanded="false"
2632                  aria-controls="dropdown-menu_shop_VBa7mV"
2633                >
2634                  Shop
2635                  
2636<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg">
2637      <path d="M13 1L7 7L1 0.999999" stroke="#181818" stroke-linecap="square"/>
2638    </svg>
2639                </button>
2640                <div
2641                  id="dropdown-menu_shop_VBa7mV"
2642                  class="c-mega-menu__dropdown c-mega-menu__dropdown--shop"
2643                >
2644                  <div class="c-mega-menu__dropdown-inner">
2645                    <div class="c-mega-menu__columns">
2646                      <!-- Products Column -->
2647                      <div class="c-mega-menu__column">
2648                        <h3 class="c-mega-menu__column-title">
2649                          PRODUCTS
2650                        </h3>
2651                        <ul class="c-mega-menu__column-list"><li>
2652                                <a
2653                                  href="/products/apollo-wearable"
2654                                  class="c-mega-menu__column-link"
2655                                >Apollo Wearable</a>
2656                              </li><li>
2657                                <a
2658                                  href="/pages/apollo-sessions"
2659                                  class="c-mega-menu__column-link"
2660                                >Sessions Membership</a>
2661                              </li><li>
2662                                <a
2663                                  href="/products/apollo-clip"
2664                                  class="c-mega-menu__column-link"
2665                                >Apollo Clip</a>
2666                              </li><li>
2667                                <a
2668                                  href="/products/apollo-sleep-band"
2669                                  class="c-mega-menu__column-link"
2670                                >Apollo Sleep Band</a>
2671                              </li><li>
2672                                <a
2673                                  href="/collections/accessories"
2674                                  class="c-mega-menu__column-link"
2675                                >Apollo Accessories</a>
2676                              </li><li>
2677                                <a
2678                                  href="/collections/merch"
2679                                  class="c-mega-menu__column-link"
2680                                >Apollo Apparel + Gear</a>
2681                              </li></ul>
2682                      </div>
2683                      <!-- Benefits Column -->
2684                      <div class="c-mega-menu__column">
2685                        <h3 class="c-mega-menu__column-title">
2686                          BENEFITS
2687                        </h3>
2688                        <ul class="c-mega-menu__column-list"><li>
2689                                <a
2690                                  href="/pages/why-apollo"
2691                                  class="c-mega-menu__column-link"
2692                                >Why Use Apollo</a>
2693                              </li><li>
2694                                <a
2695                                  href="/pages/benefits-for-sleep"
2696                                  class="c-mega-menu__column-link"
2697                                >Sleep</a>
2698                              </li><li>
2699                                <a
2700                                  href="/pages/benefits-for-stress"
2701                                  class="c-mega-menu__column-link"
2702                                >Stress</a>
2703                              </li><li>
2704                                <a
2705                                  href="/pages/benefits-for-performance"
2706                                  class="c-mega-menu__column-link"
2707                                >Performance</a>
2708                              </li><li>
2709                                <a
2710                                  href="/pages/benefits-for-focus"
2711                                  class="c-mega-menu__column-link"
2712                                >Focus</a>
2713                              </li><li>
2714                                <a
2715                                  href="/pages/benefits-for-kids-parents"
2716                                  class="c-mega-menu__column-link"
2717                                >Kids + Parents</a>
2718                              </li></ul>
2719                      </div>
2720                    </div>
2721                    <!-- Featured Products -->
2722                    <div class="c-mega-menu__featured">
2723<a
2724  href="/products/apollo-wearable-1-year-ai-membership-starter-kit"
2725  class="c-mega-menu-featured c-mega-menu-featured--hover-gradient"
2726  
2727    style="--gradient-start: #e3c2ad; --gradient-end: #b08777;"
2728  
2729>
2730  <div class="c-mega-menu-featured__image-wrapper"><span class="c-mega-menu-featured__badge">Best Seller</span><div class="c-mega-menu-featured__image"><img src="//apolloneuro.com/cdn/shop/files/Product_bb26e849-c7d3-4d39-96b6-fbfbafbc9b8a.png?crop=center&amp;height=600&amp;v=1769697849&amp;width=600" alt="" srcset="//apolloneuro.com/cdn/shop/files/Product_bb26e849-c7d3-4d39-96b6-fbfbafbc9b8a.png?crop=center&amp;height=300&amp;v=1769697849&amp;width=300 300w, //apolloneuro.com/cdn/shop/files/Product_bb26e849-c7d3-4d39-96b6-fbfbafbc9b8a.png?crop=center&amp;height=400&amp;v=1769697849&amp;width=400 400w, //apolloneuro.com/cdn/shop/files/Product_bb26e849-c7d3-4d39-96b6-fbfbafbc9b8a.png?crop=center&amp;height=600&amp;v=1769697849&amp;width=600 600w" width="600" height="600" loading="lazy" class="c-mega-menu-featured__img">
2731</div><div class="c-mega-menu-featured__cta-overlay">
2732        <span class="c-mega-menu-featured__cta">Learn More</span>
2733      </div></div>
2734
2735  <span class="c-mega-menu-featured__title">Apollo® Wearable + SmartVibes®</span>
2736</a>
2737
2738
2739
2740
2741<a
2742  href="/pages/hsa-fsa-apollo"
2743  class="c-mega-menu-featured"
2744  
2745>
2746  <div class="c-mega-menu-featured__image-wrapper"><div class="c-mega-menu-featured__image"><img src="//apolloneuro.com/cdn/shop/files/img.png?crop=center&amp;height=600&amp;v=1770391601&amp;width=600" alt="" srcset="//apolloneuro.com/cdn/shop/files/img.png?crop=center&amp;height=300&amp;v=1770391601&amp;width=300 300w, //apolloneuro.com/cdn/shop/files/img.png?crop=center&amp;height=400&amp;v=1770391601&amp;width=400 400w, //apolloneuro.com/cdn/shop/files/img.png?crop=center&amp;height=600&amp;v=1770391601&amp;width=600 600w" width="600" height="600" loading="lazy" class="c-mega-menu-featured__img">
2747</div></div>
2748
2749  <span class="c-mega-menu-featured__title">Use HSA or FSA Funds</span>
2750</a>
2751
2752
2753
2754
2755<a
2756  href="/collections/merch"
2757  class="c-mega-menu-featured"
2758  
2759>
2760  <div class="c-mega-menu-featured__image-wrapper"><div class="c-mega-menu-featured__image"><img src="//apolloneuro.com/cdn/shop/files/Merch.png?crop=center&amp;height=600&amp;v=1782343148&amp;width=600" alt="" srcset="//apolloneuro.com/cdn/shop/files/Merch.png?crop=center&amp;height=300&amp;v=1782343148&amp;width=300 300w, //apolloneuro.com/cdn/shop/files/Merch.png?crop=center&amp;height=400&amp;v=1782343148&amp;width=400 400w, //apolloneuro.com/cdn/shop/files/Merch.png?crop=center&amp;height=600&amp;v=1782343148&amp;width=600 600w" width="600" height="600" loading="lazy" class="c-mega-menu-featured__img">
2761</div></div>
2762
2763  <span class="c-mega-menu-featured__title">Apparel + Gear</span>
2764</a>
2765
2766
2767
2768</div>
2769                  </div>
2770                </div>
2771              </div><div
2772                class="c-mega-menu__nav-item"
2773                data-mega-menu-item="menu_cards_C4QATJ"
2774                
2775              >
2776                <button
2777                  class="c-mega-menu__nav-link"
2778                  aria-expanded="false"
2779                  aria-controls="dropdown-menu_cards_C4QATJ"
2780                >
2781                  Science + Research
2782                  
2783<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg">
2784      <path d="M13 1L7 7L1 0.999999" stroke="#181818" stroke-linecap="square"/>
2785    </svg>
2786                </button>
2787                <div
2788                  id="dropdown-menu_cards_C4QATJ"
2789                  class="c-mega-menu__dropdown c-mega-menu__dropdown--cards"
2790                >
2791                  <div class="c-mega-menu__cards c-mega-menu__cards--centered">
2792<a href="/pages/apollo-neuro-research" class="c-mega-menu-card">
2793  <div class="c-mega-menu-card__image"><img src="//apolloneuro.com/cdn/shop/files/Research.png?crop=center&amp;height=400&amp;v=1779810232&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Research.png?crop=center&amp;height=200&amp;v=1779810232&amp;width=200 200w, //apolloneuro.com/cdn/shop/files/Research.png?crop=center&amp;height=300&amp;v=1779810232&amp;width=300 300w, //apolloneuro.com/cdn/shop/files/Research.png?crop=center&amp;height=400&amp;v=1779810232&amp;width=400 400w" width="400" height="400" loading="lazy" class="c-mega-menu-card__img">
2794</div>
2795  <span class="c-mega-menu-card__title">Apollo Science and Research</span>
2796</a>
2797
2798
2799
2800
2801<a href="/pages/apollo-neuro-and-hrv" class="c-mega-menu-card">
2802  <div class="c-mega-menu-card__image"><img src="//apolloneuro.com/cdn/shop/files/science-3.png?crop=center&amp;height=400&amp;v=1768924779&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/science-3.png?crop=center&amp;height=200&amp;v=1768924779&amp;width=200 200w, //apolloneuro.com/cdn/shop/files/science-3.png?crop=center&amp;height=300&amp;v=1768924779&amp;width=300 300w, //apolloneuro.com/cdn/shop/files/science-3.png?crop=center&amp;height=400&amp;v=1768924779&amp;width=400 400w" width="400" height="400" loading="lazy" class="c-mega-menu-card__img">
2803</div>
2804  <span class="c-mega-menu-card__title">Apollo and HRV</span>
2805</a>
2806
2807
2808
2809
2810<a href="/pages/experts-and-advisors" class="c-mega-menu-card">
2811  <div class="c-mega-menu-card__image"><img src="//apolloneuro.com/cdn/shop/files/Experts_Advisors_01.png?crop=center&amp;height=400&amp;v=1770339899&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Experts_Advisors_01.png?crop=center&amp;height=200&amp;v=1770339899&amp;width=200 200w, //apolloneuro.com/cdn/shop/files/Experts_Advisors_01.png?crop=center&amp;height=300&amp;v=1770339899&amp;width=300 300w, //apolloneuro.com/cdn/shop/files/Experts_Advisors_01.png?crop=center&amp;height=400&amp;v=1770339899&amp;width=400 400w" width="400" height="400" loading="lazy" class="c-mega-menu-card__img">
2812</div>
2813  <span class="c-mega-menu-card__title">Experts and Advisors</span>
2814</a>
2815
2816
2817
2818</div>
2819                </div>
2820              </div><div
2821                class="c-mega-menu__nav-item"
2822                data-mega-menu-item="menu_cards_bmMtFD"
2823                
2824              >
2825                <button
2826                  class="c-mega-menu__nav-link"
2827                  aria-expanded="false"
2828                  aria-controls="dropdown-menu_cards_bmMtFD"
2829                >
2830                  For Business
2831                  
2832<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg">
2833      <path d="M13 1L7 7L1 0.999999" stroke="#181818" stroke-linecap="square"/>
2834    </svg>
2835                </button>
2836                <div
2837                  id="dropdown-menu_cards_bmMtFD"
2838                  class="c-mega-menu__dropdown c-mega-menu__dropdown--cards"
2839                >
2840                  <div class="c-mega-menu__cards c-mega-menu__cards--centered">
2841<a href="/pages/apollo-neuro-for-business" class="c-mega-menu-card">
2842  <div class="c-mega-menu-card__image"><img src="//apolloneuro.com/cdn/shop/files/For_Business.jpg?crop=center&amp;height=400&amp;v=1775183701&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/For_Business.jpg?crop=center&amp;height=200&amp;v=1775183701&amp;width=200 200w, //apolloneuro.com/cdn/shop/files/For_Business.jpg?crop=center&amp;height=300&amp;v=1775183701&amp;width=300 300w, //apolloneuro.com/cdn/shop/files/For_Business.jpg?crop=center&amp;height=400&amp;v=1775183701&amp;width=400 400w" width="400" height="400" loading="lazy" class="c-mega-menu-card__img">
2843</div>
2844  <span class="c-mega-menu-card__title">For Wholesale Business  + SDK Licensing</span>
2845</a>
2846
2847
2848
2849
2850<a href="/pages/clinicians" class="c-mega-menu-card">
2851  <div class="c-mega-menu-card__image"><img src="//apolloneuro.com/cdn/shop/files/For_Clinicians_fcda8232-ed41-4572-9b8d-6cfe1f80ef4b.png?crop=center&amp;height=400&amp;v=1775228606&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/For_Clinicians_fcda8232-ed41-4572-9b8d-6cfe1f80ef4b.png?crop=center&amp;height=200&amp;v=1775228606&amp;width=200 200w, //apolloneuro.com/cdn/shop/files/For_Clinicians_fcda8232-ed41-4572-9b8d-6cfe1f80ef4b.png?crop=center&amp;height=300&amp;v=1775228606&amp;width=300 300w, //apolloneuro.com/cdn/shop/files/For_Clinicians_fcda8232-ed41-4572-9b8d-6cfe1f80ef4b.png?crop=center&amp;height=400&amp;v=1775228606&amp;width=400 400w" width="400" height="400" loading="lazy" class="c-mega-menu-card__img">
2852</div>
2853  <span class="c-mega-menu-card__title">For Clinicians + Healthcare Professionals</span>
2854</a>
2855
2856
2857
2858</div>
2859                </div>
2860              </div><div
2861                class="c-mega-menu__nav-item"
2862                data-mega-menu-item="menu_cards_hhQKKC"
2863                
2864              >
2865                <button
2866                  class="c-mega-menu__nav-link"
2867                  aria-expanded="false"
2868                  aria-controls="dropdown-menu_cards_hhQKKC"
2869                >
2870                  About Us
2871                  
2872<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg">
2873      <path d="M13 1L7 7L1 0.999999" stroke="#181818" stroke-linecap="square"/>
2874    </svg>
2875                </button>
2876                <div
2877                  id="dropdown-menu_cards_hhQKKC"
2878                  class="c-mega-menu__dropdown c-mega-menu__dropdown--cards"
2879                >
2880                  <div class="c-mega-menu__cards c-mega-menu__cards--5">
2881<a href="/pages/about-apollo-neuro" class="c-mega-menu-card">
2882  <div class="c-mega-menu-card__image"><img src="//apolloneuro.com/cdn/shop/files/about-us-1.png?crop=center&amp;height=400&amp;v=1768925395&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/about-us-1.png?crop=center&amp;height=200&amp;v=1768925395&amp;width=200 200w, //apolloneuro.com/cdn/shop/files/about-us-1.png?crop=center&amp;height=300&amp;v=1768925395&amp;width=300 300w, //apolloneuro.com/cdn/shop/files/about-us-1.png?crop=center&amp;height=400&amp;v=1768925395&amp;width=400 400w" width="400" height="400" loading="lazy" class="c-mega-menu-card__img">
2883</div>
2884  <span class="c-mega-menu-card__title">About Us</span>
2885</a>
2886
2887
2888
2889
2890<a href="/blogs/press" class="c-mega-menu-card">
2891  <div class="c-mega-menu-card__image"><img src="//apolloneuro.com/cdn/shop/files/Press_NavImage.png?crop=center&amp;height=400&amp;v=1770339929&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Press_NavImage.png?crop=center&amp;height=200&amp;v=1770339929&amp;width=200 200w, //apolloneuro.com/cdn/shop/files/Press_NavImage.png?crop=center&amp;height=300&amp;v=1770339929&amp;width=300 300w, //apolloneuro.com/cdn/shop/files/Press_NavImage.png?crop=center&amp;height=400&amp;v=1770339929&amp;width=400 400w" width="400" height="400" loading="lazy" class="c-mega-menu-card__img">
2892</div>
2893  <span class="c-mega-menu-card__title">Press</span>
2894</a>
2895
2896
2897
2898
2899<a href="/pages/apollo-neuro-reviews" class="c-mega-menu-card">
2900  <div class="c-mega-menu-card__image"><img src="//apolloneuro.com/cdn/shop/files/about-us-3.png?crop=center&amp;height=400&amp;v=1768925395&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/about-us-3.png?crop=center&amp;height=200&amp;v=1768925395&amp;width=200 200w, //apolloneuro.com/cdn/shop/files/about-us-3.png?crop=center&amp;height=300&amp;v=1768925395&amp;width=300 300w, //apolloneuro.com/cdn/shop/files/about-us-3.png?crop=center&amp;height=400&amp;v=1768925395&amp;width=400 400w" width="400" height="400" loading="lazy" class="c-mega-menu-card__img">
2901</div>
2902  <span class="c-mega-menu-card__title">Reviews</span>
2903</a>
2904
2905
2906
2907
2908<a href="/pages/apollo-neuro-faqs" class="c-mega-menu-card">
2909  <div class="c-mega-menu-card__image"><img src="//apolloneuro.com/cdn/shop/files/about-us-4.png?crop=center&amp;height=400&amp;v=1768925395&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/about-us-4.png?crop=center&amp;height=200&amp;v=1768925395&amp;width=200 200w, //apolloneuro.com/cdn/shop/files/about-us-4.png?crop=center&amp;height=300&amp;v=1768925395&amp;width=300 300w, //apolloneuro.com/cdn/shop/files/about-us-4.png?crop=center&amp;height=400&amp;v=1768925395&amp;width=400 400w" width="400" height="400" loading="lazy" class="c-mega-menu-card__img">
2910</div>
2911  <span class="c-mega-menu-card__title">FAQs</span>
2912</a>
2913
2914
2915
2916
2917<a href="/blogs/news" class="c-mega-menu-card">
2918  <div class="c-mega-menu-card__image"><img src="//apolloneuro.com/cdn/shop/files/blog.png?crop=center&amp;height=400&amp;v=1770132020&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/blog.png?crop=center&amp;height=200&amp;v=1770132020&amp;width=200 200w, //apolloneuro.com/cdn/shop/files/blog.png?crop=center&amp;height=300&amp;v=1770132020&amp;width=300 300w, //apolloneuro.com/cdn/shop/files/blog.png?crop=center&amp;height=400&amp;v=1770132020&amp;width=400 400w" width="400" height="400" loading="lazy" class="c-mega-menu-card__img">
2919</div>
2920  <span class="c-mega-menu-card__title">Blog</span>
2921</a>
2922
2923
2924
2925</div>
2926                </div>
2927              </div><div
2928                class="c-mega-menu__nav-item"
2929                
2930              >
2931                <a
2932                  href="/pages/quiz"
2933                  class="c-mega-menu__nav-link"
2934                >
2935                  Quiz
2936                </a>
2937              </div></nav>
2938
2939      <!-- Icons -->
2940      <div class="c-mega-menu__icons">
2941        <!-- Search --><!-- Account --><!-- Cart --><button
2942            type="button"
2943            class="c-mega-menu__icon-btn"
2944            aria-label="Cart"
2945            data-cart-toggle
2946          >
2947            
2948<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2949      <path d="M9 22C9.55228 22 10 21.5523 10 21C10 20.4477 9.55228 20 9 20C8.44772 20 8 20.4477 8 21C8 21.5523 8.44772 22 9 22Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2950      <path d="M20 22C20.5523 22 21 21.5523 21 21C21 20.4477 20.5523 20 20 20C19.4477 20 19 20.4477 19 21C19 21.5523 19.4477 22 20 22Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2951      <path d="M1 1H5L7.68 14.39C7.77144 14.8504 8.02191 15.264 8.38755 15.5583C8.75318 15.8526 9.2107 16.009 9.68 16H19.4C19.8693 16.009 20.3268 15.8526 20.6925 15.5583C21.0581 15.264 21.3086 14.8504 21.4 14.39L23 6H6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2952    </svg>
2953          </button><!-- Desktop CTA --><div class="c-mega-menu__cta-desktop">
2954            <style data-shopify>
2955  /* Base CTA styles */
2956  .c-cta {
2957    text-transform: capitalize;
2958    letter-spacing: unset;
2959    min-width: unset;
2960    font-family: var(--body-family) !important;
2961    display: inline-flex;
2962    align-items: center;
2963    justify-content: center;
2964    transition: all 0.3s ease;
2965    padding: 12px;
2966    text-decoration: none;
2967    cursor: pointer;
2968    border-radius: 40px;
2969  }
2970
2971  .c-cta--with-icon {
2972    gap: 8px;
2973  }
2974
2975  /* Primary style */
2976  .c-cta--primary {
2977    background-color: #F7B267;
2978    border: 1px solid #F7B267;
2979    color: var(--slate-black, #1a1b18);
2980    transition: all 0.2s ease;
2981  }
2982
2983  .c-cta--primary:hover {
2984    opacity: 0.85;
2985    transform: translateY(-2px);
2986  }
2987
2988  .c-cta--primary .c-cta__text {
2989    color: var(--slate-black, #1a1b18);
2990    font-weight: 600;
2991  }
2992
2993  /* Secondary style */
2994  .c-cta--secondary {
2995    background-color: transparent;
2996    border: 1px solid transparent;
2997    color: var(--slate-black, #1a1b18);
2998  }
2999
3000  .c-cta--secondary:hover {
3001    border-color: var(--slate-black, #1a1b18);
3002  }
3003
3004  .c-cta--secondary .c-cta__text {
3005    color: var(--slate-black, #1a1b18);
3006  }
3007
3008/*   .c-cta--secondary > svg {
3009    width: 11.75px;
3010    height: 9.731px;
3011    flex-shrink: 0;
3012  } */
3013
3014  /* Tertiary style */
3015  .c-cta--tertiary {
3016    background-color: var(--ruby-red, #c53030);
3017    border: 1px solid var(--ruby-red, #c53030);
3018    color: var(--btn-text, #f2f2f2);
3019  }
3020
3021  .c-cta--tertiary:hover {
3022    background-color: var(--btn-text, #f2f2f2);
3023    color: var(--ruby-red, #c53030);
3024    border-color: var(--ruby-red, #c53030);
3025  }
3026
3027  .c-cta--tertiary .c-cta__text {
3028    color: inherit;
3029  }
3030
3031  /* Outline style */
3032  .c-cta--outline {
3033    background-color: transparent;
3034    border: 1px solid var(--ruby-red, #c53030);
3035    color: var(--ruby-red, #c53030);
3036  }
3037
3038  .c-cta--outline:hover {
3039    background-color: var(--ruby-red, #c53030);
3040    color: var(--btn-text, #f2f2f2);
3041    border-color: var(--ruby-red, #c53030);
3042  }
3043
3044  .c-cta--outline .c-cta__text {
3045    color: inherit;
3046  }
3047
3048  /* Size variations */
3049  .c-cta--small {
3050    padding: 8px 16px;
3051    font-size: 14px;
3052  }
3053
3054  .c-cta--medium {
3055    padding: 12px 24px;
3056    font-size: 16px;
3057  }
3058
3059  .c-cta--large,
3060  .c-cta--big {
3061    padding: 16px 32px;
3062    font-size: 18px;
3063  }
3064
3065  /* Text styles */
3066  .c-cta__text {
3067    font-size: inherit;
3068    line-height: 1.5;
3069    font-family: var(--body-family) !important;
3070  }
3071
3072  /* Tablet and up */
3073  @media (width >= 768px) {
3074    .c-cta {
3075      gap: 8px;
3076    }
3077
3078    .c-cta--small {
3079      padding: 8px 20px;
3080    }
3081
3082    .c-cta--medium {
3083      padding: 12px 24px;
3084    }
3085
3086    .c-cta--large,
3087    .c-cta--big {
3088      padding: 16px 36px;
3089    }
3090  }
3091</style>
3092<a
3093  href="/products/apollo-wearable-1-year-ai-membership-starter-kit"
3094  class="c-cta c-cta--primary c-cta--small "
3095  
3096  
3097  aria-label="Shop Now"
3098  
3099><span class="c-cta__text">Shop Now</span></a>
3100          </div><!-- Mobile Hamburger -->
3101        <button
3102          type="button"
3103          class="c-mega-menu__icon-btn c-mega-menu__hamburger"
3104          aria-label="Open menu"
3105          data-drawer-open
3106        >
3107          
3108<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3109      <path d="M3 12H21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3110      <path d="M3 6H21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3111      <path d="M3 18H21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3112    </svg>
3113        </button>
3114      </div>
3115    </header>
3116  </div>
3117
3118  <!-- Mobile Drawer Overlay -->
3119  <div
3120    class="c-mega-menu__drawer-overlay"
3121    data-drawer-overlay
3122  ></div>
3123
3124  <!-- Mobile Drawer -->
3125  <div
3126    class="c-mega-menu__drawer"
3127    data-drawer
3128  >
3129    <div class="c-mega-menu__drawer-container">
3130      <!-- Drawer Header -->
3131      <div class="c-mega-menu__drawer-header">
3132        <a href="/"><img src="//apolloneuro.com/cdn/shop/files/ApolloLogo-10pxpad.png?height=50&amp;v=1757630841" alt="Apollo Neuro" srcset="//apolloneuro.com/cdn/shop/files/ApolloLogo-10pxpad.png?height=25&amp;v=1757630841 115w, //apolloneuro.com/cdn/shop/files/ApolloLogo-10pxpad.png?height=50&amp;v=1757630841 230w" width="230" height="50" loading="eager" class="c-mega-menu__drawer-logo" sizes="115px">
3133</a>
3134        <button
3135          type="button"
3136          class="c-mega-menu__drawer-close"
3137          aria-label="Close menu"
3138          data-drawer-close
3139        >
3140          
3141<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3142      <path d="M18 6L6 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3143      <path d="M6 6L18 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3144    </svg>
3145        </button>
3146      </div>
3147
3148      <!-- Drawer Content -->
3149      <div class="c-mega-menu__drawer-content">
3150        <!-- Main Panel -->
3151        <div
3152          class="c-mega-menu__drawer-panel c-mega-menu__drawer-panel--main"
3153          data-drawer-panel="main"
3154        >
3155          <nav class="c-mega-menu__drawer-main-nav">
3156            <ul class="c-mega-menu__drawer-nav"><li class="c-mega-menu__drawer-nav-item">
3157                      <button
3158                        class="c-mega-menu__drawer-nav-link"
3159                        data-panel-open="menu_shop_VBa7mV"
3160                      >
3161                        Shop
3162                        
3163<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg">
3164      <path d="M13 1L7 7L1 0.999999" stroke="#181818" stroke-linecap="square"/>
3165    </svg>
3166                      </button>
3167                    </li><li class="c-mega-menu__drawer-nav-item">
3168                      <button
3169                        class="c-mega-menu__drawer-nav-link"
3170                        data-panel-open="menu_cards_C4QATJ"
3171                      >
3172                        Science + Research
3173                        
3174<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg">
3175      <path d="M13 1L7 7L1 0.999999" stroke="#181818" stroke-linecap="square"/>
3176    </svg>
3177                      </button>
3178                    </li><li class="c-mega-menu__drawer-nav-item">
3179                      <button
3180                        class="c-mega-menu__drawer-nav-link"
3181                        data-panel-open="menu_cards_bmMtFD"
3182                      >
3183                        For Business
3184                        
3185<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg">
3186      <path d="M13 1L7 7L1 0.999999" stroke="#181818" stroke-linecap="square"/>
3187    </svg>
3188                      </button>
3189                    </li><li class="c-mega-menu__drawer-nav-item">
3190                      <button
3191                        class="c-mega-menu__drawer-nav-link"
3192                        data-panel-open="menu_cards_hhQKKC"
3193                      >
3194                        About Us
3195                        
3196<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg">
3197      <path d="M13 1L7 7L1 0.999999" stroke="#181818" stroke-linecap="square"/>
3198    </svg>
3199                      </button>
3200                    </li><li class="c-mega-menu__drawer-nav-item">
3201                      <a
3202                        href="/pages/quiz"
3203                        class="c-mega-menu__drawer-nav-link c-mega-menu__drawer-nav-link--simple"
3204                      >
3205                        Quiz
3206                      </a>
3207                    </li></ul>
3208
3209            <!-- Mobile Banner --><div class="c-mega-menu__drawer-banner">
3210                <a
3211                  href="/products/apollo-wearable-1-year-ai-membership-starter-kit"
3212                  class="c-mega-menu__drawer-banner-link"
3213                >
3214                  <img src="//apolloneuro.com/cdn/shop/files/mini-banner.png?v=1769099471&amp;width=600" alt="Apollo® Wearable + SmartVibes®" srcset="//apolloneuro.com/cdn/shop/files/mini-banner.png?v=1769099471&amp;width=352 352w, //apolloneuro.com/cdn/shop/files/mini-banner.png?v=1769099471&amp;width=600 600w" width="600" height="271" loading="lazy" class="c-mega-menu__drawer-banner-image">
3215                  <div class="c-mega-menu__drawer-banner-content"><h3 class="c-mega-menu__drawer-banner-title">
3216                        Apollo® Wearable + SmartVibes®
3217                      </h3><span class="c-mega-menu__drawer-banner-cta">Learn More</span></div>
3218                </a>
3219              </div></nav>
3220
3221          <!-- Drawer Footer -->
3222          <div class="c-mega-menu__drawer-footer"><div class="c-mega-menu__drawer-cta">
3223                <style data-shopify>
3224  /* Base CTA styles */
3225  .c-cta {
3226    text-transform: capitalize;
3227    letter-spacing: unset;
3228    min-width: unset;
3229    font-family: var(--body-family) !important;
3230    display: inline-flex;
3231    align-items: center;
3232    justify-content: center;
3233    transition: all 0.3s ease;
3234    padding: 12px;
3235    text-decoration: none;
3236    cursor: pointer;
3237    border-radius: 40px;
3238  }
3239
3240  .c-cta--with-icon {
3241    gap: 8px;
3242  }
3243
3244  /* Primary style */
3245  .c-cta--primary {
3246    background-color: #F7B267;
3247    border: 1px solid #F7B267;
3248    color: var(--slate-black, #1a1b18);
3249    transition: all 0.2s ease;
3250  }
3251
3252  .c-cta--primary:hover {
3253    opacity: 0.85;
3254    transform: translateY(-2px);
3255  }
3256
3257  .c-cta--primary .c-cta__text {
3258    color: var(--slate-black, #1a1b18);
3259    font-weight: 600;
3260  }
3261
3262  /* Secondary style */
3263  .c-cta--secondary {
3264    background-color: transparent;
3265    border: 1px solid transparent;
3266    color: var(--slate-black, #1a1b18);
3267  }
3268
3269  .c-cta--secondary:hover {
3270    border-color: var(--slate-black, #1a1b18);
3271  }
3272
3273  .c-cta--secondary .c-cta__text {
3274    color: var(--slate-black, #1a1b18);
3275  }
3276
3277/*   .c-cta--secondary > svg {
3278    width: 11.75px;
3279    height: 9.731px;
3280    flex-shrink: 0;
3281  } */
3282
3283  /* Tertiary style */
3284  .c-cta--tertiary {
3285    background-color: var(--ruby-red, #c53030);
3286    border: 1px solid var(--ruby-red, #c53030);
3287    color: var(--btn-text, #f2f2f2);
3288  }
3289
3290  .c-cta--tertiary:hover {
3291    background-color: var(--btn-text, #f2f2f2);
3292    color: var(--ruby-red, #c53030);
3293    border-color: var(--ruby-red, #c53030);
3294  }
3295
3296  .c-cta--tertiary .c-cta__text {
3297    color: inherit;
3298  }
3299
3300  /* Outline style */
3301  .c-cta--outline {
3302    background-color: transparent;
3303    border: 1px solid var(--ruby-red, #c53030);
3304    color: var(--ruby-red, #c53030);
3305  }
3306
3307  .c-cta--outline:hover {
3308    background-color: var(--ruby-red, #c53030);
3309    color: var(--btn-text, #f2f2f2);
3310    border-color: var(--ruby-red, #c53030);
3311  }
3312
3313  .c-cta--outline .c-cta__text {
3314    color: inherit;
3315  }
3316
3317  /* Size variations */
3318  .c-cta--small {
3319    padding: 8px 16px;
3320    font-size: 14px;
3321  }
3322
3323  .c-cta--medium {
3324    padding: 12px 24px;
3325    font-size: 16px;
3326  }
3327
3328  .c-cta--large,
3329  .c-cta--big {
3330    padding: 16px 32px;
3331    font-size: 18px;
3332  }
3333
3334  /* Text styles */
3335  .c-cta__text {
3336    font-size: inherit;
3337    line-height: 1.5;
3338    font-family: var(--body-family) !important;
3339  }
3340
3341  /* Tablet and up */
3342  @media (width >= 768px) {
3343    .c-cta {
3344      gap: 8px;
3345    }
3346
3347    .c-cta--small {
3348      padding: 8px 20px;
3349    }
3350
3351    .c-cta--medium {
3352      padding: 12px 24px;
3353    }
3354
3355    .c-cta--large,
3356    .c-cta--big {
3357      padding: 16px 36px;
3358    }
3359  }
3360</style>
3361<a
3362  href="/products/apollo-wearable-1-year-ai-membership-starter-kit"
3363  class="c-cta c-cta--primary c-cta--medium "
3364  
3365  
3366  aria-label="Shop Now"
3367  
3368><span class="c-cta__text">Shop Now</span></a>
3369              </div></div>
3370        </div>
3371
3372        <!-- Sub Panels --><div
3373                class="c-mega-menu__drawer-panel"
3374                data-drawer-panel="menu_shop_VBa7mV"
3375              >
3376                <button
3377                  class="c-mega-menu__drawer-back"
3378                  data-panel-close
3379                >
3380                  
3381<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg">
3382      <path d="M13 1L7 7L1 0.999999" stroke="#181818" stroke-linecap="square"/>
3383    </svg>
3384                  <span class="c-mega-menu__drawer-panel-title">Shop</span>
3385                </button>
3386
3387                <div class="c-mega-menu__drawer-separator"></div>
3388
3389                <!-- Products Section -->
3390                <h3 class="c-mega-menu__drawer-section-title">
3391                  PRODUCTS
3392                </h3>
3393                <ul class="c-mega-menu__drawer-links"><li>
3394                        <a
3395                          href="/products/apollo-wearable"
3396                          class="c-mega-menu__drawer-link"
3397                        >Apollo Wearable</a>
3398                      </li><li>
3399                        <a
3400                          href="/pages/apollo-sessions"
3401                          class="c-mega-menu__drawer-link"
3402                        >Sessions Membership</a>
3403                      </li><li>
3404                        <a
3405                          href="/products/apollo-clip"
3406                          class="c-mega-menu__drawer-link"
3407                        >Apollo Clip</a>
3408                      </li><li>
3409                        <a
3410                          href="/products/apollo-sleep-band"
3411                          class="c-mega-menu__drawer-link"
3412                        >Apollo Sleep Band</a>
3413                      </li><li>
3414                        <a
3415                          href="/collections/accessories"
3416                          class="c-mega-menu__drawer-link"
3417                        >Apollo Accessories</a>
3418                      </li><li>
3419                        <a
3420                          href="/collections/merch"
3421                          class="c-mega-menu__drawer-link"
3422                        >Apollo Apparel + Gear</a>
3423                      </li></ul>
3424
3425                <!-- Benefits Section -->
3426                <h3 class="c-mega-menu__drawer-section-title">
3427                  BENEFITS
3428                </h3>
3429                <ul class="c-mega-menu__drawer-links"><li>
3430                        <a
3431                          href="/pages/why-apollo"
3432                          class="c-mega-menu__drawer-link"
3433                        >Why Use Apollo</a>
3434                      </li><li>
3435                        <a
3436                          href="/pages/benefits-for-sleep"
3437                          class="c-mega-menu__drawer-link"
3438                        >Sleep</a>
3439                      </li><li>
3440                        <a
3441                          href="/pages/benefits-for-stress"
3442                          class="c-mega-menu__drawer-link"
3443                        >Stress</a>
3444                      </li><li>
3445                        <a
3446                          href="/pages/benefits-for-performance"
3447                          class="c-mega-menu__drawer-link"
3448                        >Performance</a>
3449                      </li><li>
3450                        <a
3451                          href="/pages/benefits-for-focus"
3452                          class="c-mega-menu__drawer-link"
3453                        >Focus</a>
3454                      </li><li>
3455                        <a
3456                          href="/pages/benefits-for-kids-parents"
3457                          class="c-mega-menu__drawer-link"
3458                        >Kids + Parents</a>
3459                      </li></ul>
3460              </div><div
3461                class="c-mega-menu__drawer-panel"
3462                data-drawer-panel="menu_cards_C4QATJ"
3463              >
3464                <button
3465                  class="c-mega-menu__drawer-back"
3466                  data-panel-close
3467                >
3468                  
3469<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg">
3470      <path d="M13 1L7 7L1 0.999999" stroke="#181818" stroke-linecap="square"/>
3471    </svg>
3472                  <span class="c-mega-menu__drawer-panel-title">Science + Research</span>
3473                </button>
3474
3475                <div class="c-mega-menu__drawer-separator"></div>
3476
3477                <div class="c-mega-menu__drawer-cards">
3478<a href="/pages/apollo-neuro-research" class="c-mega-menu-card c-mega-menu-card--mobile">
3479  <div class="c-mega-menu-card__image"><img src="//apolloneuro.com/cdn/shop/files/Research.png?crop=center&amp;height=400&amp;v=1779810232&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Research.png?crop=center&amp;height=200&amp;v=1779810232&amp;width=200 200w, //apolloneuro.com/cdn/shop/files/Research.png?crop=center&amp;height=300&amp;v=1779810232&amp;width=300 300w, //apolloneuro.com/cdn/shop/files/Research.png?crop=center&amp;height=400&amp;v=1779810232&amp;width=400 400w" width="400" height="400" loading="lazy" class="c-mega-menu-card__img">
3480</div>
3481  <span class="c-mega-menu-card__title">Apollo Science and Research</span>
3482</a>
3483
3484
3485
3486
3487<a href="/pages/apollo-neuro-and-hrv" class="c-mega-menu-card c-mega-menu-card--mobile">
3488  <div class="c-mega-menu-card__image"><img src="//apolloneuro.com/cdn/shop/files/science-3.png?crop=center&amp;height=400&amp;v=1768924779&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/science-3.png?crop=center&amp;height=200&amp;v=1768924779&amp;width=200 200w, //apolloneuro.com/cdn/shop/files/science-3.png?crop=center&amp;height=300&amp;v=1768924779&amp;width=300 300w, //apolloneuro.com/cdn/shop/files/science-3.png?crop=center&amp;height=400&amp;v=1768924779&amp;width=400 400w" width="400" height="400" loading="lazy" class="c-mega-menu-card__img">
3489</div>
3490  <span class="c-mega-menu-card__title">Apollo and HRV</span>
3491</a>
3492
3493
3494
3495
3496<a href="/pages/experts-and-advisors" class="c-mega-menu-card c-mega-menu-card--mobile">
3497  <div class="c-mega-menu-card__image"><img src="//apolloneuro.com/cdn/shop/files/Experts_Advisors_01.png?crop=center&amp;height=400&amp;v=1770339899&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Experts_Advisors_01.png?crop=center&amp;height=200&amp;v=1770339899&amp;width=200 200w, //apolloneuro.com/cdn/shop/files/Experts_Advisors_01.png?crop=center&amp;height=300&amp;v=1770339899&amp;width=300 300w, //apolloneuro.com/cdn/shop/files/Experts_Advisors_01.png?crop=center&amp;height=400&amp;v=1770339899&amp;width=400 400w" width="400" height="400" loading="lazy" class="c-mega-menu-card__img">
3498</div>
3499  <span class="c-mega-menu-card__title">Experts and Advisors</span>
3500</a>
3501
3502
3503
3504</div>
3505              </div><div
3506                class="c-mega-menu__drawer-panel"
3507                data-drawer-panel="menu_cards_bmMtFD"
3508              >
3509                <button
3510                  class="c-mega-menu__drawer-back"
3511                  data-panel-close
3512                >
3513                  
3514<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg">
3515      <path d="M13 1L7 7L1 0.999999" stroke="#181818" stroke-linecap="square"/>
3516    </svg>
3517                  <span class="c-mega-menu__drawer-panel-title">For Business</span>
3518                </button>
3519
3520                <div class="c-mega-menu__drawer-separator"></div>
3521
3522                <div class="c-mega-menu__drawer-cards">
3523<a href="/pages/apollo-neuro-for-business" class="c-mega-menu-card c-mega-menu-card--mobile">
3524  <div class="c-mega-menu-card__image"><img src="//apolloneuro.com/cdn/shop/files/For_Business.jpg?crop=center&amp;height=400&amp;v=1775183701&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/For_Business.jpg?crop=center&amp;height=200&amp;v=1775183701&amp;width=200 200w, //apolloneuro.com/cdn/shop/files/For_Business.jpg?crop=center&amp;height=300&amp;v=1775183701&amp;width=300 300w, //apolloneuro.com/cdn/shop/files/For_Business.jpg?crop=center&amp;height=400&amp;v=1775183701&amp;width=400 400w" width="400" height="400" loading="lazy" class="c-mega-menu-card__img">
3525</div>
3526  <span class="c-mega-menu-card__title">For Wholesale Business  + SDK Licensing</span>
3527</a>
3528
3529
3530
3531
3532<a href="/pages/clinicians" class="c-mega-menu-card c-mega-menu-card--mobile">
3533  <div class="c-mega-menu-card__image"><img src="//apolloneuro.com/cdn/shop/files/For_Clinicians_fcda8232-ed41-4572-9b8d-6cfe1f80ef4b.png?crop=center&amp;height=400&amp;v=1775228606&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/For_Clinicians_fcda8232-ed41-4572-9b8d-6cfe1f80ef4b.png?crop=center&amp;height=200&amp;v=1775228606&amp;width=200 200w, //apolloneuro.com/cdn/shop/files/For_Clinicians_fcda8232-ed41-4572-9b8d-6cfe1f80ef4b.png?crop=center&amp;height=300&amp;v=1775228606&amp;width=300 300w, //apolloneuro.com/cdn/shop/files/For_Clinicians_fcda8232-ed41-4572-9b8d-6cfe1f80ef4b.png?crop=center&amp;height=400&amp;v=1775228606&amp;width=400 400w" width="400" height="400" loading="lazy" class="c-mega-menu-card__img">
3534</div>
3535  <span class="c-mega-menu-card__title">For Clinicians + Healthcare Professionals</span>
3536</a>
3537
3538
3539
3540</div>
3541              </div><div
3542                class="c-mega-menu__drawer-panel"
3543                data-drawer-panel="menu_cards_hhQKKC"
3544              >
3545                <button
3546                  class="c-mega-menu__drawer-back"
3547                  data-panel-close
3548                >
3549                  
3550<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg">
3551      <path d="M13 1L7 7L1 0.999999" stroke="#181818" stroke-linecap="square"/>
3552    </svg>
3553                  <span class="c-mega-menu__drawer-panel-title">About Us</span>
3554                </button>
3555
3556                <div class="c-mega-menu__drawer-separator"></div>
3557
3558                <div class="c-mega-menu__drawer-cards">
3559<a href="/pages/about-apollo-neuro" class="c-mega-menu-card c-mega-menu-card--mobile">
3560  <div class="c-mega-menu-card__image"><img src="//apolloneuro.com/cdn/shop/files/about-us-1.png?crop=center&amp;height=400&amp;v=1768925395&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/about-us-1.png?crop=center&amp;height=200&amp;v=1768925395&amp;width=200 200w, //apolloneuro.com/cdn/shop/files/about-us-1.png?crop=center&amp;height=300&amp;v=1768925395&amp;width=300 300w, //apolloneuro.com/cdn/shop/files/about-us-1.png?crop=center&amp;height=400&amp;v=1768925395&amp;width=400 400w" width="400" height="400" loading="lazy" class="c-mega-menu-card__img">
3561</div>
3562  <span class="c-mega-menu-card__title">About Us</span>
3563</a>
3564
3565
3566
3567
3568<a href="/blogs/press" class="c-mega-menu-card c-mega-menu-card--mobile">
3569  <div class="c-mega-menu-card__image"><img src="//apolloneuro.com/cdn/shop/files/Press_NavImage.png?crop=center&amp;height=400&amp;v=1770339929&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Press_NavImage.png?crop=center&amp;height=200&amp;v=1770339929&amp;width=200 200w, //apolloneuro.com/cdn/shop/files/Press_NavImage.png?crop=center&amp;height=300&amp;v=1770339929&amp;width=300 300w, //apolloneuro.com/cdn/shop/files/Press_NavImage.png?crop=center&amp;height=400&amp;v=1770339929&amp;width=400 400w" width="400" height="400" loading="lazy" class="c-mega-menu-card__img">
3570</div>
3571  <span class="c-mega-menu-card__title">Press</span>
3572</a>
3573
3574
3575
3576
3577<a href="/pages/apollo-neuro-reviews" class="c-mega-menu-card c-mega-menu-card--mobile">
3578  <div class="c-mega-menu-card__image"><img src="//apolloneuro.com/cdn/shop/files/about-us-3.png?crop=center&amp;height=400&amp;v=1768925395&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/about-us-3.png?crop=center&amp;height=200&amp;v=1768925395&amp;width=200 200w, //apolloneuro.com/cdn/shop/files/about-us-3.png?crop=center&amp;height=300&amp;v=1768925395&amp;width=300 300w, //apolloneuro.com/cdn/shop/files/about-us-3.png?crop=center&amp;height=400&amp;v=1768925395&amp;width=400 400w" width="400" height="400" loading="lazy" class="c-mega-menu-card__img">
3579</div>
3580  <span class="c-mega-menu-card__title">Reviews</span>
3581</a>
3582
3583
3584
3585
3586<a href="/pages/apollo-neuro-faqs" class="c-mega-menu-card c-mega-menu-card--mobile">
3587  <div class="c-mega-menu-card__image"><img src="//apolloneuro.com/cdn/shop/files/about-us-4.png?crop=center&amp;height=400&amp;v=1768925395&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/about-us-4.png?crop=center&amp;height=200&amp;v=1768925395&amp;width=200 200w, //apolloneuro.com/cdn/shop/files/about-us-4.png?crop=center&amp;height=300&amp;v=1768925395&amp;width=300 300w, //apolloneuro.com/cdn/shop/files/about-us-4.png?crop=center&amp;height=400&amp;v=1768925395&amp;width=400 400w" width="400" height="400" loading="lazy" class="c-mega-menu-card__img">
3588</div>
3589  <span class="c-mega-menu-card__title">FAQs</span>
3590</a>
3591
3592
3593
3594
3595<a href="/blogs/news" class="c-mega-menu-card c-mega-menu-card--mobile">
3596  <div class="c-mega-menu-card__image"><img src="//apolloneuro.com/cdn/shop/files/blog.png?crop=center&amp;height=400&amp;v=1770132020&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/blog.png?crop=center&amp;height=200&amp;v=1770132020&amp;width=200 200w, //apolloneuro.com/cdn/shop/files/blog.png?crop=center&amp;height=300&amp;v=1770132020&amp;width=300 300w, //apolloneuro.com/cdn/shop/files/blog.png?crop=center&amp;height=400&amp;v=1770132020&amp;width=400 400w" width="400" height="400" loading="lazy" class="c-mega-menu-card__img">
3597</div>
3598  <span class="c-mega-menu-card__title">Blog</span>
3599</a>
3600
3601
3602
3603</div>
3604              </div></div>
3605    </div>
3606  </div>
3607
3608  <!-- Cart Drawer --><cart-drawer data-header-section-id="sections--19420719382725__c_mega_menu_hBGwYa">
3609      <details class="cart-drawer-container">
3610        <summary
3611          class="visually-hidden"
3612          aria-label="Cart"
3613        >
3614          <span class="visually-hidden">Cart</span>
3615        </summary>
3616        <mini-cart
3617          class="cart-drawer focus-inset"
3618          id="c-mini-cart-v2"
3619          data-url="?section_id=c-mini-cart-v2"
3620        >
3621          <div class="loading-overlay">
3622            <div class="loading-overlay__spinner">
3623              <svg
3624      xmlns="http://www.w3.org/2000/svg"
3625      aria-hidden="true"
3626      focusable="false"
3627      class="icon icon-spinner"
3628      fill="none"
3629      viewBox="0 0 66 66"
3630    >
3631      <circle
3632        class="path"
3633        fill="none"
3634        stroke-width="6"
3635        cx="33"
3636        cy="33"
3637        r="30" />
3638    </svg>
3639            </div>
3640          </div>
3641        </mini-cart>
3642      </details>
3643    </cart-drawer></c-mega-menu>
3644
3645<script>
3646  if (!customElements.get('c-mega-menu')) {
3647    class CMegaMenu extends HTMLElement {
3648      constructor() {
3649        super();
3650      }
3651
3652      connectedCallback() {
3653        // Wait for next tick to ensure DOM is ready
3654        requestAnimationFrame(() => {
3655          this.init();
3656        });
3657      }
3658
3659      disconnectedCallback() {
3660        if (this.scrollHandler) {
3661          window.removeEventListener('scroll', this.scrollHandler);
3662        }
3663      }
3664
3665      init() {
3666        this.drawer = this.querySelector('[data-drawer]');
3667        this.overlay = this.querySelector('[data-drawer-overlay]');
3668        this.mainPanel = this.querySelector('[data-drawer-panel="main"]');
3669        this.navItems = this.querySelectorAll('[data-mega-menu-item]');
3670        this.isSticky = this.getAttribute('data-sticky') === 'true';
3671        this.sectionContainer = this.closest('.shopify-section');
3672
3673        this.bindEvents();
3674
3675        if (this.isSticky) {
3676          this.initStickyBehavior();
3677        }
3678      }
3679
3680      initStickyBehavior() {
3681        let ticking = false;
3682
3683        this.scrollHandler = () => {
3684          if (!ticking) {
3685            window.requestAnimationFrame(() => {
3686              const scrollPosition = window.scrollY || window.pageYOffset;
3687
3688              if (scrollPosition > 50) {
3689                if (this.sectionContainer) {
3690                  this.sectionContainer.classList.add('is-scrolled');
3691                }
3692              } else {
3693                if (this.sectionContainer) {
3694                  this.sectionContainer.classList.remove('is-scrolled');
3695                }
3696              }
3697
3698              ticking = false;
3699            });
3700
3701            ticking = true;
3702          }
3703        };
3704
3705        window.addEventListener('scroll', this.scrollHandler, { passive: true });
3706      }
3707
3708      bindEvents() {
3709        // Desktop dropdown hover/click
3710        this.navItems.forEach((item) => {
3711          const link = item.querySelector('.c-mega-menu__nav-link');
3712          const dropdown = item.querySelector('.c-mega-menu__dropdown');
3713
3714          if (!dropdown) return;
3715
3716          let closeTimeout;
3717
3718          // Mouse enter on nav item - open dropdown
3719          item.addEventListener('mouseenter', () => {
3720            if (closeTimeout) {
3721              clearTimeout(closeTimeout);
3722              closeTimeout = null;
3723            }
3724            this.openDropdown(item);
3725          });
3726
3727          // Mouse leave on nav item - close dropdown with delay
3728          item.addEventListener('mouseleave', () => {
3729            closeTimeout = setTimeout(() => {
3730              this.closeDropdown(item);
3731              closeTimeout = null;
3732            }, 100);
3733          });
3734
3735          // Mouse enter on dropdown - cancel close
3736          dropdown.addEventListener('mouseenter', () => {
3737            if (closeTimeout) {
3738              clearTimeout(closeTimeout);
3739              closeTimeout = null;
3740            }
3741          });
3742
3743          // Mouse leave on dropdown - close
3744          dropdown.addEventListener('mouseleave', () => {
3745            closeTimeout = setTimeout(() => {
3746              this.closeDropdown(item);
3747              closeTimeout = null;
3748            }, 100);
3749          });
3750
3751          // Click for accessibility
3752          if (link) {
3753            link.addEventListener('click', (e) => {
3754              e.preventDefault();
3755              this.toggleDropdown(item);
3756            });
3757          }
3758        });
3759
3760        // Mobile drawer open
3761        const openBtn = this.querySelector('[data-drawer-open]');
3762        if (openBtn) {
3763          openBtn.addEventListener('click', () => this.openDrawer());
3764        }
3765
3766        // Mobile drawer close
3767        const closeBtn = this.querySelector('[data-drawer-close]');
3768        if (closeBtn) {
3769          closeBtn.addEventListener('click', () => this.closeDrawer());
3770        }
3771
3772        // Overlay click
3773        if (this.overlay) {
3774          this.overlay.addEventListener('click', () => this.closeDrawer());
3775        }
3776
3777        // Panel navigation
3778        const panelOpenBtns = this.querySelectorAll('[data-panel-open]');
3779        panelOpenBtns.forEach((btn) => {
3780          btn.addEventListener('click', () => {
3781            const panelId = btn.getAttribute('data-panel-open');
3782            this.openPanel(panelId);
3783          });
3784        });
3785
3786        const panelCloseBtns = this.querySelectorAll('[data-panel-close]');
3787        panelCloseBtns.forEach((btn) => {
3788          btn.addEventListener('click', () => this.closePanel());
3789        });
3790
3791        // Cart drawer toggle
3792        const cartBtn = this.querySelector('[data-cart-toggle]');
3793        if (cartBtn) {
3794          cartBtn.addEventListener('click', () => this.openCartDrawer());
3795        }
3796
3797        // Close on escape
3798        document.addEventListener('keydown', (e) => {
3799          if (e.key === 'Escape') {
3800            this.closeDrawer();
3801            this.navItems.forEach((item) => this.closeDropdown(item));
3802          }
3803        });
3804      }
3805
3806      openDropdown(item) {
3807        // Close other dropdowns first
3808        this.navItems.forEach((navItem) => {
3809          if (navItem !== item) {
3810            navItem.classList.remove('is-open');
3811            const btn = navItem.querySelector('.c-mega-menu__nav-link');
3812            if (btn) btn.setAttribute('aria-expanded', 'false');
3813          }
3814        });
3815
3816        item.classList.add('is-open');
3817        const button = item.querySelector('.c-mega-menu__nav-link');
3818        if (button) button.setAttribute('aria-expanded', 'true');
3819      }
3820
3821      closeDropdown(item) {
3822        item.classList.remove('is-open');
3823        const button = item.querySelector('.c-mega-menu__nav-link');
3824        if (button) button.setAttribute('aria-expanded', 'false');
3825      }
3826
3827      toggleDropdown(item) {
3828        if (item.classList.contains('is-open')) {
3829          this.closeDropdown(item);
3830        } else {
3831          this.openDropdown(item);
3832        }
3833      }
3834
3835      openDrawer() {
3836        if (this.drawer) {
3837          this.drawer.classList.add('is-open');
3838        }
3839        if (this.overlay) {
3840          this.overlay.classList.add('is-open');
3841        }
3842        document.body.style.overflow = 'hidden';
3843      }
3844
3845      closeDrawer() {
3846        if (this.drawer) {
3847          this.drawer.classList.remove('is-open');
3848        }
3849        if (this.overlay) {
3850          this.overlay.classList.remove('is-open');
3851        }
3852        document.body.style.overflow = '';
3853        // Reset panels
3854        this.closePanel();
3855      }
3856
3857      openPanel(panelId) {
3858        const panel = this.querySelector(`[data-drawer-panel="${panelId}"]`);
3859        if (panel && this.mainPanel) {
3860          this.mainPanel.classList.add('is-hidden');
3861          panel.classList.add('is-open');
3862        }
3863      }
3864
3865      closePanel() {
3866        const openPanel = this.querySelector(
3867          '.c-mega-menu__drawer-panel.is-open:not(.c-mega-menu__drawer-panel--main)'
3868        );
3869        if (openPanel) {
3870          openPanel.classList.remove('is-open');
3871        }
3872        if (this.mainPanel) {
3873          this.mainPanel.classList.remove('is-hidden');
3874        }
3875      }
3876
3877      openCartDrawer() {
3878        // Close mobile drawer first if open
3879        this.closeDrawer();
3880
3881        // Find the cart-drawer element and open it
3882        const cartDrawer = document.querySelector('cart-drawer');
3883        if (cartDrawer) {
3884          // Try to click the summary element to trigger native behavior
3885          const summaryElement = cartDrawer.querySelector('summary');
3886          if (summaryElement) {
3887            summaryElement.click();
3888            return;
3889          }
3890          // Fallback: call openMenuDrawer directly if available
3891          if (typeof cartDrawer.openMenuDrawer === 'function') {
3892            cartDrawer.openMenuDrawer();
3893            return;
3894          }
3895        }
3896
3897        // Alternative: try to find mini-cart and trigger via its open method
3898        const miniCart = document.querySelector('mini-cart');
3899        if (miniCart && typeof miniCart.open === 'function') {
3900          miniCart.open();
3901          return;
3902        }
3903
3904        // Final fallback: navigate to cart page
3905        window.location.href = '/cart';
3906      }
3907    }
3908
3909    customElements.define('c-mega-menu', CMegaMenu);
3910  }
3911</script>
3911
3912
3913
3914</section>
3915<!-- END sections: header-group -->
3916
3917      <div class="transition-content">
3918        <main
3919          id="MainContent"
3920          class="content-for-layout focus-none shopify-section"
3921          role="main"
3922          tabindex="-1">
3923          <section id="shopify-section-template--19420722397381__page_settings_6UPjwb" class="shopify-section shopify-section"><!-- sections/page-settings.liquid -->
3924
3925
3926
3927
3928
3929<style>
3930  
3931
3932  /* Show selected header scrolling promotions after the hide rules above. */
3933  
3934    
3935      
3936      
3937        #header-hsa {
3938          display: block !important;
3939        }
3940      
3941    
3942      
3943      
3944        #header-labor {
3945          display: block !important;
3946        }
3947      
3948    
3949
3950    @supports selector(:has(*)) {
3951      
3952        
3953        
3954          .shopify-section:has(#header-hsa) {
3955            display: block !important;
3956          }
3957        
3958      
3959        
3960        
3961          .shopify-section:has(#header-labor) {
3962            display: block !important;
3963          }
3964        
3965      
3966    }
3967  
3968
3969  
3970
3971  
3972
3973  
3974
3975  
3976
3977  /* No extra styles needed for menu button override — it reuses the original button styling */
3978
3979  
3980
3981  
3982</style>
3983
3984
3985
3986
3987
3988
3989
3990
3991</section><section id="shopify-section-template--19420722397381__c_hero_3mijqQ" class="shopify-section c-hero-section"><style data-shopify>
3992  /* C Hero Section Styles */
3993  .chero-template-19420722397381__c_hero_3mijqq.c-hero {
3994    position: relative;
3995    overflow: visible;
3996    min-height: 573px;
3997    display: flex;
3998    align-items: flex-start;
3999  }
4000
4001  .chero-template-19420722397381__c_hero_3mijqq .c-hero__background {
4002    position: absolute;
4003    top: 0;
4004    left: 0;
4005    width: 100%;
4006    height: 100%;
4007    background-size: cover;
4008    background-position: top;
4009    background-repeat: no-repeat;
4010    z-index: 0;
4011  }
4012
4013  .chero-template-19420722397381__c_hero_3mijqq .c-section__inner {
4014    padding-left: 0;
4015    padding-right: 0;
4016    position: relative;
4017    z-index: 1;
4018  }
4019
4020  .chero-template-19420722397381__c_hero_3mijqq .c-hero__content {
4021    width: 100%;
4022    padding: 32px 20px;
4023    display: flex;
4024    flex-direction: column;
4025    gap: 32px;
4026    position: relative;
4027    z-index: 2;
4028  }
4029
4030  .chero-template-19420722397381__c_hero_3mijqq .c-hero__header {
4031    display: flex;
4032    flex-direction: column;
4033    gap: 8px;
4034    align-items: flex-start;
4035  }
4036
4037  .chero-template-19420722397381__c_hero_3mijqq .c-hero__text {
4038    display: flex;
4039    flex-direction: column;
4040    gap: 12px;
4041  }
4042
4043  .chero-template-19420722397381__c_hero_3mijqq .c-hero__reviews {
4044    display: flex;
4045    gap: 8px;
4046    align-items: flex-start;
4047    justify-content: center;
4048    font-family: var(--body-family);
4049    font-size: 14px;
4050    line-height: 1.5;
4051    color: #ffffff;
4052    text-align: center;
4053  }
4054
4055  .chero-template-19420722397381__c_hero_3mijqq .c-hero__reviews {
4056    /* display: none; */
4057  }
4058
4059  .chero-template-19420722397381__c_hero_3mijqq .c-hero__reviews > p {
4060    margin: 0;
4061    line-height: 1.26;
4062    font-family: var(--body-family) !important;
4063    font-size: 12px;
4064    font-weight: 600;
4065    white-space: nowrap;
4066  }
4067
4068  .chero-template-19420722397381__c_hero_3mijqq .c-hero__reviews strong {
4069    font-weight: 700;
4070  }
4071
4072  .chero-template-19420722397381__c_hero_3mijqq .c-hero__subtitle,
4073  .chero-template-19420722397381__c_hero_3mijqq .c-hero__subtitle h2 {
4074    font-family: var(--body-family) !important;
4075    font-size: 18px;
4076    line-height: 1.5;
4077    color: #ffffff;
4078    text-align: left;
4079    margin: 0;
4080  }
4081
4082  .chero-template-19420722397381__c_hero_3mijqq .c-hero__title {
4083    font-family: var(--title-family);
4084    color: #ffffff;
4085    text-align: left;
4086    margin: 0;
4087    max-width:335px;
4088  }
4089
4090  .chero-template-19420722397381__c_hero_3mijqq .c-hero__title .c-h1 > h1 {
4091    font-style: normal;
4092    font-weight: 400 !important;
4093    line-height: 120%; /* 67.2px */
4094    text-transform: capitalize;
4095    margin: 0;
4096  }
4097
4098  .chero-template-19420722397381__c_hero_3mijqq .c-hero__description,
4099  .chero-template-19420722397381__c_hero_3mijqq .c-hero__description p {
4100    font-family: var(--body-family) !important;
4101    font-size: 12px;
4102    line-height: 1.5;
4103    color: #E3E6E5;
4104    text-align: left;
4105    margin: 0;
4106  }
4107
4108  .chero-template-19420722397381__c_hero_3mijqq .c-hero__usps {
4109    display: flex;
4110    flex-direction: row;
4111    align-items: center;
4112    justify-content: center;
4113    gap: 15px;
4114    @media (width >= 768px) {
4115      gap: 24px;
4116    }
4117  }
4118
4119  .chero-template-19420722397381__c_hero_3mijqq .c-hero__ctas {
4120    display: flex;
4121    gap: 12px;
4122    align-items: stretch;
4123    justify-content: center;
4124    width: 100%;
4125  }
4126
4127  .chero-template-19420722397381__c_hero_3mijqq .c-hero__tags {
4128    display: flex;
4129    flex-direction: column;
4130    /* flex-wrap: wrap; */
4131    gap: 6px;
4132    justify-content: flex-start;
4133    align-items: flex-start;
4134    @media (width >= 768px) {
4135      flex-direction: row;
4136      align-items: center;
4137      gap: 16px;
4138    }
4139  }
4140
4141  .chero-template-19420722397381__c_hero_3mijqq .c-hero__tag {
4142    display: flex;
4143    align-items: center;
4144    gap: 8px;
4145    background: transparent;
4146    border-radius: 24px;
4147    
4148    color: #ffffff;
4149  }
4150
4151  .chero-template-19420722397381__c_hero_3mijqq .c-hero__tag div p {
4152    margin: 0;
4153    font-family: var(--body-family) !important;
4154    font-size: 10px;
4155    font-weight: 500;
4156    text-wrap: nowrap;
4157    @media (width >= 768px) {
4158      font-size: 14px;
4159    }
4160  }
4161
4162  .chero-template-19420722397381__c_hero_3mijqq .c-hero__tag-separator {
4163    display: none;
4164    font-family: var(--body-family);
4165    font-size: 16px;
4166    color: #ffffff;
4167  }
4168
4169  .chero-template-19420722397381__c_hero_3mijqq .c-hero__tag-icon,
4170  .chero-template-19420722397381__c_hero_3mijqq .c-hero__tag-icon svg {
4171    width: 24px;
4172    height: 24px;
4173    flex-shrink: 0;
4174    @media (width >= 768px) {
4175      width: 56px;
4176      height: 56px;
4177    }
4178  }
4179
4180  .chero-template-19420722397381__c_hero_3mijqq .c-cta__text {
4181    text-wrap: nowrap;
4182  }
4183
4184
4185
4186  .chero-template-19420722397381__c_hero_3mijqq .c-hero__bottom {
4187    display: flex;
4188    flex-direction: column;
4189    gap: 24px;
4190    align-items: flex-start;
4191  }
4192
4193  .chero-template-19420722397381__c_hero_3mijqq .c-cta--secondary {
4194    color: white !important;
4195  }
4196
4197  /* Review gallery styles */
4198  .chero-template-19420722397381__c_hero_3mijqq .c-hero__review-gallery {
4199    display: flex;
4200    align-items: center;
4201    gap: 12px;
4202    margin-left: 10px;
4203  }
4204
4205  .chero-template-19420722397381__c_hero_3mijqq .c-hero__review-images {
4206    display: flex;
4207    align-items: center;
4208  }
4209
4210  .chero-template-19420722397381__c_hero_3mijqq .c-hero__review-img-link {
4211    display: block;
4212    margin-left: -10px;
4213    transition: transform 0.2s ease;
4214  }
4215
4216  .chero-template-19420722397381__c_hero_3mijqq .c-hero__review-img-link:first-child {
4217    margin-left: 0;
4218  }
4219
4220  .chero-template-19420722397381__c_hero_3mijqq .c-hero__review-img-link:hover {
4221    transform: scale(1.05);
4222  }
4223
4224  .chero-template-19420722397381__c_hero_3mijqq .c-hero__review-img {
4225    width: 42px;
4226    height: 42px;
4227    border-radius: 50%;
4228    border: 2px solid #fff;
4229    object-fit: cover;
4230  }
4231
4232  .chero-template-19420722397381__c_hero_3mijqq .c-hero__review-text {
4233    font-weight: 600;
4234    color: var(--text-color, #2e2c2b);
4235    font-size: 14px;
4236    white-space: nowrap;
4237  }
4238
4239  /* --- Custom Stamped Gallery Override --- */
4240  .chero-template-19420722397381__c_hero_3mijqq .stamped-visual-gallery-feed {
4241    display: flex !important;
4242    align-items: center !important;
4243    gap: 8px !important;
4244    overflow: visible !important;
4245    position: relative;
4246  }
4247
4248  .chero-template-19420722397381__c_hero_3mijqq .stamped-visual-gallery-media {
4249    background-position: center !important;
4250  }
4251
4252  .chero-template-19420722397381__c_hero_3mijqq .stamped-visual-gallery-media-block {
4253    width: 42px !important;
4254    height: 42px !important;
4255    border-radius: 42px !important;
4256    overflow: hidden !important;
4257    border: 1px solid #FFF !important;
4258    margin-left: -10px !important;
4259    cursor: pointer;
4260    transition: transform 0.2s ease;
4261  }
4262
4263  .chero-template-19420722397381__c_hero_3mijqq .stamped-visual-gallery-media-block:hover {
4264    transform: scale(1.05);
4265  }
4266
4267  .chero-template-19420722397381__c_hero_3mijqq .stamped-visual-gallery-media-block:first-child {
4268    margin-left: 0 !important;
4269  }
4270
4271  .chero-template-19420722397381__c_hero_3mijqq .c-hero__extra-bubble {
4272    width: 42px;
4273    height: 42px;
4274    border-radius: 50%;
4275    background: #FFF;
4276    color: #000;
4277    font-family: "Basis Grotesque Arabic Pro", sans-serif !important;
4278    font-size: 10px;
4279    font-style: normal;
4280    font-weight: 500;
4281    line-height: 126%; /* 12.6px */
4282    text-transform: capitalize;
4283    display: flex;
4284    align-items: center;
4285    justify-content: center;
4286    margin-left: -10px;
4287  }
4288
4289  .chero-template-19420722397381__c_hero_3mijqq .stamped-visual-gallery-load-more {
4290    display: none !important;
4291  }
4292
4293  /* Tablet Styles */
4294  @media (width >= 768px) {
4295    .chero-template-19420722397381__c_hero_3mijqq.c-hero {
4296      min-height: 732px;
4297      align-items: center;
4298      height: 100dvh;
4299    }
4300
4301    .chero-template-19420722397381__c_hero_3mijqq .c-hero__background {
4302      background-size: cover;
4303      background-position: bottom;
4304    }
4305
4306    .chero-template-19420722397381__c_hero_3mijqq .c-hero__content {
4307      margin: 0;
4308      padding-left: 104px;
4309      gap: 40px;
4310      align-items: flex-start;
4311    }
4312
4313    .chero-template-19420722397381__c_hero_3mijqq .c-hero__tags {
4314      display: flex;
4315    }
4316
4317    .chero-template-19420722397381__c_hero_3mijqq .c-cta--secondary {
4318      color: white !important;
4319    }
4320
4321    .chero-template-19420722397381__c_hero_3mijqq .c-hero__reviews {
4322      color: var(--text-color, #2e2c2b);
4323      display: flex;
4324    }
4325
4326    .chero-template-19420722397381__c_hero_3mijqq .c-hero__title {
4327      color: var(--slate-black, #2e2c2b);
4328    }
4329
4330    .chero-template-19420722397381__c_hero_3mijqq .c-hero__description,
4331    .chero-template-19420722397381__c_hero_3mijqq .c-hero__description p {
4332      color: var(--text-color, #2e2c2b);
4333      font-size: 18px;
4334    }
4335
4336    .chero-template-19420722397381__c_hero_3mijqq .c-hero__tag {
4337      color: #fff;
4338    }
4339
4340    .chero-template-19420722397381__c_hero_3mijqq .c-hero__tag-separator {
4341      color: var(--text-color, #2e2c2b);
4342    }
4343
4344    .chero-template-19420722397381__c_hero_3mijqq .c-hero__header {
4345      gap: 8px;
4346    }
4347
4348    .chero-template-19420722397381__c_hero_3mijqq .c-hero__text {
4349      gap: 12px;
4350    }
4351    .chero-template-19420722397381__c_hero_3mijqq .c-hero__title {
4352      /*font-size: 48px;*/
4353      max-width: 526px;
4354    }
4355
4356    .chero-template-19420722397381__c_hero_3mijqq .c-hero__description,
4357    .chero-template-19420722397381__c_hero_3mijqq .c-hero__description p {
4358      font-size: 18px;
4359    }
4360
4361    .chero-template-19420722397381__c_hero_3mijqq .c-hero__ctas {
4362      flex-direction: row;
4363      gap: 16px;
4364      align-items: flex-start;
4365      justify-content: flex-start;
4366    }
4367  }
4368
4369  /* Desktop Styles */
4370  @media (width >= 978px) {
4371    .chero-template-19420722397381__c_hero_3mijqq .c-hero__content {
4372      padding-left: 104px;
4373      gap: 40px;
4374    }
4375
4376    .chero-template-19420722397381__c_hero_3mijqq .c-hero__title {
4377      /*font-size: 64px;*/
4378    }
4379
4380    .chero-template-19420722397381__c_hero_3mijqq .c-hero__description,
4381    .chero-template-19420722397381__c_hero_3mijqq .c-hero__description p {
4382      font-size: 20px;
4383    }
4384
4385    .chero-template-19420722397381__c_hero_3mijqq .c-hero__ctas {
4386      gap: 20px;
4387    }
4388  }
4389
4390  /* Corner CTA Styles */
4391  .chero-template-19420722397381__c_hero_3mijqq .c-hero__corner-cta {
4392    display: flex;
4393    position: absolute;
4394    bottom: 24px;
4395    right: 24px;
4396    z-index: 10;
4397  }
4398
4399  .chero-template-19420722397381__c_hero_3mijqq .c-hero__corner-cta-button {
4400    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
4401    transition: all 0.3s ease;
4402  }
4403
4404  .chero-template-19420722397381__c_hero_3mijqq .c-hero__corner-cta-button:hover {
4405    transform: translateY(-2px);
4406    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
4407  }
4408
4409  /* Mobile adjustments for corner CTA */
4410  @media (width < 768px) {
4411    .chero-template-19420722397381__c_hero_3mijqq .c-hero__corner-cta {
4412      display: none;
4413      bottom: 16px;
4414      right: 16px;
4415    }
4416  }
4417  /* ===== Background Video ===== */
4418  .chero-template-19420722397381__c_hero_3mijqq .c-hero__video {
4419    position: absolute;
4420    inset: 0;
4421    z-index: 0;
4422    overflow: hidden;
4423    pointer-events: none;
4424    line-height: 0;
4425    background: #0a0e1c;
4426  }
4427
4428  .chero-template-19420722397381__c_hero_3mijqq .c-hero__video > * {
4429    width: 100%;
4430    height: 100%;
4431    object-fit: cover;
4432    object-position: center;
4433    display: block;
4434    border: 0;
4435  }
4436
4437  /* ===== Content visibility toggles ===== */
4438
4439
4440  /* ===== Mobile (any video mode): CTAs overlaid at the bottom-right of the video ===== */
4441
4442  /* ===== Mobile ON: header text on top, video 4:3 below ===== */
4443
4444  /* ===== Mobile OFF: video as background, kept at the chosen ratio (not full-bleed) ===== */
4445
4446  /* ===== Audio toggle button ===== */
4447  .chero-template-19420722397381__c_hero_3mijqq .c-hero__audio-toggle {
4448    position: absolute;
4449    z-index: 11;
4450    display: inline-flex;
4451    align-items: center;
4452    justify-content: center;
4453    width: 44px;
4454    height: 44px;
4455    padding: 0;
4456    border: 1px solid rgba(255, 255, 255, 0.6);
4457    border-radius: 50%;
4458    background: rgba(0, 0, 0, 0.45);
4459    color: #ffffff;
4460    cursor: pointer;
4461    -webkit-backdrop-filter: blur(4px);
4462    backdrop-filter: blur(4px);
4463    transition: background 0.2s ease, transform 0.2s ease;
4464  }
4465
4466  .chero-template-19420722397381__c_hero_3mijqq .c-hero__audio-toggle:hover {
4467    background: rgba(0, 0, 0, 0.65);
4468    transform: scale(1.05);
4469  }
4470
4471  .chero-template-19420722397381__c_hero_3mijqq .c-hero__audio-toggle:focus-visible {
4472    outline: 2px solid #ffffff;
4473    outline-offset: 2px;
4474  }
4475
4476  .chero-template-19420722397381__c_hero_3mijqq .c-hero__audio-toggle--bottom-right { bottom: 20px; right: 20px; }
4477  .chero-template-19420722397381__c_hero_3mijqq .c-hero__audio-toggle--bottom-left { bottom: 20px; left: 20px; }
4478  .chero-template-19420722397381__c_hero_3mijqq .c-hero__audio-toggle--top-right { top: 20px; right: 20px; }
4479  .chero-template-19420722397381__c_hero_3mijqq .c-hero__audio-toggle--top-left { top: 20px; left: 20px; }
4480
4481  .chero-template-19420722397381__c_hero_3mijqq .c-hero__audio-icon {
4482    display: inline-flex;
4483    width: 20px;
4484    height: 20px;
4485  }
4486
4487  .chero-template-19420722397381__c_hero_3mijqq .c-hero__audio-icon svg {
4488    width: 100%;
4489    height: 100%;
4490    display: block;
4491  }
4492
4493  .chero-template-19420722397381__c_hero_3mijqq .c-hero__audio-icon--on { display: none; }
4494  .chero-template-19420722397381__c_hero_3mijqq .c-hero__audio-toggle.is-audio-on .c-hero__audio-icon--off { display: none; }
4495  .chero-template-19420722397381__c_hero_3mijqq .c-hero__audio-toggle.is-audio-on .c-hero__audio-icon--on { display: inline-flex; }
4496
4497  .chero-template-19420722397381__c_hero_3mijqq .c-hero__audio-label {
4498    position: absolute;
4499    width: 1px;
4500    height: 1px;
4501    padding: 0;
4502    margin: -1px;
4503    overflow: hidden;
4504    clip: rect(0, 0, 0, 0);
4505    white-space: nowrap;
4506    border: 0;
4507  }
4508
4509  /* ===== Optional Fixed Height Overrides ===== *//* ===== Optional Video Fit Override — Desktop and up (≥1200px) ===== */</style>
4510
4511<section
4512  id="sectioncontrol"
4513  class="c-section c-hero chero-template-19420722397381__c_hero_3mijqq"
4514  data-section-id="template--19420722397381__c_hero_3mijqQ"
4515>
4516  <!-- Background Images --><!-- LCP: the hero background is a CSS background-image, which the browser only
4517         discovers after the CSSOM resolves and fetches at low priority. The href must
4518         match the background-image URL below EXACTLY, or the image downloads twice.
4519
4520         Only the mobile image is preloaded. This block used to emit a second preload
4521         for the desktop image behind media="(min-width: 768px)", but a preload in the
4522         body is not filtered reliably by that media query: measured on production at a
4523         390px viewport, the desktop image (261 KB) was fetched anyway and no element
4524         on the page ever referenced it. There is no way to preload two alternative
4525         images by breakpoint from one tag, so the phone — where LCP is measured and
4526         the bytes hurt most — gets the preload, and desktop keeps discovering its
4527         background through the CSS as before. --><link
4528        rel="preload"
4529        as="image"
4530        fetchpriority="high"
4531        href="//apolloneuro.com/cdn/shop/files/hero-mobile_57da5618-50d1-4be7-b67f-402
45311a385387a.png?v=1767101739&width=900"><div class="c-hero__background"><style>
4532          .chero-template-19420722397381__c_hero_3mijqq .c-hero__background {
4533            background-image: url('//apolloneuro.com/cdn/shop/files/hero-mobile_57da5618-50d1-4be7-b67f-4021a385387a.png?v=1767101739&width=900');
4534          }
4535          @media (width >= 768px) {
4536            .chero-template-19420722397381__c_hero_3mijqq .c-hero__background {
4537              background-image: url('//apolloneuro.com/cdn/shop/files/new-hero.png?v=1767026234&width=2400');
4538            }
4539          }
4540        </style></div><div class="c-section__inner">
4541  <div
4542    class="c-hero__content"
4543  >
4544    <!-- Reviews -->
4545    <div class="c-hero__header">
4546      <!-- Review Image Gallery -->
4547      <div class="c-hero__review-gallery">
4548        <div
4549          id="stamped-reviews-widget"
4550          data-widget-type="visual-gallery"
4551          data-with-photos="true"
4552          data-widget-id="main"
4553          style="display:flex;gap:8px;"
4554        ></div>
4555      </div><div class="c-hero__reviews">
4556          <style data-shopify>
4557  /* Stars Component Styles */
4558  .c-stars {
4559    display: inline-flex;
4560    align-items: center;
4561    gap: 4px;
4562  }
4563
4564  .c-stars__star {
4565    display: inline-flex;
4566    align-items: center;
4567    justify-content: center;
4568    width: var(--star-size, 16px);
4569    height: var(--star-size, 16px);
4570    color: var(--star-color, currentColor);
4571  }
4572
4573  .c-stars__star svg {
4574    width: 100%;
4575    height: 100%;
4576    fill: var(--star-color, currentColor);
4577    color: var(--star-color, currentColor);
4578  }
4579</style>
4580<div class="c-stars u-margin-right-8" style="color: #F7B267; --star-size: 16px; justify-content: center;">    <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">    <path d="M4.01539 15.5506C3.64931 15.7388 3.23479 15.4099 3.3085 14.9898L4.09451 10.5095L0.757752 7.32971C0.445914 7.03254 0.607337 6.4892 1.02509 6.42985L5.66549 5.77064L7.73454 1.67205C7.92092 1.30284 8.42581 1.30284 8.61219 1.67205L10.6812 5.77064L15.3216 6.42985C15.7394 6.4892 15.9008 7.03254 15.589 7.32971L12.2522 10.5095L13.0382 14.9898C13.1119 15.4099 12.6974 15.7388 12.3313 15.5506L8.17337 13.4135L4.01539 15.5506Z" fill="currentColor"/>    </svg>    
4581    <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">    <path d="M4.01539 15.5506C3.64931 15.7388 3.23479 15.4099 3.3085 14.9898L4.09451 10.5095L0.757752 7.32971C0.445914 7.03254 0.607337 6.4892 1.02509 6.42985L5.66549 5.77064L7.73454 1.67205C7.92092 1.30284 8.42581 1.30284 8.61219 1.67205L10.6812 5.77064L15.3216 6.42985C15.7394 6.4892 15.9008 7.03254 15.589 7.32971L12.2522 10.5095L13.0382 14.9898C13.1119 15.4099 12.6974 15.7388 12.3313 15.5506L8.17337 13.4135L4.01539 15.5506Z" fill="currentColor"/>    </svg>    
4582    <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">    <path d="M4.01539 15.5506C3.64931 15.7388 3.23479 15.4099 3.3085 14.9898L4.09451 10.5095L0.757752 7.32971C0.445914 7.03254 0.607337 6.4892 1.02509 6.42985L5.66549 5.77064L7.73454 1.67205C7.92092 1.30284 8.42581 1.30284 8.61219 1.67205L10.6812 5.77064L15.3216 6.42985C15.7394 6.4892 15.9008 7.03254 15.589 7.32971L12.2522 10.5095L13.0382 14.9898C13.1119 15.4099 12.6974 15.7388 12.3313 15.5506L8.17337 13.4135L4.01539 15.5506Z" fill="currentColor"/>    </svg>    
4583    <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">    <path d="M4.01539 15.5506C3.64931 15.7388 3.23479 15.4099 3.3085 14.9898L4.09451 10.5095L0.757752 7.32971C0.445914 7.03254 0.607337 6.4892 1.02509 6.42985L5.66549 5.77064L7.73454 1.67205C7.92092 1.30284 8.42581 1.30284 8.61219 1.67205L10.6812 5.77064L15.3216 6.42985C15.7394 6.4892 15.9008 7.03254 15.589 7.32971L12.2522 10.5095L13.0382 14.9898C13.1119 15.4099 12.6974 15.7388 12.3313 15.5506L8.17337 13.4135L4.01539 15.5506Z" fill="currentColor"/>    </svg>    
4584    <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">    <path d="M4.01539 15.5506C3.64931 15.7388 3.23479 15.4099 3.3085 14.9898L4.09451 10.5095L0.757752 7.32971C0.445914 7.03254 0.607337 6.4892 1.02509 6.42985L5.66549 5.77064L7.73454 1.67205C7.92092 1.30284 8.42581 1.30284 8.61219 1.67205L10.6812 5.77064L15.3216 6.42985C15.7394 6.4892 15.9008 7.03254 15.589 7.32971L12.2522 10.5095L13.0382 14.9898C13.1119 15.4099 12.6974 15.7388 12.3313 
458415.5506L8.17337 13.4135L4.01539 15.5506Z" fill="currentColor"/>    </svg>    
4585</div>
4586          <p>Trusted By Over 150,000 Happy Customers</p>
4587        </div><div class="c-hero__text">
4588        
4589        <!-- Title --><div class="c-hero__title c-h1">
4590            <h1>Feel Calm. <br/>Sleep Deeper.<br/>Perform Better.</h1>
4591          </div><!-- Description --><div class="c-hero__description">
4592            <p>Apollo is the only wearable that trains your nervous system to bounce back from stress — naturally, without pills.</p>
4593          </div>
4594        <!-- Tags -->
4595        <div class="c-hero__tags"><div class="c-hero__tag"><span class="c-hero__tag-icon">
4596                        <svg width="37" height="37" viewBox="0 0 37 37" fill="none" xmlns="http://www.w3.org/2000/svg">        <path d="M32.041 28.873L23.1249 14.008V5.78125H24.2812C24.5878 5.78125 24.8819 5.65943 25.0988 5.44259C25.3156 5.22575 25.4374 4.93166 25.4374 4.625C25.4374 4.31834 25.3156 4.02425 25.0988 3.80741C24.8819 3.59057 24.5878 3.46875 24.2812 3.46875H12.7187C12.412 3.46875 12.1179 3.59057 11.9011 3.80741C11.6842 4.02425 11.5624 4.31834 11.5624 4.625C11.5624 4.93166 11.6842 5.22575 11.9011 5.44259C12.1179 5.65943 12.412 5.78125 12.7187 5.78125H13.8749V14.008L4.95878 28.873C4.74849 29.2236 4.6349 29.6237 4.62959 30.0325C4.62428 30.4412 4.72743 30.8441 4.92853 31.2001C5.12964 31.556 5.42151 31.8523 5.7744 32.0587C6.12729 32.2651 6.52859 32.3742 6.93741 32.375H30.0624C30.4716 32.375 30.8734 32.2664 31.2269 32.0603C31.5804 31.8542 31.8729 31.558 32.0746 31.2019C32.2762 30.8459 32.3797 30.4427 32.3746 30.0335C32.3695 29.6244 32.2559 29.2239 32.0454 28.873H32.041ZM16.0226 14.9229C16.1308 14.7436 16.1878 14.5382 16.1874 14.3288V5.78125H20.8124V14.3288C20.8121 14.5382 20.869 14.7436 20.9772 14.9229L26.5012 24.1367C24.7668 24.4793 22.2996 24.3347 19.0217 22.6755C16.7222 21.512 14.534 20.8949 12.486 20.8241L16.0226 14.9229ZM6.93741 30.0625L11.0623 23.1857C13.1219 22.9342 15.4431 23.4531 17.9738 24.7351C20.7199 26.124 23.0324 26.5966 24.9113 26.5966C25.8669 26.6009 26.8182 26.4695 27.7369 26.2064L30.0624 30.0625H6.93741Z" fill="currentColor"/>      </svg>    
4597                </span><div><p>Backed By<br/>Real Science</p></div>
4598            </div><span class="c-hero__tag-separator">|</span>
4599            <div class="c-hero__tag"><span class="c-hero__tag-icon">
4600                        <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">        <path d="M3.5625 8.3125V20.1875H34.4375V17.8125H20.1875V15.4375H34.4375V13.0625H20.1875V10.6875H34.4375V8.3125H3.5625ZM5.9375 9.5C6.25244 9.5 6.55449 9.62511 6.77719 9.84781C6.99989 10.0705 7.125 10.3726 7.125 10.6875C7.125 11.0024 6.99989 11.3045 6.77719 11.5272C6.55449 11.7499 6.25244 11.875 5.9375 11.875C5.62256 11.875 5.32051 11.7499 5.09781 11.5272C4.87511 11.3045 4.75 11.0024 4.75 10.6875C4.75 10.3726 4.87511 10.0705 5.09781 9.84781C5.32051 9.62511 5.62256 9.5 5.9375 9.5ZM10.6875 9.5C11.0024 9.5 11.3045 9.62511 11.5272 9.84781C11.7499 10.0705 11.875 10.3726 11.875 10.6875C11.875 11.0024 11.7499 11.3045 11.5272 11.5272C11.3045 11.7499 11.0024 11.875 10.6875 11.875C10.3726 11.875 10.0705 11.7499 9.84781 11.5272C9.62511 11.3045 9.5 11.0024 9.5 10.6875C9.5 10.3726 9.62511 10.0705 9.84781 9.84781C10.0705 9.62511 10.3726 9.5 10.6875 9.5ZM15.4375 9.5C15.7524 9.5 16.0545 9.62511 16.2772 9.84781C16.4999 10.0705 16.625 10.3726 16.625 10.6875C16.625 11.0024 16.4999 11.3045 16.2772 11.5272C16.0545 11.7499 15.7524 11.875 15.4375 11.875C15.1226 11.875 14.8205 11.7499 14.5978 11.5272C14.3751 11.3045 14.25 11.0024 14.25 10.6875C14.25 10.3726 14.3751 10.0705 14.5978 9.84781C14.8205 9.62511 15.1226 9.5 15.4375 9.5ZM8.3125 13.0625C8.62744 13.0625 8.92949 13.1876 9.15219 13.4103C9.37489 13.633 9.5 13.9351 9.5 14.25C9.5 14.5649 9.37489 14.867 9.15219 15.0897C8.92949 15.3124 8.62744 15.4375 8.3125 15.4375C7.99756 15.4375 7.69551 15.3124 7.47281 15.0897C7.25011 14.867 7.125 14.5649 7.125 14.25C7.125 13.9351 7.25011 13.633 7.47281 13.4103C7.69551 13.1876 7.99756 13.0625 8.3125 13.0625ZM13.0625 13.0625C13.3774 13.0625 13.6795 13.1876 13.9022 13.4103C14.1249 13.633 14.25 13.9351 14.25 14.25C14.25 14.5649 14.1249 14.867 13.9022 15.0897C13.6795 15.3124 13.3774 15.4375 13.0625 15.4375C12.7476 15.4375 12.4455 15.3124 12.2228 15.0897C12.0001 14.867 11.875 14.5649 11.875 14.25C11.875 13.9351 12.0001 13.633 12.2228 13.4103C12.4455 13.1876 12.7476 13.0625 13.0625 13.0625ZM17.8125 13.0625C18.1274 13.0625 18.4295 13.1876 18.6522 13.4103C18.8749 13.633 19 13.9351 19 14.25C19 14.5649 18.8749 14.867 18.6522 15.0897C18.4295 15.3124 18.1274 15.4375 17.8125 15.4375C17.4976 15.4375 17.195
46005 15.3124 16.9728 15.0897C16.7501 14.867 16.625 14.5649 16.625 14.25C16.625 13.9351 16.7501 13.633 16.9728 13.4103C17.1955 13.1876 17.4976 13.0625 17.8125 13.0625ZM5.9375 16.625C6.25244 16.625 6.55449 16.7501 6.77719 16.9728C6.99989 17.1955 7.125 17.4976 7.125 17.8125C7.125 18.1274 6.99989 18.4295 6.77719 18.6522C6.55449 18.8749 6.25244 19 5.9375 19C5.62256 19 5.32051 18.8749 5.09781 18.6522C4.87511 18.4295 4.75 18.1274 4.75 17.8125C4.75 17.4976 4.87511 17.1955 5.09781 16.9728C5.32051 16.7501 5.62256 16.625 5.9375 16.625ZM10.6875 16.625C11.0024 16.625 11.3045 16.7501 11.5272 16.9728C11.7499 17.1955 11.875 17.4976 11.875 17.8125C11.875 18.1274 11.7499 18.4295 11.5272 18.6522C11.3045 18.8749 11.0024 19 10.6875 19C10.3726 19 10.0705 18.8749 9.84781 18.6522C9.62511 18.4295 9.5 18.1274 9.5 17.8125C9.5 17.4976 9.62511 17.1955 9.84781 16.9728C10.0705 16.7501 10.3726 16.625 10.6875 16.625ZM15.4375 16.625C15.7524 16.625 16.0545 16.7501 16.2772 16.9728C16.4999 17.1955 16.625 17.4976 16.625 17.8125C16.625 18.1274 16.4999 18.4295 16.2772 18.6522C16.0545 18.8749 15.7524 19 15.4375 19C15.1226 19 14.8205 18.8749 14.5978 18.6522C14.3751 18.4295 14.25 18.1274 14.25 17.8125C14.25 17.4976 14.3751 17.1955 14.5978 16.9728C14.8205 16.7501 15.1226 16.625 15.4375 16.625ZM3.5625 22.5625V24.9375H34.4375V22.5625H3.5625ZM3.5625 27.3125V29.6875H34.4375V27.3125H3.5625Z" fill="currentColor"/>      </svg>    
4601                </span><div><p>The Only Wearable<br/>Made In The USA</p></div>
4602            </div><span class="c-hero__tag-separator">|</span>
4603            <div class="c-hero__tag"><span class="c-hero__tag-icon">
4604                        <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">        <path d="M28.5002 20.5833C28.5002 25.8241 24.241 30.0833 19.0002 30.0833C13.7593 30.0833 9.50016 25.8241 9.50016 20.5833C9.50016 15.3425 13.7593 11.0833 19.0002 11.0833V17.4166L26.9168 9.49998L19.0002 1.58331V7.91665C12.0018 7.91665 6.3335 13.585 6.3335 20.5833C6.3335 27.5816 12.0018 33.25 19.0002 33.25C25.9985 33.25 31.6668 27.5816 31.6668 20.5833H28.5002ZM16.6885 24.0983C16.5935 24.1775 16.4985 24.2408 16.3718 24.2883C16.2452 24.3358 16.1027 24.3516 15.9443 24.3516C15.6864 24.3578 15.4345 24.2738 15.2318 24.1141C15.1368 24.035 15.0735 23.9558 15.026 23.845C14.9785 23.7341 14.9468 23.6233 14.9468 23.4966H13.601C13.601 23.8291 13.6643 24.1141 13.791 24.3675C13.9177 24.6208 14.0918 24.8108 14.3135 24.9691C14.5352 25.1275 14.7727 25.2541 15.0418 25.3333C15.311 25.4125 15.596 25.4441 15.881 25.4441C16.2135 25.4441 16.5302 25.3966 16.831 25.3175C17.1318 25.2383 17.3693 25.0958 17.591 24.9375C17.8127 24.7791 17.971 24.5575 18.0977 24.32C18.2243 24.0825 18.2877 23.7975 18.2877 23.4808C18.2877 23.1166 18.1927 22.7841 18.0027 22.515C17.8127 22.2458 17.5277 22.04 17.1477 21.8975C17.306 21.8183 17.4643 21.7391 17.591 21.6283C17.7177 21.5175 17.8285 21.4066 17.9077 21.28C17.9868 21.1533 18.066 21.0266 18.1135 20.8841C18.161 20.7416 18.1768 20.5991 18.1768 20.4566C18.1768 20.14 18.1135 19.8708 18.0027 19.6175C17.8918 19.3641 17.7335 19.1741 17.5277 19.0158C17.3218 18.8575 17.0843 18.7308 16.7993 18.6516C16.5143 18.5725 16.2135 18.525 15.8652 18.525C15.5643 18.525 15.2635 18.5725 15.0102 18.6516C14.7568 18.7308 14.5035 18.8575 14.3135 19.0158C14.1235 19.1741 13.9493 19.3641 13.8385 19.6016C13.7277 19.8391 13.6643 20.0766 13.6643 20.3616H15.0102C15.0118 20.2552 15.0368 20.1504 15.0833 20.0547C15.1298 19.959 15.1967 19.8746 15.2793 19.8075C15.3585 19.7441 15.4535 19.6966 15.5643 19.6491C15.6752 19.6016 15.786 19.6016 15.9127 19.6016C16.071 19.6016 16.1977 19.6175 16.3085 19.665C16.4193 19.7125 16.5143 19.76 16.5935 19.8391C16.6727 19.9183 16.7202 20.0133 16.7677 20.1083C16.8152 20.2033 16.831 20.33 16.831 20.4566C16.831 20.7416 16.7518 20.9633 16.5777 21.1375C16.4035 21.3116 16.166 21.3908 15.8177 21.3908H15.1368V22.4358H15.8493C16.0235 22.4358 16.166 22.4516 16.3085 22.4991C16.451 22.5466 16.5618 22.5941 16.6568 22.6733C16.7518 22.7525 16.831 22.8633 16.8785 22.99C16.926 23.1166 16.9577 23.275 16.9577 23.4491C16.9577 23.5916 16.9418 23.7183 16.8943 23.8291C16.8468 23.94 16.7677 24.0033 16.6885 24.0983ZM22.8635 18.6516C22.5785 18.5408 22.2777 18.4933 21.9293 18.4933C21.581 18.4933 21.2802 18.5408 20.9952 18.6516C20.7102 18.7625 20.4727 18.9366 20.2827 19.1741C20.0927 19.4116 19.9185 19.7125 19.8235 20.0766C19.7285 20.4408 19.6652 20.8683 19.6652 21.375V22.5466C19.6652 23.0533 19.7285 23.4966 19.8393 23.845C19.9502 24.1933 20.1085 24.51 20.3143 24.7475C20.5202 24.985 20.7577 25.1591 21.0427 25.27C21.3277 25.3808 21.6285 25.4283 21.9768 25.4283C22.3252 25.4283 22.626 25.3808 22.911 25.27C23.196 25.1591 23.4335 24.985 23.6235 24.7475C23.8135 24.51 23.9718 24.2091 24.0827 23.845C24.1935 23.4808 24.241 23.0533 24.241 22.5466V21.375C24.241 20.8683 24.1777 20.425 24.0668 20.0766C23.956 19.7283 23.7977 19.4116 23.5918 19.1741C23.386 18.9366 23.1485 18.7625 22.8635 18.6516ZM22.8793 22.7208C22.8793 23.0216 22.8635 23.275 22.816 23.4808C22.7685 23.6866 22.721 23.8608 22.6418 23.9875C22.5627 24.1141 22.4677 24.2091 22.341 24.2566C22.2143 24.3041 22.0877 24.3358 21.9452 24.3358C21.8027 24.3358 21.6602 24.3041 21.5493 24.2566C21.4385 24.2091 21.3277 24.1141 21.2485 23.9875C21.1693 23.8608 21.106 23.6866 21.0585 23.4808C21.011 23.275 20.9952 23.0216 20.9952 22.7208V21.185C20.9952 20.8841 21.011 20.6308 21.0585 20.425C21.106 20.2191 21.1535 20.0608 21.2485 19.9341C21.3435 19.8075 21.4227 19.7125 21.5493 19.665C21.676 19.6175 21.8027 19.5858 21.9452 19.5858C22.0877 19.5858 22.2302 19.6175 22.341 19.665C22.4518 19.7125 22.5627 19.8075 22.6418 19.9341C22.721 20.0608 22.7843 20.2191 22.8318 20.425C22.8793 20.6308 22.8952 20.8841 22.8952 21.185V22.7208H22.8793Z" fill="currentColor"/>      </svg>    
4605                </span><div><p>30 Days Money Back<br/>Guarantee (Risk Free)</p></div>
4606            </div></div>
4607      </div>
4608    </div>
4609
4610    <div class="c-hero__bottom">
4611      <!-- CTAs -->
4612      <div class="c-hero__ctas"><style data-shopify>
4613  /* Base CTA styles */
4614  .c-cta {
4615    text-transform: capitalize;
4616    letter-spacing: unset;
4617    min-width: unset;
4618    font-family: var(--body-family) !important;
4619    display: inline-flex;
4620    align-items: center;
4621    justify-content: center;
4622    transition: all 0.3s ease;
4623    padding: 12px;
4624    text-decoration: none;
4625    cursor: pointer;
4626    border-radius: 40px;
4627  }
4628
4629  .c-cta--with-icon {
4630    gap: 8px;
4631  }
4632
4633  /* Primary style */
4634  .c-cta--primary {
4635    background-color: #F7B267;
4636    border: 1px solid #F7B267;
4637    color: var(--slate-black, #1a1b18);
4638    transition: all 0.2s ease;
4639  }
4640
4641  .c-cta--primary:hover {
4642    opacity: 0.85;
4643    transform: translateY(-2px);
4644  }
4645
4646  .c-cta--primary .c-cta__text {
4647    color: var(--slate-black, #1a1b18);
4648    font-weight: 600;
4649  }
4650
4651  /* Secondary style */
4652  .c-cta--secondary {
4653    background-color: transparent;
4654    border: 1px solid transparent;
4655    color: var(--slate-black, #1a1b18);
4656  }
4657
4658  .c-cta--secondary:hover {
4659    border-color: var(--slate-black, #1a1b18);
4660  }
4661
4662  .c-cta--secondary .c-cta__text {
4663    color: var(--slate-black, #1a1b18);
4664  }
4665
4666/*   .c-cta--secondary > svg {
4667    width: 11.75px;
4668    height: 9.731px;
4669    flex-shrink: 0;
4670  } */
4671
4672  /* Tertiary style */
4673  .c-cta--tertiary {
4674    background-color: var(--ruby-red, #c53030);
4675    border: 1px solid var(--ruby-red, #c53030);
4676    color: var(--btn-text, #f2f2f2);
4677  }
4678
4679  .c-cta--tertiary:hover {
4680    background-color: var(--btn-text, #f2f2f2);
4681    color: var(--ruby-red, #c53030);
4682    border-color: var(--ruby-red, #c53030);
4683  }
4684
4685  .c-cta--tertiary .c-cta__text {
4686    color: inherit;
4687  }
4688
4689  /* Outline style */
4690  .c-cta--outline {
4691    background-color: transparent;
4692    border: 1px solid var(--ruby-red, #c53030);
4693    color: var(--ruby-red, #c53030);
4694  }
4695
4696  .c-cta--outline:hover {
4697    background-color: var(--ruby-red, #c53030);
4698    color: var(--btn-text, #f2f2f2);
4699    border-color: var(--ruby-red, #c53030);
4700  }
4701
4702  .c-cta--outline .c-cta__text {
4703    color: inherit;
4704  }
4705
4706  /* Size variations */
4707  .c-cta--small {
4708    padding: 8px 16px;
4709    font-size: 14px;
4710  }
4711
4712  .c-cta--medium {
4713    padding: 12px 24px;
4714    font-size: 16px;
4715  }
4716
4717  .c-cta--large,
4718  .c-cta--big {
4719    padding: 16px 32px;
4720    font-size: 18px;
4721  }
4722
4723  /* Text styles */
4724  .c-cta__text {
4725    font-size: inherit;
4726    line-height: 1.5;
4727    font-family: var(--body-family) !important;
4728  }
4729
4730  /* Tablet and up */
4731  @media (width >= 768px) {
4732    .c-cta {
4733      gap: 8px;
4734    }
4735
4736    .c-cta--small {
4737      padding: 8px 20px;
4738    }
4739
4740    .c-cta--medium {
4741      padding: 12px 24px;
4742    }
4743
4744    .c-cta--large,
4745    .c-cta--big {
4746      padding: 16px 36px;
4747    }
4748  }
4749</style>
4750<a
4751  href="/products/apollo-wearable-1-year-ai-membership-starter-kit"
4752  class="c-cta c-cta--primary c-cta--medium "
4753  
4754  
4755  aria-label="Shop Apollo"
4756  
4757><span class="c-cta__text">Shop Apollo</span></a>
4758<style data-shopify>
4759  /* Base CTA styles */
4760  .c-cta {
4761    text-transform: capitalize;
4762    letter-spacing: unset;
4763    min-width: unset;
4764    font-family: var(--body-family) !important;
4765    display: inline-flex;
4766    align-items: center;
4767    justify-content: center;
4768    transition: all 0.3s ease;
4769    padding: 12px;
4770    text-decoration: none;
4771    cursor: pointer;
4772    border-radius: 40px;
4773  }
4774
4775  .c-cta--with-icon {
4776    gap: 8px;
4777  }
4778
4779  /* Primary style */
4780  .c-cta--primary {
4781    background-color: #F7B267;
4782    border: 1px solid #F7B267;
4783    color: var(--slate-black, #1a1b18);
4784    transition: all 0.2s ease;
4785  }
4786
4787  .c-cta--primary:hover {
4788    opacity: 0.85;
4789    transform: translateY(-2px);
4790  }
4791
4792  .c-cta--primary .c-cta__text {
4793    color: var(--slate-black, #1a1b18);
4794    font-weight: 600;
4795  }
4796
4797  /* Secondary style */
4798  .c-cta--secondary {
4799    background-color: transparent;
4800    border: 1px solid transparent;
4801    color: var(--slate-black, #1a1b18);
4802  }
4803
4804  .c-cta--secondary:hover {
4805    border-color: var(--slate-black, #1a1b18);
4806  }
4807
4808  .c-cta--secondary .c-cta__text {
4809    color: var(--slate-black, #1a1b18);
4810  }
4811
4812/*   .c-cta--secondary > svg {
4813    width: 11.75px;
4814    height: 9.731px;
4815    flex-shrink: 0;
4816  } */
4817
4818  /* Tertiary style */
4819  .c-cta--tertiary {
4820    background-color: var(--ruby-red, #c53030);
4821    border: 1px solid var(--ruby-red, #c53030);
4822    color: var(--btn-text, #f2f2f2);
4823  }
4824
4825  .c-cta--tertiary:hover {
4826    background-color: var(--btn-text, #f2f2f2);
4827    color: var(--ruby-red, #c53030);
4828    border-color: var(--ruby-red, #c53030);
4829  }
4830
4831  .c-cta--tertiary .c-cta__text {
4832    color: inherit;
4833  }
4834
4835  /* Outline style */
4836  .c-cta--outline {
4837    background-color: transparent;
4838    border: 1px solid var(--ruby-red, #c53030);
4839    color: var(--ruby-red, #c53030);
4840  }
4841
4842  .c-cta--outline:hover {
4843    background-color: var(--ruby-red, #c53030);
4844    color: var(--btn-text, #f2f2f2);
4845    border-color: var(--ruby-red, #c53030);
4846  }
4847
4848  .c-cta--outline .c-cta__text {
4849    color: inherit;
4850  }
4851
4852  /* Size variations */
4853  .c-cta--small {
4854    padding: 8px 16px;
4855    font-size: 14px;
4856  }
4857
4858  .c-cta--medium {
4859    padding: 12px 24px;
4860    font-size: 16px;
4861  }
4862
4863  .c-cta--large,
4864  .c-cta--big {
4865    padding: 16px 32px;
4866    font-size: 18px;
4867  }
4868
4869  /* Text styles */
4870  .c-cta__text {
4871    font-size: inherit;
4872    line-height: 1.5;
4873    font-family: var(--body-family) !important;
4874  }
4875
4876  /* Tablet and up */
4877  @media (width >= 768px) {
4878    .c-cta {
4879      gap: 8px;
4880    }
4881
4882    .c-cta--small {
4883      padding: 8px 20px;
4884    }
4885
4886    .c-cta--medium {
4887      padding: 12px 24px;
4888    }
4889
4890    .c-cta--large,
4891    .c-cta--big {
4892      padding: 16px 36px;
4893    }
4894  }
4895</style>
4896<a
4897  href="/pages/why-apollo"
4898  class="c-cta c-cta--secondary c-cta--medium c-cta--with-icon "
4899  
4900  
4901  aria-label="Learn More"
4902  
4903><span class="c-cta__text">Learn More</span>
4903      <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">      <path d="M20.6475 12.8976L13.8975 19.6476C13.7909 19.747 13.6498 19.8011 13.5041 19.7985C13.3584 19.7959 13.2193 19.7369 13.1163 19.6338C13.0132 19.5308 12.9542 19.3917 12.9516 19.246C12.949 19.1003 13.0031 18.9593 13.1025 18.8526L18.8916 13.0626H3.75C3.60082 13.0626 3.45774 13.0034 3.35225 12.8979C3.24676 12.7924 3.1875 12.6493 3.1875 12.5001C3.1875 12.3509 3.24676 12.2079 3.35225 12.1024C3.45774 11.9969 3.60082 11.9376 3.75 11.9376H18.8916L13.1025 6.14763C13.0031 6.041 12.949 5.89996 12.9516 5.75424C12.9542 5.60851 13.0132 5.46947 13.1163 5.36641C13.2193 5.26335 13.3584 5.20432 13.5041 5.20175C13.6498 5.19918 13.7909 5.25327 13.8975 5.35263L20.6475 12.1026C20.7528 12.2081 20.812 12.3511 20.812 12.5001C20.812 12.6492 20.7528 12.7922 20.6475 12.8976Z" fill="currentColor"/>      </svg>    
4904</a>
4905</div>
4906    </div>
4907  </div>
4908  </div>
4909
4910  <!-- Background / stacked video --><!-- Hotspots --><style>#hotspot-hotspot_d4kFCa { display: flex; }@media (width >= 768px) {#hotspot-hotspot_d4kFCa { display: flex; }}@media (width >= 978px) {#hotspot-hotspot_d4kFCa { display: flex; }}@media (width >= 1200px) {#hotspot-hotspot_d4kFCa { display: flex; }}@media (width >= 1980px) {#hotspot-hotspot_d4kFCa { display: flex; }}
4911      </style>
4912      <style data-shopify>
4913  /* Hotspots */
4914  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot {
4915    position: absolute;
4916    z-index: 10;
4917  }
4918
4919  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__add-to-cart-form {
4920    width: 100%;
4921  }
4922
4923  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__trigger {
4924    border-radius: 50%;
4925    width: 30px;
4926    height: 30px;
4927    display: flex;
4928    align-items: center;
4929    justify-content: center;
4930    cursor: pointer;
4931    transition: all 0.3s ease;
4932    background-color: transparent;
4933    border: none;
4934    color: white;
4935    font-size: 20px;
4936    line-height: 1;
4937    padding: 0;
4938  }
4939
4940  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__trigger:hover {
4941    transform: scale(1.1);
4942  }
4943
4944  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__trigger svg,
4945  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__trigger img {
4946    width: 30px;
4947    height: 30px;
4948    display: block;
4949    border-radius: 50%;
4950  }
4951  
4952  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__icon-plus {
4953    display: block;
4954  }
4955  
4956  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__icon-close {
4957    display: none;
4958  }
4959
4960  /* Desktop: Hover Card (like slideshow) */
4961  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__card {
4962    position: absolute;
4963    bottom: 15px;
4964    left: 50%;
4965    transform: translateX(-50%) scale(0.75);
4966    width: 250px;
4967    background: white;
4968    border-radius: 8px;
4969    padding: 8px;
4970    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
4971    opacity: 0;
4972    visibility: hidden;
4973    transition: all 0.3s ease;
4974    pointer-events: none;
4975    z-index: 100;
4976  }
4977
4978  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__card:after {
4979    content: '';
4980    position: absolute;
4981    bottom: -10px;
4982    left: 50%;
4983    transform: translateX(-50%);
4984    border-left: 10px solid transparent;
4985    border-right: 10px solid transparent;
4986    border-top: 10px solid white;
4987  }
4988
4989  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot.active .c-hotspot__card {
4990    opacity: 1;
4991    visibility: visible;
4992    transform: translateX(-50%) scale(0.85);
4993    pointer-events: auto;
4994  }
4995  
4996  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot.active .c-hotspot__icon-plus {
4997    display: none;
4998  }
4999  
5000  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot.active .c-hotspot__icon-close {
5001    display: block;
5002  }
5003
5004  /* Mobile: Modal */
5005  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot-modal {
5006    position: fixed;
5007    top: 0;
5008    left: 0;
5009    width: 100%;
5010    height: 100%;
5011    z-index: 1000;
5012    display: none;
5013    align-items: center;
5014    justify-content: center;
5015  }
5016
5017  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot-modal.is-open {
5018    display: flex;
5019  }
5020
5021  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot-modal__overlay {
5022    position: absolute;
5023    top: 0;
5024    left: 0;
5025    width: 100%;
5026    height: 100%;
5027    background: rgba(0, 0, 0, 0.7);
5028    backdrop-filter: blur(4px);
5029    cursor: pointer;
5030    display: block;
5031  }
5032
5033  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot-modal__content {
5034    position: relative;
5035    background: white;
5036    border-radius: 12px;
5037    padding: 24px;
5038    max-width: 500px;
5039    width: 90%;
5040    max-height: 90vh;
5041    overflow-y: auto;
5042    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
5043  }
5044
5045  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot-modal__close {
5046    position: absolute;
5047    top: 16px;
5048    right: 16px;
5049    background: none;
5050    border: none;
5051    cursor: pointer;
5052    padding: 8px;
5053    border-radius: 50%;
5054    display: flex;
5055    align-items: center;
5056    justify-content: center;
5057    transition: background-color 0.2s ease;
5058    z-index: 10;
5059  }
5060
5061  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot-modal__close:hover {
5062    background: rgba(0, 0, 0, 0.1);
5063  }
5064
5065  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot-modal__close svg {
5066    width: 20px;
5067    height: 20px;
5068    color: #2e2c2b;
5069  }
5070
5071  /* Product Card Content (shared between desktop hover and mobile modal) */
5072  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__product-image {
5073    width: 100%;
5074    margin-bottom: 10px;
5075    border-radius: 4px;
5076    overflow: hidden;
5077    position: relative;
5078    aspect-ratio: 1 / 1;
5079  }
5080
5081  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__product-image img {
5082    width: 100%;
5083    height: 100%;
5084    object-fit: cover;
5085    display: block;
5086  }
5087
5088  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__img {
5089    position: absolute;
5090    top: 0;
5091    left: 0;
5092    width: 100%;
5093    height: 100%;
5094    opacity: 0;
5095    visibility: hidden;
5096    transition: opacity 0.3s ease, visibility 0.3s ease;
5097  }
5098
5099  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__img--visible {
5100    position: relative;
5101    opacity: 1;
5102    visibility: visible;
5103  }
5104
5105  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__product-info {
5106    display: flex;
5107    flex-direction: column;
5108    align-items: center;
5109    justify-content: center;
5110  }
5111
5112  /* Color Swatches */
5113  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__color-swatches {
5114    display: flex;
5115    align-items: center;
5116    justify-content: center;
5117    gap: 8px;
5118    margin-bottom: 12px;
5119    flex-wrap: wrap;
5120    background: black;
5121    padding: 4px;
5122    border-radius: 100px;
5123}
5124
5125  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__swatch {
5126    width: 24px;
5127    height: 24px;
5128    border-radius: 50%;
5129    border: 1px solid #e0e0e0;
5130    cursor: pointer;
5131    transition: all 0.2s ease;
5132    background-size: cover;
5133    background-position: center;
5134    background-repeat: no-repeat;
5135    position: relative;
5136    display: block;
5137  }
5138
5139  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__swatch:hover {
5140    transform: scale(1.1);
5141    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
5142  }
5143
5144  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__swatch--active {
5145    border: 2px solid #050D37;
5146    box-shadow: 0 0 0 2px white, 0 0 0 3px #050D37;
5147  }
5148
5149  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__swatch--white {
5150    border-color: #ccc;
5151  }
5152
5153  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__product-title {
5154    font-size: 18px;
5155    font-family: 'Optima nova', sans-serif;
5156    line-height: 22.2px;
5157    margin-bottom: 8px;
5158    text-align: center;
5159    color: #2e2c2b;
5160  }
5161
5162  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__product-price {
5163    margin-bottom: 12px;
5164    font-weight: 500;
5165    text-align: center;
5166    display: flex;
5167    flex-direction: column;
5168    align-items: center;
5169    gap: 8px;
5170    justify-content: center;
5171  }
5172
5173  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__price-row {
5174    display: flex;
5175    align-items: center;
5176    gap: 8px;
5177  }
5178
5179  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__price-compare {
5180    text-decoration: line-through;
5181    color: #999;
5182    font-size: 14px;
5183    font-family: var(--body-family) !important;
5184  }
5185
5186  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__price-current {
5187    color: #050d37;
5188    font-weight: 600;
5189    font-size: 18px;
5190    font-family: var(--body-family) !important;
5191  }
5192
5193  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__discount-badge {
5194    background-color: #8c0000;
5195    color: #ffffff;
5196    font-family: var(--body-family) !important;
5197    font-weight: 700;
5198    font-size: 12px;
5199    line-height: 1.2;
5200    padding: 6px 12px;
5201    border-radius: 40px;
5202    display: inline-block;
5203    text-align: center;
5204    white-space: nowrap;
5205  }
5206
5207  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__product-cta {
5208    width: 100%;
5209    text-align: center;
5210    padding: 12px 24px !important;
5211    font-size: 14px;
5212    border-radius: 40px;
5213    background-color: #F7B267;
5214    color: #050d37;
5215    gap: 16px;
5216    font-family: 'Montserrat', sans-serif;
5217    text-decoration: none;
5218    display: flex;
5219    align-items: center;
5220    justify-content: center;
5221    transition: all 0.2s ease;
5222    cursor: pointer;
5223    border: none;
5224  }
5225
5226  /* Mobile Modal Specific Styles */
5227  .chero-template-19420722397381__c_hero_3mijqq .c-hotspot-modal__product {
5228    display: flex;
5229    flex-direction: column;
5230    gap: 20px;
5231  }
5232
5233  /* Mobile: Hide hover card, show modal */
5234  @media (max-width: 767px) {
5235    .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__card {
5236      display: none !important;
5237    }
5238    
5239    .chero-template-19420722397381__c_hero_3mijqq .c-hotspot-modal {
5240      display: none;
5241    }
5242    
5243    .chero-template-19420722397381__c_hero_3mijqq .c-hotspot-modal.is-open {
5244      display: flex;
5245    }
5246  }
5247
5248  /* Desktop: Show hover card, hide modal trigger */
5249  @media (width >= 768px) {
5250    .chero-template-19420722397381__c_hero_3mijqq .c-hotspot-modal {
5251      display: none !important;
5252    }
5253    
5254    .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__card {
5255      display: block;
5256    }
5257    
5258    .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__trigger[data-action="open-hotspot"] {
5259      pointer-events: all;
5260    }
5261  }
5262
5263  @media (width >= 978px) {
5264    .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__trigger {
5265      width: 56px;
5266      height: 56px;
5267    }
5268
5269    .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__trigger svg,
5270    .chero-template-19420722397381__c_hero_3mijqq .c-hotspot__trigger img {
5271      width: 77px;
5272      height: 77px;
5273    }
5274  }
5275
5276  /* Hotspot positioning using block settings */
5277  /* Mobile first (without media query) */
5278  .chero-template-19420722397381__c_hero_3mijqq #hotspot-hotspot_d4kFCa {
5279    left: 70%;
5280    top: 85%;
5281  }
5282
5283  /* Tablet */
5284  @media (width >= 768px) {
5285    .chero-template-19420722397381__c_hero_3mijqq #hotspot-hotspot_d4kFCa {
5286      left: 80%;
5287      top: 70%;
5288    }
5289  }
5290
5291  /* Laptop */
5292  @media (width >= 978px) {
5293    .chero-template-19420722397381__c_hero_3mijqq #hotspot-hotspot_d4kFCa {
5294      left: 75%;
5295      top: 70%;
5296    }
5297  }
5298
5299  /* Desktop */
5300  @media (width >= 1200px) {
5301    .chero-template-19420722397381__c_hero_3mijqq #hotspot-hotspot_d4kFCa {
5302      left: 69%;
5303      top: 70%;
5304    }
5305  }
5306
5307  /* TV */
5308  @media (width >= 1980px) {
5309    .chero-template-19420722397381__c_hero_3mijqq #hotspot-hotspot_d4kFCa {
5310      left: 73%;
5311      top: 73%;
5312    }
5313  }
5314</style>
5315<div
5316  class="c-hotspot"
5317  id="hotspot-hotspot_d4kFCa"
5318  data-hotspot-id="hotspot-hotspot_d4kFCa"
5319  data-product-id="8529691803845"
5320  data-enable-special-pricing="false"
5321  data-membership-price="0"
5322  data-discount-amount="8000"
5323>
5324  <button
5325    class="c-hotspot__trigger"
5326    type="button"
5327    aria-label="View product details"
5328    data-action="open-hotspot"
5329    data-target="hotspot-hotspot_d4kFCa"
5330  >
5331    <span class="c-hotspot__icon-plus">
5332      
5333              <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
5333      <g filter="url(#filter0_d_417_658)">      <path d="M19 0C16.0333 0 13.1332 0.879734 10.6665 2.52796C8.19971 4.17618 6.27713 6.51885 5.14181 9.25975C4.0065 12.0006 3.70945 15.0166 4.28823 17.9264C4.86701 20.8361 6.29562 23.5088 8.3934 25.6066C10.4912 27.7044 13.1639 29.133 16.0736 29.7118C18.9834 30.2906 21.9994 29.9935 24.7403 28.8582C27.4811 27.7229 29.8238 25.8003 31.472 23.3335C33.1203 20.8668 34 17.9667 34 15C33.995 11.0233 32.4131 7.21085 29.6011 4.39888C26.7892 1.58691 22.9767 0.00496161 19 0ZM24.7692 16.1538H20.1538V20.7692C20.1538 21.0752 20.0323 21.3687 19.8159 21.5851C19.5995 21.8015 19.306 21.9231 19 21.9231C18.694 21.9231 18.4005 21.8015 18.1841 21.5851C17.9677 21.3687 17.8462 21.0752 17.8462 20.7692V16.1538H13.2308C12.9248 16.1538 12.6313 16.0323 12.4149 15.8159C12.1985 15.5995 12.0769 15.306 12.0769 15C12.0769 14.694 12.1985 14.4005 12.4149 14.1841C12.6313 13.9677 12.9248 13.8462 13.2308 13.8462H17.8462V9.23077C17.8462 8.92475 17.9677 8.63126 18.1841 8.41488C18.4005 8.19849 18.694 8.07692 19 8.07692C19.306 8.07692 19.5995 8.19849 19.8159 8.41488C20.0323 8.63126 20.1538 8.92475 20.1538 9.23077V13.8462H24.7692C25.0753 13.8462 25.3687 13.9677 25.5851 14.1841C25.8015 14.4005 25.9231 14.694 25.9231 15C25.9231 15.306 25.8015 15.5995 25.5851 15.8159C25.3687 16.0323 25.0753 16.1538 24.7692 16.1538Z" fill="white"/>      </g>      <defs>      <filter id="filter0_d_417_658" x="0" y="0" width="38" height="38" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">      <feFlood flood-opacity="0" result="BackgroundImageFix"/>      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>      <feOffset dy="4"/>      <feGaussianBlur stdDeviation="2"/>      <feComposite in2="hardAlpha" operator="out"/>      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_417_658"/>      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_417_658" result="shape"/>      </filter>      </defs>      </svg>    
5334      
5335    </span>
5336    <span class="c-hotspot__icon-close">
5337      
5338              <svg width="38" height="39" viewBox="0 0 38 39" fill="none" xmlns="http://www.w3.org/2000/svg">      <g filter="url(#filter0_d_142_1385)">      <path d="M29.6066 5.2634C27.5088 3.16562 24.8361 1.737 21.9264 1.15823C19.0166 0.579448 16.0006 0.876498 13.2598 2.01181C10.5189 3.14713 8.17618 5.06971 6.52796 7.53645C4.87974 10.0032 4.00001 12.9033 4.00001 15.87C4.00001 18.8367 4.87974 21.7368 6.52796 24.2036C8.17619 26.6703 10.5189 28.5929 13.2598 29.7282C16.0006 30.8635 19.0166 31.1606 21.9264 30.5818C24.8361 30.003 27.5088 28.5744 29.6066 26.4766C32.4151 23.6611 33.9923 19.8467 33.9923 15.87C33.9923 11.8933 32.4151 8.07888 29.6066 5.2634ZM22.2636 20.7654L19 17.5018L15.7364 20.7654C15.52 20.9817 15.2266 21.1033 14.9205 21.1033C14.6145 21.1033 14.321 20.9817 14.1047 20.7654C13.8883 20.549 13.7667 20.2555 13.7667 19.9495C13.7667 19.6434 13.8883 19.35 14.1047 19.1336L17.3682 15.87L14.1047 12.6064C13.8883 12.39 13.7667 12.0966 13.7667 11.7905C13.7667 11.4845 13.8883 11.191 14.1047 10.9746C14.321 10.7583 14.6145 10.6367 14.9205 10.6367C15.2266 10.6367 15.52 10.7583 15.7364 10.9746L19 14.2382L22.2636 10.9746C22.48 10.7583 22.7734 10.6367 23.0795 10.6367C23.3855 10.6367 23.679 10.7583 23.8954 10.9746C24.1117 11.191 24.2333 11.4845 24.2333 11.7905C24.2333 12.0966 24.1117 12.39 23.8954 12.6064L20.6318 15.87L23.8954 19.1336C24.1117 19.35 24.2333 19.6434 24.2333 19.9495C24.2333 20.2555 24.1117 20.549 23.8954 20.7654C23.679 20.9817 23.3855 21.1033 23.0795 21.1033C22.7734 21.1033 22.48 20.9817 22.2636 20.7654Z" fill="white"/>      </g>      <defs>      <filter id="filter0_d_142_1385" x="0" y="0.869995" width="37.9923" height="38" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">      <feFlood flood-opacity="0" result="BackgroundImageFix"/>      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>      <feOffset dy="4"/>
5338      <feGaussianBlur stdDeviation="2"/>      <feComposite in2="hardAlpha" operator="out"/>      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_142_1385"/>      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_142_1385" result="shape"/>      </filter>      </defs>      </svg>    
5339      
5340    </span>
5341  </button><!-- Desktop: Hover Card -->
5342    <div class="c-hotspot__card" data-hotspot-card="hotspot-hotspot_d4kFCa">
5343      <div class="c-hotspot__product-image" data-hotspot-image-container="hotspot-hotspot_d4kFCa"><img
5344            src="//apolloneuro.com/cdn/shop/files/1.webp?v=1780920740&width=304"
5345            alt="Apollo Wearable + SmartVibes AI Membership"
5346            width="304"
5347            height="304"
5348            loading="lazy"
5349            data-main-image="hotspot-hotspot_d4kFCa"
5350            class="c-hotspot__img--visible c-hotspot__img"
5351          ><img
5352                src="//apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&width=304"
5353                alt="Apollo Wearable + SmartVibes AI Membership"
5354                width="304"
5355                height="304"
5356                loading="lazy"
5357                data-variant-id="45478267584709"
5358                data-hotspot-variant-image="hotspot-hotspot_d4kFCa"
5359                class="c-hotspot__img"
5360                style="display: none;"
5361              ><img
5362                src="//apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&width=304"
5363                alt="Apollo Wearable + SmartVibes AI Membership"
5364                width="304"
5365                height="304"
5366                loading="lazy"
5367                data-variant-id="45478267683013"
5368                data-hotspot-variant-image="hotspot-hotspot_d4kFCa"
5369                class="c-hotspot__img"
5370                style="display: none;"
5371              ><img
5372                src="//apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&width=304"
5373                alt="Apollo Wearable + SmartVibes AI Membership"
5374                width="304"
5375                height="304"
5376                loading="lazy"
5377                data-variant-id="45478267650245"
5378                data-hotspot-variant-image="hotspot-hotspot_d4kFCa"
5379                class="c-hotspot__img"
5380                style="display: none;"
5381              ><img
5382                src="//apolloneuro.com/cdn/shop/files/Twilight-apollo-and-clip.png?v=1753368365&width=304"
5383                alt="#color_twilight"
5384                width="304"
5385                height="304"
5386                loading="lazy"
5387                data-variant-id="45478267617477"
5388                data-hotspot-variant-image="hotspot-hotspot_d4kFCa"
5389                class="c-hotspot__img"
5390                style="display: none;"
5391              ></div>
5392      <div class="c-hotspot__product-info">
5393        <h4 class="c-hotspot__product-title">Apollo Wearable + SmartVibes AI Membership</h4><div class="c-hotspot__color-swatches" data-hotspot-swatches="hotspot-hotspot_d4kFCa"><div 
5394                class="c-hotspot__swatch  c-hotspot__swatch--active"
5395                data-variant-id="45478267584709"
5396                data-variant-price="44800"
5397                data-variant-compare-price="44800"
5398                data-variant-price-formatted="$448 USD"
5399                data-variant-compare-price-formatted="$448 USD"
5400                data-color="Stealth"
5401                data-hotspot-id="hotspot-hotspot_d4kFCa"
5402                title="Stealth"
5403                role="button"
5404                tabindex="0"
5405                style="background-image: url(//apolloneuro.com/cdn/shop/files/stealth_200x.png?v=12826593326743223575);"
5406              ></div><div 
5407                class="c-hotspot__swatch  "
5408                data-variant-id="45478267683013"
5409                data-variant-price="44800"
5410                data-variant-compare-price="44800"
5411                data-variant-price-formatted="$448 USD"
5412                data-variant-compare-price-formatted="$448 USD"
5413                data-color="Rose"
5414                data-hotspot-id="hotspot-hotspot_d4kFCa"
5415                title="Rose"
5416                role="button"
5417                tabindex="0"
5418                style="background-image: url(//apolloneuro.com/cdn/shop/files/rose_200x.png?v=13907785679368950068);"
5419              ></div><div 
5420                class="c-hotspot__swatch  "
5421                data-variant-id="45478267650245"
5422                data-variant-price="44800"
5423                data-variant-compare-price="44800"
5424                data-variant-price-formatted="$448 USD"
5425                data-variant-compare-price-formatted="$448 USD"
5426                data-color="Glacier"
5427                data-hotspot-id="hotspot-hotspot_d4kFCa"
5428                title="Glacier"
5429                role="button"
5430                tabindex="0"
5431                style="background-image: url(//apolloneuro.com/cdn/shop/files/glacier_200x.png?v=6099976294831704632);"
5432              ></div><div 
5433                class="c-hotspot__swatch  "
5434                data-variant-id="45478267617477"
5435                data-variant-price="44800"
5436                data-variant-compare-price="44800"
5437                data-variant-price-formatted="$448 USD"
5438                data-variant-compare-price-formatted="$448 USD"
5439                data-color="Twilight"
5440                data-hotspot-id="hotspot-hotspot_d4kFCa"
5441                title="Twilight"
5442                role="button"
5443                tabindex="0"
5444                style="background-image: url(//apolloneuro.com/cdn/shop/files/twilight_200x.png?v=9664762123868053764);"
5445              ></div></div><div class="c-hotspot__product-price" data-hotspot-price="hotspot-hotspot_d4kFCa">
5446          <div class="c-hotspot__price-row">
5447            <span class="c-hotspot__price-current" data-hotspot-price-current="hotspot-hotspot_d4kFCa">$448</span><span class="c-hotspot__price-compare" data-hotspot-price-compare="hotspot-hotspot_d4kFCa">$448</span></div></div>
5448        
5449          <a href="/products/apollo-wearable-1-year-ai-membership-starter-kit" class="c-hotspot__product-cta">
5450            Add to Cart
5451            
5452          </a>
5453        
5454      </div>
5455    </div></div>
5456
5457<!-- Hotspot Modal -->
5458<div class="c-hotspot-modal" id="hotspot-hotspot_d4kFCa-modal" data-modal-id="hotspot-hotspot_d4kFCa">
5459  <div class="c-hotspot-modal__overlay" data-action="close-hotspot" data-target="hotspot-hotspot_d4kFCa"></div>
5460  <div class="c-hotspot-modal__content">
5461    <button
5462      class="c-hotspot-modal__close"
5463      type="button"
5464      aria-label="Close product details"
5465      data-action="close-hotspot"
5466      data-target="hotspot-hotspot_d4kFCa"
5467    >
5468            <svg width="38" height="39" viewBox="0 0 38 39" fill="none" xmlns="http://www.w3.org/2000/svg">      <g filter="url(#filter0_d_142_1385)">      <path d="M29.6066 5.2634C27.5088 3.16562 24.8361 1.737 21.9264 1.15823C19.0166 0.579448 16.0006 0.876498 13.2598 2.01181C10.5189 3.14713 8.17618 5.06971 6.52796 7.53645C4.87974 10.0032 4.00001 12.9033 4.00001 15.87C4.00001 18.8367 4.87974 21.7368 6.52796 24.2036C8.17619 26.6703 10.5189 28.5929 13.2598 29.7282C16.0006 30.8635 19.0166 31.1606 21.9264 30.5818C24.8361 30.003 27.5088 28.5744 29.6066 26.4766C32.4151 23.6611 33.9923 19.8467 33.9923 15.87C33.9923 11.8933 32.4151 8.07888 29.6066 5.2634ZM22.2636 20.7654L19 17.5018L15.7364 20.7654C15.52 20.9817 15.2266 21.1033 14.9205 21.1033C14.6145 21.1033 14.321 20.9817 14.1047 20.7654C13.8883 20.549 13.7667 20.2555 13.7667 19.9495C13.7667 19.6434 13.8883 19.35 14.1047 19.1336L17.3682 15.87L14.1047 12.6064C13.8883 12.39 13.7667 12.0966 13.7667 11.7905C13.7667 11.4845 13.8883 11.191 14.1047 10.9746C14.321 10.7583 14.6145 10.6367 14.9205 10.6367C15.2266 10.6367 15.52 10.7583 15.7364 10.9746L19 14.2382L22.2636 10.9746C22.48 10.7583 22.7734 10.6367 23.0795 10.6367C23.3855 10.6367 23.679 10.7583 23.8954 10.9746C24.1117 11.191 24.2333 11.4845 24.2333 11.7905C24.2333 12.0966 24.1117 12.39 23.8954 12.6064L20.6318 15.87L23.8954 19.1336C24.1117 19.35 24.2333 19.6434 24.2333 19.9495C24.2333 20.2555 24.1117 20.549 23.8954 20.7654C23.679 20.9817 23.3855 21.1033 23.0795 21.1033C22.7734 21.1033 22.48 20.9817 22.2636 20.7654Z" fill="white"/>      </g>      <defs>      <filter id="filter0_d_142_1385" x="0" y="0.869995" width="37.9923" height="38" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">      <feFlood flood-opacity="0" result="BackgroundImageFix"/>      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>      <feOffset dy="4"/>      <feGaussianBlur stdDeviation="2"/>      <feComposite in2="hardAlpha" operator="out"/>      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_142_1385"/>      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_142_1385" result="shape"/>      </filter>      </defs>      </svg>    
5469    </button><div class="c-hotspot-modal__product">
5470        <div class="c-hotspot__product-image" data-hotspot-image-container="hotspot-hotspot_d4kFCa-mobile"><img
5471              src="//apolloneuro.com/cdn/shop/files/1.webp?v=1780920740&width=400"
5472              alt="Apollo Wearable + SmartVibes AI Membership"
5473              width="400"
5474              height="400"
5475              loading="lazy"
5476              data-main-image="hotspot-hotspot_d4kFCa-mobile"
5477              class="c-hotspot__img--visible c-hotspot__img"
5478            ><img
5479                  src="//apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&width=400"
5480                  alt="Apollo Wearable + SmartVibes AI Membership"
5481                  width="400"
5482                  height="400"
5483                  loading="lazy"
5484                  data-variant-id="45478267584709"
5485                  data-hotspot-variant-image="hotspot-hotspot_d4kFCa-mobile"
5486                  class="c-hotspot__img"
5487                  style="display: none;"
5488                ><img
5489                  src="//apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&width=400"
5490                  alt="Apollo Wearable + SmartVibes AI Membership"
5491                  width="400"
5492                  height="400"
5493                  loading="lazy"
5494                  data-variant-id="45478267683013"
5495                  data-hotspot-variant-image="hotspot-hotspot_d4kFCa-mobile"
5496                  class="c-hotspot__img"
5497                  style="display: none;"
5498                ><img
5499                  src="//apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&width=400"
5500                  alt="Apollo Wearable + SmartVibes AI Membership"
5501                  width="400"
5502                  height="400"
5503                  loading="lazy"
5504                  data-variant-id="45478267650245"
5505                  data-hotspot-variant-image="hotspot-hotspot_d4kFCa-mobile"
5506                  class="c-hotspot__img"
5507                  style="display: none;"
5508                ><img
5509                  src="//apolloneuro.com/cdn/shop/files/Twilight-apollo-and-clip.png?v=1753368365&width=400"
5510                  alt="#color_twilight"
5511                  width="400"
5512                  height="400"
5513                  loading="lazy"
5514                  data-variant-id="45478267617477"
5515                  data-hotspot-variant-image="hotspot-hotspot_d4kFCa-mobile"
5516                  class="c-hotspot__img"
5517                  style="display: none;"
5518                ></div>
5519
5520        <div class="c-hotspot__product-info">
5521          <h3 class="c-hotspot__product-title">Apollo Wearable + SmartVibes AI Membership</h3><div class="c-hotspot__color-swatches" data-hotspot-swatches="hotspot-hotspot_d4kFCa-mobile"><div 
5522                  class="c-hotspot__swatch  c-hotspot__swatch--active"
5523                  data-variant-id="45478267584709"
5524                  data-variant-price="44800"
5525                  data-variant-compare-price="44800"
5526                  data-variant-price-formatted="$448 USD"
5527                  data-variant-compare-price-formatted="$448 USD"
5528                  data-color="Stealth"
5529                  data-hotspot-id="hotspot-hotspot_d4kFCa-mobile"
5530                  title="Stealth"
5531                  role="button"
5532                  tabindex="0"
5533                  style="background-image: url(//apolloneuro.com/cdn/shop/files/stealth_200x.png?v=12826593326743223575);"
5534                ></div><div 
5535                  class="c-hotspot__swatch  "
5536                  data-variant-id="45478267683013"
5537                  data-variant-price="44800"
5538                  data-variant-compare-price="44800"
5539                  data-variant-price-formatted="$448 USD"
5540                  data-variant-compare-price-formatted="$448 USD"
5541                  data-color="Rose"
5542                  data-hotspot-id="hotspot-hotspot_d4kFCa-mobile"
5543                  title="Rose"
5544                  role="button"
5545                  tabindex="0"
5546                  style="background-image: url(//apolloneuro.com/cdn/shop/files/rose_200x.png?v=13907785679368950068);"
5547                ></div><div 
5548                  class="c-hotspot__swatch  "
5549                  data-variant-id="45478267650245"
5550                  data-variant-price="44800"
5551                  data-variant-compare-price="44800"
5552                  data-variant-price-formatted="$448 USD"
5553                  data-variant-compare-price-formatted="$448 USD"
5554                  data-color="Glacier"
5555                  data-hotspot-id="hotspot-hotspot_d4kFCa-mobile"
5556                  title="Glacier"
5557                  role="button"
5558                  tabindex="0"
5559                  style="background-image: url(//apolloneuro.com/cdn/shop/files/glacier_200x.png?v=6099976294831704632);"
5560                ></div><div 
5561                  class="c-hotspot__swatch  "
5562                  data-variant-id="45478267617477"
5563                  data-variant-price="44800"
5564                  data-variant-compare-price="44800"
5565                  data-variant-price-formatted="$448 USD"
5566                  data-variant-compare-price-formatted="$448 USD"
5567                  data-color="Twilight"
5568                  data-hotspot-id="hotspot-hotspot_d4kFCa-mobile"
5569                  title="Twilight"
5570                  role="button"
5571                  tabindex="0"
5572                  style="background-image: url(//apolloneuro.com/cdn/shop/files/twilight_200x.png?v=9664762123868053764);"
5573                ></div></div><div class="c-hotspot__product-price" data-hotspot-price="hotspot-hotspot_d4kFCa-mobile">
5574            <div class="c-hotspot__price-row">
5575              <span class="c-hotspot__price-current" data-hotspot-price-current="hotspot-hotspot_d4kFCa-mobile">$448</span><span class="c-hotspot__price-compare" data-hotspot-price-compare="hotspot-hotspot_d4kFCa-mobile">$448</span></div></div>
5576
5577          <form method="post" action="/cart/add" class="c-hotspot__add-to-cart-form" data-hotspot-form="hotspot-hotspot_d4kFCa-mobile">
5578            <input type="hidden" name="id" value="45478267584709" data-hotspot-variant-input="hotspot-hotspot_d4kFCa-mobile" />
5579            <button type="submit" class="c-hotspot__product-cta">
5580              Add to Cart
5581              
5582            </button>
5583          </form>
5584        </div>
5585      </div></div>
5586</div>
5587</section>
5588
5589<script>
5590  // Wait for DOM to be fully loaded
5591  if (document.readyState === 'loading') {
5592    document.addEventListener('DOMContentLoaded', initHero);
5593  } else {
5594    initHero();
5595  }
5596
5597  function initHero() {
5598    const section = document.querySelector('.c-hero');
5599    if (!section) {
5600      console.error('❌ [C-Hero] Section not found');
5601      return;
5602    }
5603
5604    console.log('✅ [C-Hero] Section found, initializing hotspots...');
5605
5606    const hotspots = section.querySelectorAll('.c-hotspot');
5607    const closeButtons = section.querySelectorAll('[data-action="close-hotspot"]');
5608
5609    console.log('🎯 [C-Hero] Hotspots found:', hotspots.length);
5610
5611    // Function to check if we're in mobile view
5612    function isMobileView() {
5613      return window.innerWidth < 768;
5614    }
5615
5616    // Handle hotspot click based on current screen size
5617    function handleHotspotClick(hotspot, trigger, modal, e) {
5618      e.preventDefault();
5619      e.stopPropagation();
5620
5621      if (isMobileView()) {
5622        // Mobile: Open modal
5623        if (modal) {
5624          modal.classList.add('is-open');
5625          document.body.style.overflow = 'hidden';
5626        }
5627      } else {
5628        // Desktop: Toggle active class
5629        const isOpening = !hotspot.classList.contains('active');
5630
5631        // Close other hotspots
5632        hotspots.forEach(function (other) {
5633          if (other !== hotspot) {
5634            other.classList.remove('active');
5635            other.style.visibility = isOpening ? 'hidden' : 'visible';
5636          }
5637        });
5638
5639        // Toggle current hotspot
5640        hotspot.classList.toggle('active');
5641
5642        if (!isOpening) {
5643          hotspots.forEach(function (other) {
5644            other.style.visibility = 'visible';
5645          });
5646        }
5647      }
5648    }
5649
5650    // Attach click and hover handlers to all hotspots
5651    hotspots.forEach(function (hotspot) {
5652      const trigger = hotspot.querySelector('.c-hotspot__trigger');
5653      const targetId = trigger.getAttribute('data-target');
5654      const modal = document.getElementById(targetId + '-modal');
5655
5656      // Get pricing configuration from this specific hotspot
5657      const enableSpecialPricing = hotspot.getAttribute('data-enable-special-pricing') === 'true';
5658      const membershipPrice = parseInt(hotspot.getAttribute('data-membership-price')) || 9900;
5659      const discountAmount = parseInt(hotspot.getAttribute('data-discount-amount')) || 10000;
5660
5661      console.log('🔧 [C-Hero] Attaching click and hover handlers to hotspot:', targetId);
5662
5663      // Click handler
5664      trigger.addEventListener('click', function (e) {
5665        console.log('🖱️ [C-Hero] Hotspot clicked:', targetId);
5666        handleHotspotClick(hotspot, trigger, modal, e);
5667      });
5668
5669      // Hover handler (desktop only)
5670      if (!isMobileView()) {
5671        hotspot.addEventListener('mouseenter', function (e) {
5672          console.log('👆 [C-Hero] Hotspot hovered:', targetId);
5673
5674          // Close other hotspots
5675          hotspots.forEach(function (other) {
5676            if (other !== hotspot) {
5677              other.classList.remove('active');
5678              other.style.visibility = 'hidden';
5679            }
5680          });
5681
5682          // Open current hotspot
5683          hotspot.classList.add('active');
5684        });
5685
5686        hotspot.addEventListener('mouseleave', function (e) {
5687          // Don't close if hovering over the card
5688          if (!e.relatedTarget || !e.relatedTarget.closest('.c-hotspot__card')) {
5689            setTimeout(function () {
5690              hotspot.classList.remove('active');
5691              hotspots.forEach(function (other) {
5692                other.style.visibility = 'visible';
5693              });
5694            }, 100);
5695          }
5696        });
5697      }
5698    });
5699
5700    // Close hotspots when clicking outside (only affects desktop behavior)
5701    document.addEventListener('click', function (e) {
5702      if (!isMobileView() && !e.target.closest('.c-hotspot')) {
5703        hotspots.forEach(function (hotspot) {
5704          hotspot.classList.remove('active');
5705          hotspot.style.visibility = 'visible';
5706        });
5707      }
5708    });
5709
5710    // Mobile modal close functionality
5711    closeButtons.forEach(function (button) {
5712      button.addEventListener('click', function (e) {
5713        e.preventDefault();
5714        e.stopPropagation();
5715
5716        const targetId = this.getAttribute('data-target');
5717        const modal = document.getElementById(targetId + '-modal');
5718
5719        if (modal) {
5720          modal.classList.remove('is-open');
5721          document.body.style.overflow = '';
5722        }
5723      });
5724    });
5725
5726    // Close modal on escape key
5727    document.addEventListener('keydown', function (e) {
5728      if (e.key === 'Escape') {
5729        const openModals = section.querySelectorAll('.c-hotspot-modal.is-open');
5730        openModals.forEach(function (modal) {
5731          modal.classList.remove('is-open');
5732          document.body.style.overflow = '';
5733        });
5734
5735        // Also close desktop hover cards
5736        hotspots.forEach(function (hotspot) {
5737          hotspot.classList.remove('active');
5738          hotspot.style.visibility = 'visible';
5739        });
5740      }
5741    });
5742
5743    // Handle window resize - cleanup states when switching between mobile/desktop
5744    let resizeTimer;
5745    window.addEventListener('resize', function () {
5746      clearTimeout(resizeTimer);
5747      resizeTimer = setTimeout(function () {
5748        // Close all modals
5749        const openModals = section.querySelectorAll('.c-hotspot-modal.is-open');
5750        openModals.forEach(function (modal) {
5751          modal.classList.remove('is-open');
5752        });
5753
5754        // Reset desktop hover cards
5755        hotspots.forEach(function (hotspot) {
5756          hotspot.classList.remove('active');
5757          hotspot.style.visibility = 'visible';
5758        });
5759
5760        // Reset body overflow
5761        document.body.style.overflow = '';
5762      }, 250); // Debounce resize events
5763    });
5764
5765    // Handle color swatch clicks to change product images and variant
5766
5767    hotspots.forEach(function (hotspot) {
5768      // Get pricing configuration from this specific hotspot
5769      const enableSpecialPricing = hotspot.getAttribute('data-enable-special-pricing') === 'true';
5770      const membershipPrice = parseInt(hotspot.getAttribute('data-membership-price')) || 9900;
5771      const discountAmount = parseInt(hotspot.getAttribute('data-discount-amount')) || 10000;
5772
5773      // Desktop swatches (in hover card)
5774      const desktopSwatches = hotspot.querySelectorAll(
5775        '[data-hotspot-swatches]:not([data-hotspot-swatches$="-mobile"]) .c-hotspot__swatch'
5776      );
5777      const desktopImageContainer = hotspot.querySelector(
5778        '[data-hotspot-image-container]:not([data-hotspot-image-container$="-mobile"])'
5779      );
5780      const desktopVariantInput = hotspot.querySelector(
5781        '[data-hotspot-variant-input]:not([data-hotspot-variant-input$="-mobile"])'
5782      );
5783      const desktopPriceCurrent = hotspot.querySelector(
5784        '[data-hotspot-price-current]:not([data-hotspot-price-current$="-mobile"])'
5785      );
5786      const desktopPriceCompare = hotspot.querySelector(
5787        '[data-hotspot-price-compare]:not([data-hotspot-price-compare$="-mobile"])'
5788      );
5789
5790      desktopSwatches.forEach(function (swatch) {
5791        swatch.addEventListener('click', function (e) {
5792          e.preventDefault();
5793          e.stopPropagation();
5794
5795          const variantId = this.getAttribute('data-variant-id');
5796          const variantPrice = parseInt(this.getAttribute('data-variant-price'));
5797
5798          // Calculate pricing based on section settings
5799          let finalPrice, basePriceWithMembership;
5800
5801          if (enableSpecialPricing) {
5802            // Special pricing: Base + Membership - Discount
5803            basePriceWithMembership = variantPrice + membershipPrice;
5804            finalPrice = basePriceWithMembership - discountAmount;
5805          } else {
5806            // Regular pricing: Use variant price as is
5807            finalPrice = variantPrice;
5808            const variantComparePrice = parseInt(this.getAttribute('data-variant-compare-price'));
5809            basePriceWithMembership = variantComparePrice || variantPrice;
5810          }
5811
5812          // Format prices
5813          const finalPriceFormatted = '$' + (finalPrice / 100).toFixed(0);
5814          const comparePriceFormatted = '$' + (basePriceWithMembership / 100).toFixed(0) + ' USD';
5815
5816          // Remove active class from all swatches in this container
5817          desktopSwatches.forEach(function (s) {
5818            s.classList.remove('c-hotspot__swatch--active');
5819          });
5820
5821          // Add active class to clicked swatch
5822          this.classList.add('c-hotspot__swatch--active');
5823
5824          // Change image
5825          if (desktopImageContainer) {
5826            const currentVisible = desktopImageContainer.querySelector('.c-hotspot__img--visible');
5827            const newImage = desktopImageContainer.querySelector(
5828              '[data-variant-id="' + variantId + '"]'
5829            );
5830
5831            if (currentVisible && newImage && currentVisible !== newImage) {
5832              currentVisible.classList.remove('c-hotspot__img--visible');
5833              currentVisible.style.display = 'none';
5834              newImage.style.display = 'block';
5835              // Force reflow
5836              void newImage.offsetWidth;
5837              newImage.classList.add('c-hotspot__img--visible');
5838            }
5839          }
5840
5841          // Update form variant input
5842          if (desktopVariantInput && variantId) {
5843            desktopVariantInput.value = variantId;
5844          }
5845
5846          // Update prices - show compare price if special pricing or compare price exists
5847          if (desktopPriceCurrent) {
5848            desktopPriceCurrent.textContent = finalPriceFormatted;
5849          }
5850
5851          if (desktopPriceCompare) {
5852            if (enableSpecialPricing || basePriceWithMembership > finalPrice) {
5853              desktopPriceCompare.textContent = comparePriceFormatted;
5854              desktopPriceCompare.style.display = 'inline';
5855            } else {
5856              desktopPriceCompare.style.display = 'none';
5857            }
5858          }
5859        });
5860      });
5861
5862      // Mobile swatches (in modal) - need to query the modal directly since it's outside the hotspot
5863      const trigger = hotspot.querySelector('.c-hotspot__trigger');
5864      const targetId = trigger ? trigger.getAttribute('data-target') : null;
5865      const modal = targetId ? document.getElementById(targetId + '-modal') : null;
5866
5867      if (modal) {
5868        const modalSwatches = modal.querySelectorAll('.c-hotspot__swatch');
5869        const modalImageContainer = modal.querySelector(
5870          '[data-hotspot-image-container$="-mobile"]'
5871        );
5872        const modalVariantInput = modal.querySelector('[data-hotspot-variant-input$="-mobile"]');
5873        const modalPriceCurrent = modal.querySelector('[data-hotspot-price-current$="-mobile"]');
5874        const modalPriceCompare = modal.querySelector('[data-hotspot-price-compare$="-mobile"]');
5875
5876        modalSwatches.forEach(function (swatch) {
5877          swatch.addEventListener('click', function (e) {
5878            e.preventDefault();
5879            e.stopPropagation();
5880
5881            const variantId = this.getAttribute('data-variant-id');
5882            const variantPrice = parseInt(this.getAttribute('data-variant-price'));
5883
5884            // Calculate pricing based on section settings
5885            let finalPrice, basePriceWithMembership;
5886
5887            if (enableSpecialPricing) {
5888              // Special pricing: Base + Membership - Discount
5889              basePriceWithMembership = variantPrice + membershipPrice;
5890              finalPrice = basePriceWithMembership - discountAmount;
5891            } else {
5892              // Regular pricing: Use variant price as is
5893              finalPrice = variantPrice;
5894              const variantComparePrice = parseInt(this.getAttribute('data-variant-compare-price'));
5895              basePriceWithMembership = variantComparePrice || variantPrice;
5896            }
5897
5898            // Format prices
5899            const finalPriceFormatted = '$' + (finalPrice / 100).toFixed(0);
5900            const comparePriceFormatted = '$' + (basePriceWithMembership / 100).toFixed(0) + ' USD';
5901
5902            // Remove active class from all swatches in this container
5903            modalSwatches.forEach(function (s) {
5904              s.classList.remove('c-hotspot__swatch--active');
5905            });
5906
5907            // Add active class to clicked swatch
5908            this.classList.add('c-hotspot__swatch--active');
5909
5910            // Change image
5911            if (modalImageContainer) {
5912              const currentVisible = modalImageContainer.querySelector('.c-hotspot__img--visible');
5913              const newImage = modalImageContainer.querySelector(
5914                '[data-variant-id="' + variantId + '"]'
5915              );
5916
5917              if (currentVisible && newImage && currentVisible !== newImage) {
5918                currentVisible.classList.remove('c-hotspot__img--visible');
5919                currentVisible.style.display = 'none';
5920                newImage.style.display = 'block';
5921                // Force reflow
5922                void newImage.offsetWidth;
5923                newImage.classList.add('c-hotspot__img--visible');
5924              }
5925            }
5926
5927            // Update form variant input
5928            if (modalVariantInput && variantId) {
5929              modalVariantInput.value = variantId;
5930            }
5931
5932            // Update prices - show compare price if special pricing or compare price exists
5933            if (modalPriceCurrent) {
5934              modalPriceCurrent.textContent = finalPriceFormatted;
5935            }
5936
5937            if (modalPriceCompare) {
5938              if (enableSpecialPricing || basePriceWithMembership > finalPrice) {
5939                modalPriceCompare.textContent = comparePriceFormatted;
5940                modalPriceCompare.style.display = 'inline';
5941              } else {
5942                modalPriceCompare.style.display = 'none';
5943              }
5944            }
5945          });
5946        });
5947      }
5948    });
5949
5950    // 🎨 Limit Stamped Gallery to 3 visible items + "+X" bubble
5951    (function () {
5952      const observer = new MutationObserver(() => {
5953        const gallery = document.querySelector('.stamped-visual-gallery-feed');
5954        if (!gallery) return;
5955
5956        const blocks = gallery.querySelectorAll('.stamped-visual-gallery-media-block');
5957        const loadMore = gallery.querySelector('.stamped-visual-gallery-nav');
5958        if (loadMore) loadMore.style.display = 'none'; // hide "Load more" button
5959
5960        if (blocks.length) {
5961          // Show first 3, hide rest (keep DOM for modal logic)
5962          blocks.forEach((block, i) => {
5963            block.style.display = i < 4 ? 'block' : 'none';
5964          });
5965
5966          const extraCount = blocks.length - 4;
5967
5968          // Add "+X" bubble only once
5969          if (extraCount > 0 && !gallery.querySelector('.c-hero__extra-bubble')) {
5970            const bubble = document.createElement('div');
5971            bubble.className = 'c-hero__extra-bubble';
5972            bubble.textContent = `150K+`;
5973            gallery.appendChild(bubble);
5974          }
5975
5976          observer.disconnect();
5977        }
5978      });
5979
5980      observer.observe(document.body, { childList: true, subtree: true });
5981    })();
5982  } // End of initHero function
5983</script>
5983
5984<style> #shopify-section-template--19420722397381__c_hero_3mijqQ h1 {font-size: 26px; font-style: normal; font-weight: 400; line-height: 120%; /* 38.4px */ text-transform: capitalize; color: #fff; margin: 0px;} #shopify-section-template--19420722397381__c_hero_3mijqQ .c-hero__description p, #shopify-section-template--19420722397381__c_hero_3mijqQ .c-hero__reviews > p {color: #fff;} #shopify-section-template--19420722397381__c_hero_3mijqQ .c-cta--secondary .c-cta__text {color: #fff;} #shopify-section-template--19420722397381__c_hero_3mijqQ .c-hero__ctas {justify-content: flex-start;} @media (width >= 978px) {#shopify-section-template--19420722397381__c_hero_3mijqQ h1 {font-size: var(--Text-Sizes-Heading-1, 56px); font-style: normal; font-weight: 400; line-height: 120%; color: #fff; }} </style></section><section id="shopify-section-template--19420722397381__c_hero_clickable_j9jQGh" class="shopify-section c-hero-clickable">
5985<style data-shopify>
5986  /* ==========================================================================
5987     C Hero Clickable
5988     ========================================================================== */
5989
5990  .chc-template-19420722397381__c_hero_clickable_j9jqgh.c-hero-clickable {
5991    background-color: #ffffff;
5992  }
5993
5994  /* Remove inner side padding when the hero should bleed edge-to-edge */
5995  
5996    .chc-template-19420722397381__c_hero_clickable_j9jqgh.c-hero-clickable > .c-section__inner {
5997      padding-left: 0;
5998      padding-right: 0;
5999    }
6000  
6001
6002  .chc-template-19420722397381__c_hero_clickable_j9jqgh .c-hero-clickable__frame {
6003    position: relative;
6004    width: 100%;
6005    line-height: 0; /* kill inline-image whitespace */
6006    border-radius: 0px;
6007    overflow: hidden;
6008  }
6009
6010  /* Image drives the height -> aspect-ratio adapts to the image itself */
6011  .chc-template-19420722397381__c_hero_clickable_j9jqgh .c-hero-clickable__media img {
6012    display: block;
6013    width: 100%;
6014    height: auto;
6015  }
6016
6017  /* Device toggle */
6018  .chc-template-19420722397381__c_hero_clickable_j9jqgh .c-hero-clickable__media--mobile {
6019    display: none;
6020  }
6021
6022  
6023    @media (max-width: 749px) {
6024      .chc-template-19420722397381__c_hero_clickable_j9jqgh .c-hero-clickable__media--desktop {
6025        display: none;
6026      }
6027      .chc-template-19420722397381__c_hero_clickable_j9jqgh .c-hero-clickable__media--mobile {
6028        display: block;
6029      }
6030    }
6031  
6032
6033  /* Click zones overlaid on the image */
6034  .chc-template-19420722397381__c_hero_clickable_j9jqgh .c-hero-clickable__zone {
6035    position: absolute;
6036    top: 0;
6037    bottom: 0;
6038    z-index: 2;
6039    display: block;
6040    cursor: pointer;
6041    -webkit-tap-highlight-color: transparent;
6042  }
6043
6044  .chc-template-19420722397381__c_hero_clickable_j9jqgh .c-hero-clickable__zone--left {
6045    left: 0;
6046    width: 15%;
6047  }
6048
6049  .chc-template-19420722397381__c_hero_clickable_j9jqgh .c-hero-clickable__zone--right {
6050    right: 0;
6051    width: 50%;
6052  }
6053
6054  /* Optional hover hint so users notice the area is clickable */
6055  
6056
6057  /* Keyboard focus outline (a11y) */
6058  .chc-template-19420722397381__c_hero_clickable_j9jqgh .c-hero-clickable__zone:focus-visible {
6059    outline: 3px solid #005fcc;
6060    outline-offset: -3px;
6061  }
6062</style>
6063
6064<section
6065  id="heroabtest"
6066  class="chc-template-19420722397381__c_hero_clickable_j9jqgh c-section c-section--full-width c-hero-clickable--full-width c-hero-clickable"
6067  data-sl-id="c-hero-clickable"
6068>
6069  <div class="c-section__inner">
6070    <div class="c-hero-clickable__frame"><div class="c-hero-clickable__media c-hero-clickable__media--desktop">
6071          <img src="//apolloneuro.com/cdn/shop/files/HeroMast_05_Mock_1.png?v=1787068772&amp;width=3840" alt="" srcset="//apolloneuro.com/cdn/shop/files/HeroMast_05_Mock_1.png?v=1787068772&amp;width=375 375w, //apolloneuro.com/cdn/shop/files/HeroMast_05_Mock_1.png?v=1787068772&amp;width=550 550w, //apolloneuro.com/cdn/shop/files/HeroMast_05_Mock_1.png?v=1787068772&amp;width=750 750w, //apolloneuro.com/cdn/shop/files/HeroMast_05_Mock_1.png?v=1787068772&amp;width=1100 1100w, //apolloneuro.com/cdn/shop/files/HeroMast_05_Mock_1.png?v=1787068772&amp;width=1500 1500w, //apolloneuro.com/cdn/shop/files/HeroMast_05_Mock_1.png?v=1787068772&amp;width=2000 2000w, //apolloneuro.com/cdn/shop/files/HeroMast_05_Mock_1.png?v=1787068772&amp;width=2500 2500w, //apolloneuro.com/cdn/shop/files/HeroMast_05_Mock_1.png?v=1787068772&amp;width=3000 3000w, //apolloneuro.com/cdn/shop/files/HeroMast_05_Mock_1.png?v=1787068772&amp;width=3840 3840w" width="3840" height="1741" loading="eager" fetchpriority="high" sizes="100vw">
6072        </div><div class="c-hero-clickable__media c-hero-clickable__media--mobile">
6073          <img src="//apolloneuro.com/cdn/shop/files/Hero_Mobile05.png?v=1786466924&amp;width=1500" alt="" srcset="//apolloneuro.com/cdn/shop/files/Hero_Mobile05.png?v=1786466924&amp;width=375 375w, //apolloneuro.com/cdn/shop/files/Hero_Mobile05.png?v=1786466924&amp;width=550 550w, //apolloneuro.com/cdn/shop/files/Hero_Mobile05.png?v=1786466924&amp;width=750 750w, //apolloneuro.com/cdn/shop/files/Hero_Mobile05.png?v=1786466924&amp;width=1100 1100w, //apolloneuro.com/cdn/shop/files/Hero_Mobile05.png?v=1786466924&amp;width=1500 1500w" width="1500" height="1500" loading="eager" fetchpriority="high" sizes="100vw">
6074        </div><a
6075          class="c-hero-clickable__zone c-hero-clickable__zone--left"
6076          href="/products/apollo-wearable-1-year-ai-membership-starter-kit"
6077          aria-label="Left link"
6078          
6079        ></a></div>
6080  </div>
6081</section>
6082
6083
6084<style> #shopify-section-template--19420722397381__c_hero_clickable_j9jQGh #heroabtest {display: none;} </style></section><div id="shopify-section-template--19420722397381__c_logos_RmtUQH" class="shopify-section"><style>
6085      #template--19420722397381__c_logos_RmtUQH {width: 100%;
6086        overflow: hidden;
6087        font-size: 16px;
6088        padding-top: 0em;
6089        padding-bottom: 0em;
6090        background-color: #ffffff;
6091
6092        & .c-logos__container {
6093          display: flex;
6094          flex-direction: column;
6095          width: 100%;
6096          margin: 0 auto;
6097          padding: 0 0 0 32px;
6098          gap: 2rem;
6099        }
6100
6101        @media (max-width: 768px) {
6102          padding-top: 0.0em;
6103          padding-bottom: 0.0em;
6104        }
6105
6106        & * {
6107          color: #000000;
6108          font-weight: normal;
6109        }
6110
6111        & .container__marquee {
6112          display: flex;
6113        }
6114
6115        & .container__marquee__left {
6116          display: flex;
6117        }
6118
6119        & .container__middle {
6120          width: max-content;
6121          flex: 0 0 auto;
6122        }
6123
6124      }
6125
6126      #template--19420722397381__c_logos_RmtUQH .c-section-top {
6127        align-items: center;
6128        text-align: center;
6129        margin-bottom: 1.5em;
6130        margin-left: 0;
6131        margin-right: 0;
6132      }
6133
6134      #template--19420722397381__c_logos_RmtUQH .c-l-stars-div {
6135        display: flex;
6136        justify-content: center;
6137        align-items: center;
6138        gap: 0.2em;
6139      }
6140
6141      #template--19420722397381__c_logos_RmtUQH .c-l-wrapper {
6142        display: flex;
6143        overflow: hidden;
6144        position: relative;
6145        user-select: none;
6146        --gap: 1.7em;
6147        gap: var(--gap);
6148        padding-top: 1em;
6149        padding-bottom: 1em;
6150      }
6151
6152      #template--19420722397381__c_logos_RmtUQH .c-l-marquee-content {
6153        flex-shrink: 0;
6154        display: flex;
6155        justify-content: space-around;
6156        min-width: 100%;
6157        gap: var(--gap);
6158        animation: template--19420722397381__c_logos_RmtUQH-scroll 60s linear infinite;
6159        will-change: transform;
6160      }
6161
6162      #template--19420722397381__c_logos_RmtUQH .c-l-image-div {
6163        display: flex;
6164        justify-content: center;
6165        align-items: center;
6166        font-weight: 600;
6167        gap: 0.5em;
6168        filter:  ;
6169      }
6170
6171      #template--19420722397381__c_logos_RmtUQH .c-l-image {
6172        max-width: 100%;
6173        object-fit: contain;
6174        display: block;
6175      }
6176
6177      #template--19420722397381__c_logos_RmtUQH .c-l-middle {
6178        display: flex;
6179        justify-content: center;
6180        flex-direction: column;
6181        gap: 0.75em;
6182        width: 10em;
6183        height: 100%;
6184        transform: translateX(-50%);
6185        background-color: #ffffff;
6186      }
6187
6188      #template--19420722397381__c_logos_RmtUQH .c-l-middle svg {
6189        width: 15px;
6190        color: #000000;
6191      }
6192
6193      #template--19420722397381__c_logos_RmtUQH .c-l-middle p {
6194        color: #000000;
6195        font-size: clamp(18px, 4vw, 20px);
6196        font-weight: 500;
6197        font-family: var(--body-family) !important;
6198        margin: 0;
6199      }
6200
6201      #template--19420722397381__c_logos_RmtUQH .container-text {
6202        display: flex;
6203        flex-direction: column;
6204      }
6205
6206      #template--19420722397381__c_logos_RmtUQH .container-text p {
6207        font-family: var(--body-family) !important;
6208        font-size: 20px;
6209        margin: 8px 0;
6210      }
6211
6212      #template--19420722397381__c_logos_RmtUQH .block-heading {
6213        margin: 0;
6214        font-size: 24px;
6215      }
6216
6217      #template--19420722397381__c_logos_RmtUQH .block-para {
6218        margin: 0;
6219        font-size: 16px;
6220      }
6221
6222      @keyframes template--19420722397381__c_logos_RmtUQH-scroll {
6223        from { transform: translateX(0); }
6224        to { transform: translateX(-100%); }
6225      }
6226
6227      
6228
6229
6230    #template--19420722397381__c_logos_RmtUQH .container__marquee{
6231      display:flex;
6232      align-items:center;
6233      gap: var(--gap);
6234    }
6235
6236    #template--19420722397381__c_logos_RmtUQH .c-l-middle{
6237
6238      transform: none;
6239      width: 100%;
6240      flex: 0 0 auto;
6241    }
6242
6243    #template--19420722397381__c_logos_RmtUQH .container__marquee__left{
6244      display:flex;
6245      flex: 1 1 auto;
6246      min-width: 0;
6247      overflow: hidden;
6248      gap: var(--gap);
6249    }
6250
6251    #template--19420722397381__c_logos_RmtUQH .c-l-marquee-content{
6252      flex-shrink: 0;
6253      display:flex;
6254      min-width:100%;
6255      gap: var(--gap);
6256      will-change: transform;
6257    }
6258
6259
6260  #template--19420722397381__c_logos_RmtUQH .container__marquee__left{
6261    position: relative;
6262    overflow: hidden;
6263  }
6264
6265
6266  #template--19420722397381__c_logos_RmtUQH .container__marquee__left::before,
6267  #template--19420722397381__c_logos_RmtUQH .container__marquee__left::after{
6268    content: "";
6269    position: absolute;
6270    top: 0;
6271    bottom: 0;
6272    width: clamp(24px, 6vw, 60px);
6273    pointer-events: none;
6274    z-index: 2;
6275  }
6276
6277
6278  #template--19420722397381__c_logos_RmtUQH .container__marquee__left::before{
6279    left: 0;
6280    background: linear-gradient(
6281      to right,
6282      #ffffff 0%,
6283      transparent 100%
6284    );
6285  }
6286
6287
6288  #template--19420722397381__c_logos_RmtUQH .container__marquee__left::after{
6289    right: 0;
6290    background: linear-gradient(
6291      to left,
6292      #ffffff 0%,
6293      transparent 100%
6294    );
6295  }
6296
6297
6298
6299
6300      @media (max-width: 1200px) {
6301      #template--19420722397381__c_logos_RmtUQH {
6302        & .container__marquee {
6303          gap: 1em;
6304        }
6305        & .c-l-marquee-content {
6306          gap: 5rem;}
6307
6308        & .container__middle {
6309          flex: 0 0 auto;
6310          width: max-content;
6311          * {
6312            width: max-content;
6313          }
6314        }
6315        & .container__middle {
6316          gap: 0 !important;
6317        }
6318        & .c-l-wrapper {
6319         gap: 0 !important;
6320        }
6321      }
6322
6323        #template--19420722397381__c_logos_RmtUQH .c-l-middle {
6324          gap: 0.4em;
6325        }
6326      }
6327
6328  @media (max-width: 768px){
6329    #template--19420722397381__c_logos_RmtUQH .container__marquee__left::before,
6330    #template--19420722397381__c_logos_RmtUQH .container__marquee__left::after{
6331      width: clamp(16px, 8vw, 40px);
6332    }
6333    #template--19420722397381__c_logos_RmtUQH .container-text p {
6334      font-size: 13px;
6335    }
6336
6337  }
6338
6339  @media (max-width: 1024px){
6340     #template--19420722397381__c_logos_RmtUQH .container__marquee__left {
6341      gap: 5rem;
6342    }
6343  }
6344
6345  @media (min-width: 768px){
6346    #template--19420722397381__c_logos_RmtUQH .c-l-wrapper {
6347        --gap: 3.2em;
6348    }
6349  }
6350</style>
6351
6352<section
6353  id="template--19420722397381__c_logos_RmtUQH"
6354  class="c-section"
6355>
6356  <div class="c-section__inner">
6357  <div class="c-logos__container">
6358    
6359    <div class="c-l-wrapper">
6360      <div class="container__marquee">
6361        
6362          <div class="container__middle">
6363            <div class="c-l-middle">
6364              <p class="">Awarded By</p>
6365            </div>
6366          </div>
6367        
6368        <div class="container__marquee__left">
6369          
6370            <div
6371              class="c-l-marquee-content"
6372              
6373            >
6374              
6375                
6376                <div
6377                  class="c-l-image-div"
6378                  
6379                >
6380                  
6381<img src="//apolloneuro.com/cdn/shop/files/SM_RCAwards2026_Apolloneuro.png?v=1776785499&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/SM_RCAwards2026_Apolloneuro.png?v=1776785499&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/SM_RCAwards2026_Apolloneuro.png?v=1776785499&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/SM_RCAwards2026_Apolloneuro.png?v=1776785499&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/SM_RCAwards2026_Apolloneuro.png?v=1776785499&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/SM_RCAwards2026_Apolloneuro.png?v=1776785499&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/SM_RCAwards2026_Apolloneuro.png?v=1776785499&amp;width=400 400w" width="400" height="405" loading="lazy" class="c-l-image" style="width: 125px; height: 125px;" sizes="125px">
6382                  
6383                  
6384                    <div class="container-text">
6385                      <h5 class="block-heading"></h5>
6386                      <p></p>
6387                    </div>
6388                  
6389                </div>
6390              
6391                
6392                <div
6393                  class="c-l-image-div"
6394                  
6395                >
6396                  
6397<img src="//apolloneuro.com/cdn/shop/files/a64237d5c8411cacef7e42cca3bc34eff155f300.png?v=1762955239&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/a64237d5c8411cacef7e42cca3bc34eff155f300.png?v=1762955239&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/a64237d5c8411cacef7e42cca3bc34eff155f300.png?v=1762955239&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/a64237d5c8411cacef7e42cca3bc34eff155f300.png?v=1762955239&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/a64237d5c8411cacef7e42cca3bc34eff155f300.png?v=1762955239&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/a64237d5c8411cacef7e42cca3bc34eff155f300.png?v=1762955239&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/a64237d5c8411cacef7e42cca3bc34eff155f300.png?v=1762955239&amp;width=400 400w" width="400" height="400" loading="lazy" class="c-l-image" style="width: 125px; height: 125px;" sizes="125px">
6398                  
6399                  
6400                    <div class="container-text">
6401                      <h5 class="block-heading"></h5>
6402                      <p></p>
6403                    </div>
6404                  
6405                </div>
6406              
6407                
6408                <div
6409                  class="c-l-image-div"
6410                  
6411                >
6412                  
6413<img src="//apolloneuro.com/cdn/shop/files/4050c85f2da30ffa81f02a61267bcb7178f2ce80.png?v=1762955275&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/4050c85f2da30ffa81f02a61267bcb7178f2ce80.png?v=1762955275&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/4050c85f2da30ffa81f02a61267bcb7178f2ce80.png?v=1762955275&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/4050c85f2da30ffa81f02a61267bcb7178f2ce80.png?v=1762955275&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/4050c85f2da30ffa81f02a61267bcb7178f2ce80.png?v=1762955275&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/4050c85f2da30ffa81f02a61267bcb7178f2ce80.png?v=1762955275&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/4050c85f2da30ffa81f02a61267bcb7178f2ce80.png?v=1762955275&amp;width=400 400w" width="400" height="400" loading="lazy" class="c-l-image" style="width: 125px; height: 125px;" sizes="125px">
6414                  
6415                  
6416                    <div class="container-text">
6417                      <h5 class="block-heading"></h5>
6418                      <p></p>
6419                    </div>
6420                  
6421                </div>
6422              
6423                
6424                <div
6425                  class="c-l-image-div"
6426                  
6427                >
6428                  
6429<img src="//apolloneuro.com/cdn/shop/files/45456e6f3262260866356f7dbf2aec303501d7b4.png?v=1762955315&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/45456e6f3262260866356f7dbf2aec303501d7b4.png?v=1762955315&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/45456e6f3262260866356f7dbf2aec303501d7b4.png?v=1762955315&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/45456e6f3262260866356f7dbf2aec303501d7b4.png?v=1762955315&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/45456e6f3262260866356f7dbf2aec303501d7b4.png?v=1762955315&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/45456e6f3262260866356f7dbf2aec303501d7b4.png?v=1762955315&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/45456e6f3262260866356f7dbf2aec303501d7b4.png?v=1762955315&amp;width=400 400w" width="400" height="400" loading="lazy" class="c-l-image" style="width: 125px; height: 125px;" sizes="125px">
6430                  
6431                  
6432                    <div class="container-text">
6433                      <h5 class="block-heading"></h5>
6434                      <p></p>
6435                    </div>
6436                  
6437                </div>
6438              
6439                
6440                <div
6441                  class="c-l-image-div"
6442                  
6443                >
6444                  
6445<img src="//apolloneuro.com/cdn/shop/files/98ce9e05fe4f7d1afd16a85dbfd10ef4a4b79385.png?v=1761268306&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/98ce9e05fe4f7d1afd16a85dbfd10ef4a4b79385.png?v=1761268306&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/98ce9e05fe4f7d1afd16a85dbfd10ef4a4b79385.png?v=1761268306&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/98ce9e05fe4f7d1afd16a85dbfd10ef4a4b79385.png?v=1761268306&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/98ce9e05fe4f7d1afd16a85dbfd10ef4a4b79385.png?v=1761268306&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/98ce9e05fe4f7d1afd16a85dbfd10ef4a4b79385.png?v=1761268306&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/98ce9e05fe4f7d1afd16a85dbfd10ef4a4b79385.png?v=1761268306&amp;width=400 400w" width="400" height="410" loading="lazy" class="c-l-image" style="width: 125px; height: 125px;" sizes="125px">
6446                  
6447                  
6448                    <div class="container-text">
6449                      <h5 class="block-heading"></h5>
6450                      <p></p>
6451                    </div>
6452                  
6453                </div>
6454              
6455                
6456                <div
6457                  class="c-l-image-div"
6458                  
6459                >
6460                  
6461<img src="//apolloneuro.com/cdn/shop/files/e9a56fbc321ff1f27ee7892848b9b794a8b96ba8.png?v=1761268306&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/e9a56fbc321ff1f27ee7892848b9b794a8b96ba8.png?v=1761268306&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/e9a56fbc321ff1f27ee7892848b9b794a8b96ba8.png?v=1761268306&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/e9a56fbc321ff1f27ee7892848b9b794a8b96ba8.png?v=1761268306&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/e9a56fbc321ff1f27ee7892848b9b794a8b96ba8.png?v=1761268306&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/e9a56fbc321ff1f27ee7892848b9b794a8b96ba8.png?v=1761268306&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/e9a56fbc321ff1f27ee7892848b9b794a8b96ba8.png?v=1761268306&amp;width=400 400w" width="400" height="406" loading="lazy" class="c-l-image" style="width: 125px; height: 125px;" sizes="125px">
6462                  
6463                  
6464                    <div class="container-text">
6465                      <h5 class="block-heading"></h5>
6466                      <p></p>
6467                    </div>
6468                  
6469                </div>
6470              
6471                
6472                <div
6473                  class="c-l-image-div"
6474                  
6475                >
6476                  
6477<img src="//apolloneuro.com/cdn/shop/files/Good_Morning_America_2021_logo_1.png?v=1748983636&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Good_Morning_America_2021_logo_1.png?v=1748983636&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/Good_Morning_America_2021_logo_1.png?v=1748983636&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/Good_Morning_America_2021_logo_1.png?v=1748983636&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/Good_Morning_America_2021_logo_1.png?v=1748983636&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/Good_Morning_America_2021_logo_1.png?v=1748983636&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/Good_Morning_America_2021_logo_1.png?v=1748983636&amp;width=400 400w" width="400" height="388" loading="lazy" class="c-l-image" style="width: 125px; height: 125px;" sizes="125px">
6478                  
6479                  
6480                    <div class="container-text">
6481                      <h5 class="block-heading"></h5>
6482                      <p></p>
6483                    </div>
6484                  
6485                </div>
6486              
6487            </div>
6488          
6489            <div
6490              class="c-l-marquee-content"
6491              
6492                aria-hidden="true"
6493              
6494            >
6495              
6496                
6497                <div
6498                  class="c-l-image-div"
6499                  
6500                >
6501                  
6502<img src="//apolloneuro.com/cdn/shop/files/SM_RCAwards2026_Apolloneuro.png?v=1776785499&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/SM_RCAwards2026_Apolloneuro.png?v=1776785499&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/SM_RCAwards2026_Apolloneuro.png?v=1776785499&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/SM_RCAwards2026_Apolloneuro.png?v=1776785499&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/SM_RCAwards2026_Apolloneuro.png?v=1776785499&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/SM_RCAwards2026_Apolloneuro.png?v=1776785499&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/SM_RCAwards2026_Apolloneuro.png?v=1776785499&amp;width=400 400w" width="400" height="405" loading="lazy" class="c-l-image" style="width: 125px; height: 125px;" sizes="125px">
6503                  
6504                  
6505                    <div class="container-text">
6506                      <h5 class="block-heading"></h5>
6507                      <p></p>
6508                    </div>
6509                  
6510                </div>
6511              
6512                
6513                <div
6514                  class="c-l-image-div"
6515                  
6516                >
6517                  
6518<img src="//apolloneuro.com/cdn/shop/files/a64237d5c8411cacef7e42cca3bc34eff155f300.png?v=1762955239&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/a64237d5c8411cacef7e42cca3bc34eff155f300.png?v=1762955239&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/a64237d5c8411cacef7e42cca3bc34eff155f300.png?v=1762955239&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/a64237d5c8411cacef7e42cca3bc34eff155f300.png?v=1762955239&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/a64237d5c8411cacef7e42cca3bc34eff155f300.png?v=1762955239&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/a64237d5c8411cacef7e42cca3bc34eff155f300.png?v=1762955239&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/a64237d5c8411cacef7e42cca3bc34eff155f300.png?v=1762955239&amp;width=400 400w" width="400" height="400" loading="lazy" class="c-l-image" style="width: 125px; height: 125px;" sizes="125px">
6519                  
6520                  
6521                    <div class="container-text">
6522                      <h5 class="block-heading"></h5>
6523                      <p></p>
6524                    </div>
6525                  
6526                </div>
6527              
6528                
6529                <div
6530                  class="c-l-image-div"
6531                  
6532                >
6533                  
6534<img src="//apolloneuro.com/cdn/shop/files/4050c85f2da30ffa81f02a61267bcb7178f2ce80.png?v=1762955275&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/4050c85f2da30ffa81f02a61267bcb7178f2ce80.png?v=1762955275&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/4050c85f2da30ffa81f02a61267bcb7178f2ce80.png?v=1762955275&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/4050c85f2da30ffa81f02a61267bcb7178f2ce80.png?v=1762955275&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/4050c85f2da30ffa81f02a61267bcb7178f2ce80.png?v=1762955275&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/4050c85f2da30ffa81f02a61267bcb7178f2ce80.png?v=1762955275&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/4050c85f2da30ffa81f02a61267bcb7178f2ce80.png?v=1762955275&amp;width=400 400w" width="400" height="400" loading="lazy" class="c-l-image" style="width: 125px; height: 125px;" sizes="125px">
6535                  
6536                  
6537                    <div class="container-text">
6538                      <h5 class="block-heading"></h5>
6539                      <p></p>
6540                    </div>
6541                  
6542                </div>
6543              
6544                
6545                <div
6546                  class="c-l-image-div"
6547                  
6548                >
6549                  
6550<img src="//apolloneuro.com/cdn/shop/files/45456e6f3262260866356f7dbf2aec303501d7b4.png?v=1762955315&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/45456e6f3262260866356f7dbf2aec303501d7b4.png?v=1762955315&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/45456e6f3262260866356f7dbf2aec303501d7b4.png?v=1762955315&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/45456e6f3262260866356f7dbf2aec303501d7b4.png?v=1762955315&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/45456e6f3262260866356f7dbf2aec303501d7b4.png?v=1762955315&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/45456e6f3262260866356f7dbf2aec303501d7b4.png?v=1762955315&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/45456e6f3262260866356f7dbf2aec303501d7b4.png?v=1762955315&amp;width=400 400w" width="400" height="400" loading="lazy" class="c-l-image" style="width: 125px; height: 125px;" sizes="125px">
6551                  
6552                  
6553                    <div class="container-text">
6554                      <h5 class="block-heading"></h5>
6555                      <p></p>
6556                    </div>
6557                  
6558         
6558       </div>
6559              
6560                
6561                <div
6562                  class="c-l-image-div"
6563                  
6564                >
6565                  
6566<img src="//apolloneuro.com/cdn/shop/files/98ce9e05fe4f7d1afd16a85dbfd10ef4a4b79385.png?v=1761268306&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/98ce9e05fe4f7d1afd16a85dbfd10ef4a4b79385.png?v=1761268306&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/98ce9e05fe4f7d1afd16a85dbfd10ef4a4b79385.png?v=1761268306&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/98ce9e05fe4f7d1afd16a85dbfd10ef4a4b79385.png?v=1761268306&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/98ce9e05fe4f7d1afd16a85dbfd10ef4a4b79385.png?v=1761268306&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/98ce9e05fe4f7d1afd16a85dbfd10ef4a4b79385.png?v=1761268306&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/98ce9e05fe4f7d1afd16a85dbfd10ef4a4b79385.png?v=1761268306&amp;width=400 400w" width="400" height="410" loading="lazy" class="c-l-image" style="width: 125px; height: 125px;" sizes="125px">
6567                  
6568                  
6569                    <div class="container-text">
6570                      <h5 class="block-heading"></h5>
6571                      <p></p>
6572                    </div>
6573                  
6574                </div>
6575              
6576                
6577                <div
6578                  class="c-l-image-div"
6579                  
6580                >
6581                  
6582<img src="//apolloneuro.com/cdn/shop/files/e9a56fbc321ff1f27ee7892848b9b794a8b96ba8.png?v=1761268306&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/e9a56fbc321ff1f27ee7892848b9b794a8b96ba8.png?v=1761268306&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/e9a56fbc321ff1f27ee7892848b9b794a8b96ba8.png?v=1761268306&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/e9a56fbc321ff1f27ee7892848b9b794a8b96ba8.png?v=1761268306&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/e9a56fbc321ff1f27ee7892848b9b794a8b96ba8.png?v=1761268306&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/e9a56fbc321ff1f27ee7892848b9b794a8b96ba8.png?v=1761268306&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/e9a56fbc321ff1f27ee7892848b9b794a8b96ba8.png?v=1761268306&amp;width=400 400w" width="400" height="406" loading="lazy" class="c-l-image" style="width: 125px; height: 125px;" sizes="125px">
6583                  
6584                  
6585                    <div class="container-text">
6586                      <h5 class="block-heading"></h5>
6587                      <p></p>
6588                    </div>
6589                  
6590                </div>
6591              
6592                
6593                <div
6594                  class="c-l-image-div"
6595                  
6596                >
6597                  
6598<img src="//apolloneuro.com/cdn/shop/files/Good_Morning_America_2021_logo_1.png?v=1748983636&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Good_Morning_America_2021_logo_1.png?v=1748983636&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/Good_Morning_America_2021_logo_1.png?v=1748983636&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/Good_Morning_America_2021_logo_1.png?v=1748983636&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/Good_Morning_America_2021_logo_1.png?v=1748983636&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/Good_Morning_America_2021_logo_1.png?v=1748983636&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/Good_Morning_America_2021_logo_1.png?v=1748983636&amp;width=400 400w" width="400" height="388" loading="lazy" class="c-l-image" style="width: 125px; height: 125px;" sizes="125px">
6599                  
6600                  
6601                    <div class="container-text">
6602                      <h5 class="block-heading"></h5>
6603                      <p></p>
6604                    </div>
6605                  
6606                </div>
6607              
6608            </div>
6609          
6610        </div>
6611      </div>
6612    </div>
6613  </div>
6614  </div> <!-- /.c-section__inner -->
6615</section>
6616
6617
6618</div><section id="shopify-section-template--19420722397381__c_swiper_opacity_M3nGBA" class="shopify-section section">
6619
6620<style data-shopify>
6621  #template--19420722397381__c_swiper_opacity_M3nGBA {
6622    --pad-t: 64px;
6623    --pad-b: 64px;
6624    --pad-x: 0px;
6625    background: linear-gradient(245deg, #F5F0FE 1.6%, #F5EEF4 25.7%, #F6ECEB 59.09%, #F6E8D8 82.87%);
6626    position: relative;
6627  }
6628
6629  #template--19420722397381__c_swiper_opacity_M3nGBA .c-opacity-overlay-right {
6630    display: none;
6631    position: absolute;
6632    right: 0;
6633    top: 0;
6634    width: 441px;
6635    height: 100%;
6636    pointer-events: none;
6637    background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
6638    z-index: 2;
6639  }
6640
6641  #template--19420722397381__c_swiper_opacity_M3nGBA .c-wrap {
6642    padding: var(--pad-t) 0 var(--pad-b) var(--pad-x);
6643    margin: 0 auto;
6644  }
6645
6646  /* Header */
6647  #template--19420722397381__c_swiper_opacity_M3nGBA .c-head {
6648    display: flex;
6649    flex-direction: column;
6650    gap: 16px;
6651    margin-bottom: 16px;
6652  }
6653  #template--19420722397381__c_swiper_opacity_M3nGBA .c-title > h2 {
6654    margin: 0;
6655    color: var(--Neutral-Darker-Gray, #3D4347);
6656    font-family: "Founders Grotesk";
6657    font-size: 64px;
6658    font-style: normal;
6659    font-weight: 400;
6660    line-height: 120%;
6661    font-size: 64px;
6662    text-align: left;
6663  }
6664  #template--19420722397381__c_swiper_opacity_M3nGBA .c-sub {
6665    display: flex; align-items: center; gap: 12px;
6666  }
6667  #template--19420722397381__c_swiper_opacity_M3nGBA .c-reviews-count {
6668    font-family: var(--body-family, 'Montserrat'); font-size: 16px; color: #2C2A29;
6669  }
6670
6671  /* Tags row */
6672  #template--19420722397381__c_swiper_opacity_M3nGBA .c-tags {
6673    display: flex; flex-wrap: wrap; gap: 12px;
6674    margin: 16px 0 20px 0;
6675  }
6676  #template--19420722397381__c_swiper_opacity_M3nGBA .c-tag {
6677    display: inline-flex; align-items: center; justify-content: center;
6678    padding: 6px 21px !important; border-radius: 24px; border: 0;
6679    background: rgba(247,178,103,0.43);
6680    color: #181E21; font-size: 13px; line-height: 20px; cursor: pointer;
6681    transition: all .2s ease;
6682    font-family: var(--body-family) !important;
6683  }
6684  #template--19420722397381__c_swiper_opacity_M3nGBA .c-tag:hover { background: #F7B267; }
6685  #template--19420722397381__c_swiper_opacity_M3nGBA .c-tag.active {
6686    background: #F7B267; font-weight: 700;
6687  }
6688
6689  /* Swiper */
6690  #template--19420722397381__c_swiper_opacity_M3nGBA .c-swiper-outer { position: relative; overflow: hidden }
6691  #template--19420722397381__c_swiper_opacity_M3nGBA .c-swiper { overflow: visible; }
6692  #template--19420722397381__c_swiper_opacity_M3nGBA .swiper-wrapper { align-items: stretch; }
6693
6694  /* Card width: keeps desktop tidy, avoids overflow math */
6695  #template--19420722397381__c_swiper_opacity_M3nGBA .swiper-slide {
6696    height: auto; flex-shrink: 0;
6697    transition: opacity .25s ease;
6698  }
6699  #template--19420722397381__c_swiper_opacity_M3nGBA .swiper-slide.swiper-slide-active { opacity: 1; }
6700
6701  /* Nav */
6702  #template--19420722397381__c_swiper_opacity_M3nGBA .c-nav {
6703    display: flex; gap: 10px; justify-content: flex-end; margin-top: 32px;
6704  }
6705  #template--19420722397381__c_swiper_opacity_M3nGBA .c-nav-btn {
6706    display: flex;
6707    width: 42px;
6708    height: 42px;
6709    padding: 10px !important;
6710    flex-direction: column;
6711    justify-content: center;
6712    align-items: center;
6713    gap: 10px;
6714    aspect-ratio: 1/1;
6715    border-radius: 100px;
6716    background: var(--Neutral-Lightest-Gray, #E3E6E5);
6717    border: none;
6718  }
6719
6720  #template--19420722397381__c_swiper_opacity_M3nGBA .c-next {
6721    background: #606664;
6722  }
6723
6724  #template--19420722397381__c_swiper_opacity_M3nGBA .c-prev:hover {
6725    background: #606664;
6726  }
6727
6728  #template--19420722397381__c_swiper_opacity_M3nGBA .c-prev:hover path {
6729    fill: #E3E6E5;
6730  }
6731
6732  #template--19420722397381__c_swiper_opacity_M3nGBA .c-next:hover {
6733    background: var(--Neutral-Lightest-Gray, #E3E6E5);
6734  }
6735
6736  #template--19420722397381__c_swiper_opacity_M3nGBA .c-next:hover path {
6737    fill: #606664;
6738  }
6739
6740  /* Mobile: one per view; let Swiper compute widths */
6741  @media (max-width: 768px) {
6742    #template--19420722397381__c_swiper_opacity_M3nGBA .c-wrap { padding: 64px 0; }
6743    /* Must match slidesPerView (1.2) closely enough that the section has a sane
6744       height before Swiper runs. This used to be `width: auto`, relying on Swiper
6745       to set the inline width — with lazy init that left 20 slides at their natural
6746       size, making the section ~1994px tall until it initialised. Swiper still
6747       overrides this with an inline width once it takes over. */
6748    #template--19420722397381__c_swiper_opacity_M3nGBA .swiper-slide { width: 83.333%; }
6749    #template--19420722397381__c_swiper_opacity_M3nGBA .c-title > h2 {
6750      font-size: 34px;
6751      color: var(--Neutral-Darker-Gray, #3D4347);
6752      font-family: "Founders Grotesk";
6753      font-style: normal;
6754      font-weight: 400;
6755      line-height: 120%;
6756    }
6757
6758    #template--19420722397381__c_swiper_opacity_M3nGBA .c-opacity-overlay-right { display: none; }
6759  }
6760
6761  @media (min-width: 768px) {
6762    #template--19420722397381__c_swiper_opacity_M3nGBA .c-nav {
6763      margin-right: 64px;
6764    }
6765  }
6766
6767  /* CTA below reviews */
6768  #template--19420722397381__c_swiper_opacity_M3nGBA .c-cta-wrap {
6769    display: flex;
6770    justify-content: center;
6771    margin-top: 32px;
6772  }
6773  @media (width >= 768px) {
6774    #template--19420722397381__c_swiper_opacity_M3nGBA .c-cta-wrap {
6775      padding-right: var(--pad-x);
6776    }
6777  }
6778  #template--19420722397381__c_swiper_opacity_M3nGBA .c-cta-btn {
6779    display: inline-flex;
6780    align-items: center;
6781    justify-content: center;
6782    padding: 10px 30px;
6783    border-radius: 24px;
6784    border: 0;
6785    background: #F7B267;
6786    color: #181E21;
6787    font-size: 20px;
6788    font-weight: 600;
6789    line-height: 20px;
6790    cursor: pointer;
6791    transition: all 0.2s ease;
6792    font-family: var(--body-family) !important;
6793    text-decoration: none;
6794  }
6795  #template--19420722397381__c_swiper_opacity_M3nGBA .c-cta-btn:hover {
6796    background: rgba(247, 178, 103, 0.43);
6797    font-weight: 400;
6798  }
6799
6800  /* Video Modal Styles */
6801  #template--19420722397381__c_swiper_opacity_M3nGBA .c-video-modal {
6802    position: fixed;
6803    inset: 0;
6804    z-index: 1000;
6805    display: flex;
6806    align-items: center;
6807    justify-content: center;
6808    background: rgba(0, 0, 0, 0.95);
6809    opacity: 0;
6810    pointer-events: none;
6811    transition: opacity 0.5s ease;
6812    padding: 20px;
6813  }
6814
6815  #template--19420722397381__c_swiper_opacity_M3nGBA .c-video-modal.is-open {
6816    opacity: 1;
6817    pointer-events: auto;
6818  }
6819
6820  #template--19420722397381__c_swiper_opacity_M3nGBA .c-video-modal-content {
6821    width: 100%;
6822    max-width: 1200px;
6823    height: auto;
6824    aspect-ratio: 16 / 9;
6825    border-radius: 8px;
6826    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
6827    position: relative;
6828  }
6829
6830  #template--19420722397381__c_swiper_opacity_M3nGBA .c-video-modal-content iframe,
6831  #template--19420722397381__c_swiper_opacity_M3nGBA .c-video-modal-content video {
6832    width: 100%;
6833    height: 100%;
6834    border-radius: 8px;
6835  }
6836
6837  #template--19420722397381__c_swiper_opacity_M3nGBA .c-video-modal-close {
6838    position: absolute;
6839    top: 24px;
6840    right: 24px;
6841    width: 48px;
6842    height: 48px;
6843    border-radius: 50%;
6844    background: rgba(255, 255, 255, 0.15);
6845    backdrop-filter: blur(10px);
6846    border: 1px solid rgba(255, 255, 255, 0.2);
6847    display: flex;
6848    align-items: center;
6849    justify-content: center;
6850    cursor: pointer;
6851    z-index: 1001;
6852    padding: 0 !important;
6853    font-size: 24px;
6854    color: #fff;
6855    transition: all 0.3s ease;
6856  }
6857
6858  #template--19420722397381__c_swiper_opacity_M3nGBA .c-video-modal-close
6858:hover {
6859    background: rgba(255, 255, 255, 0.3);
6860    transform: scale(1.05);
6861  }
6862
6863  #template--19420722397381__c_swiper_opacity_M3nGBA .c-video-modal-overlay {
6864    position: absolute;
6865    inset: 0;
6866    z-index: 999;
6867    cursor: pointer;
6868  }
6869
6870  @media (max-width: 768px) {
6871    #template--19420722397381__c_swiper_opacity_M3nGBA .c-video-modal {
6872      padding: 12px;
6873    }
6874
6875    #template--19420722397381__c_swiper_opacity_M3nGBA .c-video-modal-content {
6876      max-width: 100%;
6877      border-radius: 4px;
6878    }
6879
6880    #template--19420722397381__c_swiper_opacity_M3nGBA .c-video-modal-close {
6881      top: 8px;
6882      right: 8px;
6883    }
6884  }
6885</style>
6886
6887<section
6888  id="template--19420722397381__c_swiper_opacity_M3nGBA"
6889  class=" c-section c-swiper-custom"
6890>
6891  <div class="c-section__inner">
6892  <div class="c-wrap">
6893    <!-- Header -->
6894    <header
6895      class="c-head"
6896      style="text-align: left"
6897    >
6898      
6899        <div class="c-title"><h2>Over 150,000 People, </h2><h2>Feeling Better Every Day</h2></div>
6900      
6901      
6902    </header>
6903
6904    <!-- Tags (all visible; active highlighted) -->
6905    
6906    
6907    <div
6908      class="c-tags"
6909      id="tags-template--19420722397381__c_swiper_opacity_M3nGBA"
6910    >
6911      
6912        
6913          
6914          
6915          
6916            <button
6917              class="c-tag active"
6918              data-tag="Sleep"
6919            >
6920              Sleep
6921            </button>
6922            
6923            
6924          
6925        
6926      
6927        
6928          
6929          
6930          
6931        
6932      
6933        
6934          
6935          
6936          
6937        
6938      
6939        
6940          
6941          
6942          
6943            <button
6944              class="c-tag"
6945              data-tag="Calm"
6946            >
6947              Calm
6948            </button>
6949            
6950            
6951          
6952        
6953      
6954        
6955          
6956          
6957          
6958        
6959      
6960        
6961          
6962          
6963          
6964        
6965      
6966        
6967          
6968          
6969          
6970            <button
6971              class="c-tag"
6972              data-tag="Focus"
6973            >
6974              Focus
6975            </button>
6976            
6977            
6978          
6979        
6980      
6981        
6982          
6983          
6984          
6985        
6986      
6987        
6988          
6989          
6990          
6991        
6992      
6993        
6994          
6995          
6996          
6997            <button
6998              class="c-tag"
6999              data-tag="Recovery"
7000            >
7001              Recovery
7002            </button>
7003            
7004            
7005          
7006        
7007      
7008        
7009          
7010          
7011          
7012        
7013      
7014        
7015          
7016          
7017          
7018        
7019      
7020    </div>
7021
7022    <!-- Swiper -->
7023    <div class="c-swiper-outer">
7024      <div
7025        class="c-swiper swiper"
7026        id="swiper-template--19420722397381__c_swiper_opacity_M3nGBA"
7027      >
7028        <div class="swiper-wrapper">
7029          
7030            
7031              <!-- Slide 1: Card -->
7032              
7033                <div
7034                  class="swiper-slide c-slide--card"
7035                  data-tag="Sleep"
7036                >
7037                  
7038
7039<style>
7040  .c-slide--card,
7041  .c-slide--media {
7042    width: 50%;
7043    display: flex;
7044    align-items: stretch;
7045    box-sizing: border-box;
7046  }
7047
7048  /* Mobile: stack */
7049  @media (max-width: 768px) {
7050    .c-slide--card,
7051    .c-slide--media {
7052      width: 100%;
7053    }
7054  }
7055</style>
7056
7057<style data-shopify>
7058    .c-slide-row {
7059      display: flex;
7060      flex-direction: row;
7061      align-items: stretch;
7062      justify-content: space-between;
7063      gap: 20px;
7064      width: 100%;
7065    }
7066
7067    @media (max-width: 768px) {
7068      .c-slide-row {
7069        gap: 12px;
7070      }
7071    }
7072
7073    /* ---- Card ---- */
7074    .c-card {
7075      flex: 1;
7076      display: flex;
7077      flex-direction: column;
7078      gap: 8px;
7079      background: #FFF;
7080      border-radius: 12px;
7081      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
7082      padding: 8px;
7083      position: relative;
7084      height: 100%;
7085      @media (width >= 768px) {
7086        height: fit-content;
7087      }
7088    }
7089
7090    .c-card-media {
7091      position: relative;
7092      border-radius: 12px;
7093      overflow: hidden;
7094      aspect-ratio: 16 / 19;
7095    }
7096
7097    .c-card-media img,
7098    .c-card-media video {
7099      width: 100%;
7100      height: 100%;
7101      display: block;
7102      object-fit: cover;
7103    }
7104
7105    .c-chip {
7106      position: absolute;
7107      top: 10px;
7108      left: 10px;
7109      background: #902239;
7110      color: #F3F3F3;
7111      padding: 4px 12px;
7112      border-radius: 8px;
7113      font-family: 'Montserrat'
7114      , sans-serif;
7115      font-size: 13px;
7116      display: none;
7117    }
7118
7119    .c-card-title,
7120    .c-card-title > p,
7121    .c-card-desc > p,
7122    .c-card-author
7123     {
7124      margin: 0;
7125    }
7126
7127    .c-card-title > p {
7128      color: #000;
7129      font-family: var(--body-family) !important;
7130      font-size: 22px;
7131      font-style: normal;
7132      font-weight: 400;
7133      line-height: normal;
7134    }
7135
7136    .c-card-desc > p {
7137      color: #000;
7138      font-family: var(--body-family) !important;
7139      font-size: 11.625px;
7140      font-style: normal;
7141      font-weight: 400;
7142      line-height: 18px;
7143    }
7144
7145    .c-card-author {
7146      color: #000;
7147      font-family: var(--body-family) !important;
7148      font-size: 12px;
7149      font-style: normal;
7150      font-weight: 400;
7151      line-height: 18px;
7152    }
7153
7154    .c-card-row {
7155      display: flex;
7156      justify-content: space-between;
7157      align-items: center;
7158    }
7159
7160    #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc {
7161    display: flex;
7162    padding: 8px 10px !important;
7163    justify-content: center;
7164    align-items: center;
7165    gap: 16px;
7166    border-radius: 5px;
7167    border: 1px solid #FFF;
7168    background: #F7B267;
7169    color: #FFFFFF !important;
7170    cursor: pointer;
7171    width: fit-content;
7172    align-self: flex-end;
7173    text-decoration: none;
7174    transition: all 0.2s ease;
7175  }
7176
7177  #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc:hover {
7178    background: #E6A256;
7179    transform: translateY(-1px);
7180  }
7181
7182  /* ---- Media ---- */
7183  .c-slide-media {
7184    flex: 1;
7185    border-radius: 12px;
7186    overflow: hidden;
7187    position: relative;
7188    display: flex;
7189    align-items: stretch;
7190    transition: transform 0.2s ease;
7191  }
7192
7193  .c-slide-media[data-has-video="true"] {
7194    cursor: pointer;
7195  }
7196
7197  .c-slide-media[data-has-video="true"]:hover {
7198    transform: scale(1.02);
7199  }
7200
7201  .c-slide-media img,
7202  .c-slide-media video {
7203    width: 100%;
7204    height: 100%;
7205    object-fit: cover;
7206    display: block;
7207    border-radius: 12px;
7208  }
7209
7210  /* Play button overlay - only show when video exists */
7211  .c-slide-media[data-has-video="true"]::before {
7212    content: '';
7213    position: absolute;
7214    top: 50%;
7215    left: 50%;
7216    transform: translate(-50%, -50%);
7217    width: 60px;
7218    height: 60px;
7219    background: rgba(255, 255, 255, 0.9);
7220    border-radius: 50%;
7221    display: flex;
7222    align-items: center;
7223    justify-content: center;
7224    opacity: 0;
7225    transition: opacity 0.3s ease;
7226    pointer-events: none;
7227    z-index: 10;
7228  }
7229
7230  .c-slide-media[data-has-video="true"]:hover::before {
7231    opacity: 1;
7232  }
7233
7234  .c-slide-media[data-has-video="true"]::after {
7235    content: '';
7236    position: absolute;
7237    top: 50%;
7238    left: 50%;
7239    transform: translate(-40%, -50%);
7240    width: 0;
7241    height: 0;
7242    border-left: 20px solid #181E21;
7243    border-top: 12px solid transparent;
7244    border-bottom: 12px solid transparent;
7245    opacity: 0;
7246    transition: opacity 0.3s ease;
7247    pointer-events: none;
7248    z-index: 11;
7249  }
7250
7251  .c-slide-media[data-has-video="true"]:hover::after {
7252    opacity: 1;
7253  }
7254
7255  /* Key: Make the slide itself stretch */
7256  .swiper-slide {
7257    display: flex !important;
7258    height: auto !important;
7259  }
7260
7261  .swiper-slide > .c-slide-row {
7262    flex: 1;
7263  }
7264
7265  @media (max-width: 768px) {
7266    .c-slide-media {
7267      height: auto;
7268    }
7269  }
7270
7271  @media (width >= 1920px) {
7272    .c-slide-media {
7273      max-height: unset;
7274    }
7275  }
7276</style>
7277
7278
7279  <!-- LEFT: Card -->
7280  <article class="c-card">
7281    <div class="c-card-media">
7282      
7283        <img src="//apolloneuro.com/cdn/shop/files/review-1.png?v=1767094506&amp;width=800" alt="" srcset="//apolloneuro.com/cdn/shop/files/review-1.png?v=1767094506&amp;width=352 352w, //apolloneuro.com/cdn/shop/files/review-1.png?v=1767094506&amp;width=800 800w" width="800" height="939" loading="lazy">
7284      
7285      
7286        <span class="c-chip">Sleep</span>
7287      
7288    </div>
7289
7290    
7291
7292    
7293      <h3 class="c-card-title"><p>Sleep has definitely improved</p></h3>
7294    
7295    
7296      <div class="c-card-desc"><p>Bought it a month ago — less waking in the night and better sleep quality overall.</p></div>
7297    
7298
7299    <div class="c-card-row">
7300      
7301        <p class="c-card-author">- Briana K.</p>
7302      
7303    </div>
7304
7305    
7306      
7307      <a
7308        href="/products/apollo-wearable-1-year-ai-membership-starter-kit"
7309        class="c-atc"
7310        aria-label="View Apollo Wearable + SmartVibes AI Membership"
7311      >
7312        <svg
7313          width="18"
7314          height="18"
7315          viewBox="0 0 18 18"
7316          fill="none"
7317          xmlns="http://www.w3.org/2000/svg"
7318        >
7319          <path
7320            d="M6.75 16.5c.414 0 .75-.336.75-.75S7.164 15 6.75 15A.75.75 0 0 0 6 15.75c0 .414.336.75.75.75Z"
7321            stroke="currentColor"
7322            stroke-width="1.5"
7323            stroke-linecap="round" />
7324          <path
7325            d="M15 16.5c.414 0 .75-.336.75-.75S15.414 15 15 15a.75.75 0 0 0 0 1.5Z"
7326            stroke="currentColor"
7327            stroke-width="1.5"
7328            stroke-linecap="round" />
7329          <path
7330            d="M.75.75H3.75L5.76 10.792c.068.346.256.656.53.877.274.221.617.338.97.331h7.29c.352.007.695-.11.969-.331.274-.22.462-.531.53-.877L17.25 4.5H4.5"
7331            stroke="currentColor"
7332            stroke-width="1.5"
7333            stroke-linecap="round" />
7334        </svg>
7335      </a>
7336    
7337  </article>
7338
7339
7340
7341                </div>
7342              
7343
7344              <!-- Slide 2: Media -->
7345              
7346                <div
7347                  class="swiper-slide c-slide--media"
7348                  data-tag="Sleep"
7349                >
7350                  
7351
7352<style>
7353  .c-slide--card,
7354  .c-slide--media {
7355    width: 50%;
7356    display: flex;
7357    align-items: stretch;
7358    box-sizing: border-box;
7359  }
7360
7361  /* Mobile: stack */
7362  @media (max-width: 768px) {
7363    .c-slide--card,
7364    .c-slide--media {
7365      width: 100%;
7366    }
7367  }
7368</style>
7369
7370<style data-shopify>
7371    .c-slide-row {
7372      display: flex;
7373      flex-direction: row;
7374      align-items: stretch;
7375      justify-content: space-between;
7376      gap: 20px;
7377      width: 100%;
7378    }
7379
7380    @media (max-width: 768px) {
7381      .c-slide-row {
7382        gap: 12px;
7383      }
7384    }
7385
7386    /* ---- Card ---- */
7387    .c-card {
7388      flex: 1;
7389      display: flex;
7390      flex-direction: column;
7391      gap: 8px;
7392      background: #FFF;
7393      border-radius: 12px;
7394      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
7395      padding: 8px;
7396      position: relative;
7397      height: 100%;
7398      @media (width >= 768px) {
7399        height: fit-content;
7400      }
7401    }
7402
7403    .c-card-media {
7404      position: relative;
7405      border-radius: 12px;
7406      overflow: hidden;
7407      aspect-ratio: 16 / 19;
7408    }
7409
7410    .c-card-media img,
7411    .c-card-media video {
7412      width: 100%;
7413      height: 100%;
7414      display: block;
7415      object-fit: cover;
7416    }
7417
7418    .c-chip {
7419      position: absolute;
7420      top: 10px;
7421      left: 10px;
7422      background: #902239;
7423      color: #F3F3F3;
7424      padding: 4px 12px;
7425      border-radius: 8px;
7426      font-family: 'Montserrat'
7427      , sans-serif;
7428      font-size: 13px;
7429      display: none;
7430    }
7431
7432    .c-card-title,
7433    .c-card-title > p,
7434    .c-card-desc > p,
7435    .c-card-author
7436     {
7437      margin: 0;
7438    }
7439
7440    .c-card-title > p {
7441      color: #000;
7442      font-family: var(--body-family) !important;
7443      font-size: 22px;
7444      font-style: normal;
7445      font-weight: 400;
7446      line-height: normal;
7447    }
7448
7449    .c-card-desc > p {
7450      color: #000;
7451      font-family: var(--body-family) !important;
7452      font-size: 11.625px;
7453      font-style: normal;
7454      font-weight: 400;
7455      line-height: 18px;
7456    }
7457
7458    .c-card-author {
7459      color: #000;
7460      font-family: var(--body-family) !important;
7461      font-size: 12px;
7462      font-style: normal;
7463      font-weight: 400;
7464      line-height: 18px;
7465    }
7466
7467    .c-card-row {
7468      display: flex;
7469      justify-content: space-between;
7470      align-items: center;
7471    }
7472
7473    #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc {
7474    display: flex;
7475    padding: 8px 10px !important;
7476    justify-content: center;
7477    align-items: center;
7478    gap: 16px;
7479    border-radius: 5px;
7480    border: 1px solid #FFF;
7481    background: #F7B267;
7482    color: #FFFFFF !important;
7483    cursor: pointer;
7484    width: fit-content;
7485    align-self: flex-end;
7486    text-decoration: none;
7487    transition: all 0.2s ease;
7488  }
7489
7490  #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc:hover {
7491    background: #E6A256;
7492    transform: translateY(-1px);
7493  }
7494
7495  /* ---- Media ---- */
7496  .c-slide-media {
7497    flex: 1;
7498    border-radius: 12px;
7499    overflow: hidden;
7500    position: relative;
7501    display: flex;
7502    align-items: stretch;
7503    transition: transform 0.2s ease;
7504  }
7505
7506  .c-slide-media[data-has-video="true"] {
7507    cursor: pointer;
7508  }
7509
7510  .c-slide-media[data-has-video="true"]:hover {
7511    transform: scale(1.02);
7512  }
7513
7514  .c-slide-media img,
7515  .c-slide-media video {
7516    width: 100%;
7517    height: 100%;
7518    object-fit: cover;
7519    display: block;
7520    border-radius: 12px;
7521  }
7522
7523  /* Play button overlay - only show when video exists */
7524  .c-slide-media[data-has-video="true"]::before {
7525    content: '';
7526    position: absolute;
7527    top: 50%;
7528    left: 50%;
7529    transform: translate(-50%, -50%);
7530    width: 60px;
7531    height: 60px;
7532    background: rgba(255, 255, 255, 0.9);
7533    border-radius: 50%;
7534    display: flex;
7535    align-items: center;
7536    justify-content: center;
7537    opacity: 0;
7538    transition: opacity 0.3s ease;
7539    pointer-events: none;
7540    z-index: 10;
7541  }
7542
7543  .c-slide-media[data-has-video="true"]:hover::before {
7544    opacity: 1;
7545  }
7546
7547  .c-slide-media[data-has-video="true"]::after {
7548    content: '';
7549    position: absolute;
7550    top: 50%;
7551    left: 50%;
7552    transform: translate(-40%, -50%);
7553    width: 0;
7554    height: 0;
7555    border-left: 20px solid #181E21;
7556    border-top: 12px solid transparent;
7557    border-bottom: 12px solid transparent;
7558    opacity: 0;
7559    transition: opacity 0.3s ease;
7560    pointer-events: none;
7561    z-index: 11;
7562  }
7563
7564  .c-slide-media[data-has-video="true"]:hover::after {
7565    opacity: 1;
7566  }
7567
7568  /* Key: Make the slide itself stretch */
7569  .swiper-slide {
7570    display: flex !important;
7571    height: auto !important;
7572  }
7573
7574  .swiper-slide > .c-slide-row {
7575    flex: 1;
7576  }
7577
7578  @media (max-width: 768px) {
7579    .c-slide-media {
7580      height: auto;
7581    }
7582  }
7583
7584  @media (width >= 1920px) {
7585    .c-slide-media {
7586      max-height: unset;
7587    }
7588  }
7589</style>
7590
7591
7592  <!-- RIGHT: Media -->
7593  <div class="c-slide-media js-open-video-modal" data-video-id="card_qckHYk" data-has-video="true">
7594    
7595<video
7596    
7597    playsinline
7598    preload="none" data-autoplay muted
7599    loop
7600    
7601
7602 poster="//apolloneuro.com/cdn/shop/files/preview_images/e1f0d94dae434dd1a9326ff445d334fe.thumbnail.0000000000.jpg?v=1767094556&width=720"
7603 width="606" height="1080"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/e1f0d94dae434dd1a9326ff445d334fe/e1f0d94dae434dd1a9326ff445d334fe.HD-720p-4.5Mbps-66085973.mp4?v=0" type="video/mp4"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/e1f0d94dae434dd1a9326ff445d334fe/e1f0d94dae434dd1a9326ff445d334fe.HD-1080p-7.2Mbps-66085973.mp4?v=0" type="video/mp4"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/e1f0d94dae434dd1a9326ff445d334fe/e1f0d94dae434dd1a9326ff445d334fe.m3u8?v=0" type="application/x-mpegURL"><img
7604        src="//apolloneuro.com/cdn/shop/files/preview_images/e1f0d94dae434dd1a9326ff445d334fe.thumbnail.0000000000.jpg?v=1767094556&width=720"
7605        alt=""
7606        width="720"
7607        height="1280"
7608        loading="lazy"></video>
7609  </div>
7610
7611
7612                </div>
7613              
7614            
7615          
7616            
7617              <!-- Slide 1: Card -->
7618              
7619                <div
7620                  class="swiper-slide c-slide--card"
7621                  data-tag="Sleep"
7622                >
7623                  
7624
7625<style>
7626  .c-slide--card,
7627  .c-slide--media {
7628    width: 50%;
7629    display: flex;
7630    align-items: stretch;
7631    box-sizing: border-box;
7632  }
7633
7634  /* Mobile: stack */
7635  @media (max-width: 768px) {
7636    .c-slide--card,
7637    .c-slide--media {
7638      width: 100%;
7639    }
7640  }
7641</style>
7642
7643<style data-shopify>
7644    .c-slide-row {
7645      display: flex;
7646      flex-direction: row;
7647      align-items: stretch;
7648      justify-content: space-between;
7649      gap: 20px;
7650      width: 100%;
7651    }
7652
7653    @media (max-width: 768px) {
7654      .c-slide-row {
7655        gap: 12px;
7656      }
7657    }
7658
7659    /* ---- Card ---- */
7660    .c-card {
7661      flex: 1;
7662      display: flex;
7663      flex-direction: column;
7664      gap: 8px;
7665      background: #FFF;
7666      border-radius: 12px;
7667      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
7668      padding: 8px;
7669      position: relative;
7670      height: 100%;
7671      @media (width >= 768px) {
7672        height: fit-content;
7673      }
7674    }
7675
7676    .c-card-media {
7677      position: relative;
7678      border-radius: 12px;
7679      overflow: hidden;
7680      aspect-ratio: 16 / 19;
7681    }
7682
7683    .c-card-media img,
7684    .c-card-media video {
7685      width: 100%;
7686      height: 100%;
7687      display: block;
7688      object-fit: cover;
7689    }
7690
7691    .c-chip {
7692      position: absolute;
7693      top: 10px;
7694      left: 10px;
7695      background: #902239;
7696      color: #F3F3F3;
7697      padding: 4px 12px;
7698      border-radius: 8px;
7699      font-family: 'Montserrat'
7700      , sans-serif;
7701      font-size: 13px;
7702      display: none;
7703    }
7704
7705    .c-card-title,
7706    .c-card-title > p,
7707    .c-card-desc > p,
7708    .c-card-author
7709     {
7710      margin: 0;
7711    }
7712
7713    .c-card-title > p {
7714      color: #000;
7715      font-family: var(--body-family) !important;
7716      font-size: 22px;
7717      font-style: normal;
7718      font-weight: 400;
7719      line-height: normal;
7720    }
7721
7722    .c-card-desc > p {
7723      color: #000;
7724      font-family: var(--body-family) !important;
7725      font-size: 11.625px;
7726      font-style: normal;
7727      font-weight: 400;
7728      line-height: 18px;
7729    }
7730
7731    .c-card-author {
7732      color: #000;
7733      font-family: var(--body-family) !important;
7734      font-size: 12px;
7735      font-style: normal;
7736      font-weight: 400;
7737      line-height: 18px;
7738    }
7739
7740    .c-card-row {
7741      display: flex;
7742      justify-content: space-between;
7743      align-items: center;
7744    }
7745
7746    #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc {
7747    display: flex;
7748    padding: 8px 10px !important;
7749    justify-content: center;
7750    align-items: center;
7751    gap: 16px;
7752    border-radius: 5px;
7753    border: 1px solid #FFF;
7754    background: #F7B267;
7755    color: #FFFFFF !important;
7756    cursor: pointer;
7757    width: fit-content;
7758    align-self: flex-end;
7759    text-decoration: none;
7760    transition: all 0.2s ease;
7761  }
7762
7763  #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc:hover {
7764    background: #E6A256;
7765    transform: translateY(-1px);
7766  }
7767
7768  /* ---- Media ---- */
7769  .c-slide-media {
7770    flex: 1;
7771    border-radius: 12px;
7772    overflow: hidden;
7773    position: relative;
7774    display: flex;
7775    align-items: stretch;
7776    transition: transform 0.2s ease;
7777  }
7778
7779  .c-slide-media[data-has-video="true"] {
7780    cursor: pointer;
7781  }
7782
7783  .c-slide-media[data-has-video="true"]:hover {
7784    transform: scale(1.02);
7785  }
7786
7787  .c-slide-media img,
7788  .c-slide-media video {
7789    width: 100%;
7790    height: 100%;
7791    object-fit: cover;
7792    display: block;
7793    border-radius: 12px;
7794  }
7795
7796  /* Play button overlay - only show when video exists */
7797  .c-slide-media[data-has-video="true"]::before {
7798    content: '';
7799    position: absolute;
7800    top: 50%;
7801    left: 50%;
7802    transform: translate(-50%, -50%);
7803    width: 60px;
7804    height: 60px;
7805    background: rgba(255, 255, 255, 0.9);
7806    border-radius: 50%;
7807    display: flex;
7808    align-items: center;
7809    justify-content: center;
7810    opacity: 0;
7811    transition: opacity 0.3s ease;
7812    pointer-events: none;
7813    z-index: 10;
7814  }
7815
7816  .c-slide-media[data-has-video="true"]:hover::before {
7817    opacity: 1;
7818  }
7819
7820  .c-slide-media[data-has-video="true"]::after {
7821    content: '';
7822    position: absolute;
7823    top: 50%;
7824    left: 50%;
7825    transform: translate(-40%, -50%);
7826    width: 0;
7827    height: 0;
7828    border-left: 20px solid #181E21;
7829    border-top: 12px solid transparent;
7830    border-bottom: 12px solid transparent;
7831    opacity: 0;
7832    transition: opacity 0.3s ease;
7833    pointer-events: none;
7834    z-index: 11;
7835  }
7836
7837  .c-slide-media[data-has-video="true"]:hover::after {
7838    opacity: 1;
7839  }
7840
7841  /* Key: Make the slide itself stretch */
7842  .swiper-slide {
7843    display: flex !important;
7844    height: auto !important;
7845  }
7846
7847  .swiper-slide > .c-slide-row {
7848    flex: 1;
7849  }
7850
7851  @media (max-width: 768px) {
7852    .c-slide-media {
7853      height: auto;
7854    }
7855  }
7856
7857  @media (width >= 1920px) {
7858    .c-slide-media {
7859      max-height: unset;
7860    }
7861  }
7862</style>
7863
7864
7865  <!-- LEFT: Card -->
7866  <article class="c-card">
7867    <div class="c-card-media">
7868      
7869        <img src="//apolloneuro.com/cdn/shop/files/review-2.png?v=1767094633&amp;width=800" alt="" srcset="//apolloneuro.com/cdn/shop/files/review-2.png?v=1767094633&amp;width=352 352w, //apolloneuro.com/cdn/shop/files/review-2.png?v=1767094633&amp;width=800 800w" width="800" height="939" loading="lazy">
7870      
7871      
7872        <span class="c-chip">Sleep</span>
7873      
7874    </div>
7875
7876    
7877
7878    
7879      <h3 class="c-card-title"><p>Sleep mode worked unexpectedly well.</p></h3>
7880    
7881    
7882      <div class="c-card-desc"><p>Tired tossing-and-turning nights now turn into falling asleep in ~30 minutes.</p></div>
7883    
7884
7885    <div class="c-card-row">
7886      
7887        <p class="c-card-author">- Barbara T.</p>
7888      
7889    </div>
7890
7891    
7892      
7893      <a
7894        href="/products/apollo-wearable-1-year-ai-membership-starter-kit"
7895        class="c-atc"
7896        aria-label="View Apollo Wearable + SmartVibes AI Membership"
7897      >
7898        <svg
7899          width="18"
7900          height="18"
7901          viewBox="0 0 18 18"
7902          fill="none"
7903          xmlns="http://www.w3.org/2000/svg"
7904        >
7905          <path
7906            d="M6.75 16.5c.414 0 .75-.336.75-.75S7.164 15 6.75 15A.75.75 0 0 0 6 15.75c0 .414.336.75.75.75Z"
7907            stroke="currentColor"
7908            stroke-width="1.5"
7909            stroke-linecap="round" />
7910          <path
7911            d="M15 16.5c.414 0 .75-.336.75-.75S15.414 15 15 15a.75.75 0 0 0 0 1.5Z"
7912            stroke="currentColor"
7913            stroke-width="1.5"
7914            stroke-linecap="round" />
7915          <path
7916            d="M.75.75H3.75L5.76 10.792c.068.346.256.656.53.877.274.221.617.338.97.331h7.29c.352.007.695-.11.969-.331.274-.22.462-.531.53-.877L17.25 4.5H4.5"
7917            stroke="currentColor"
7918            stroke-width="1.5"
7919            stroke-linecap="round" />
7920        </svg>
7921      </a>
7922    
7923  </article>
7924
7925
7926
7927                </div>
7928              
7929
7930              <!-- Slide 2: Media -->
7931              
7932                <div
7933                  class="swiper-slide c-slide--media"
7934                  data-tag="Sleep"
7935                >
7936                  
7937
7938<style>
7939  .c-slide--card,
7940  .c-slide--media {
7941    width: 50%;
7942    display: flex;
7943    align-items: stretch;
7944    box-sizing: border-box;
7945  }
7946
7947  /* Mobile: stack */
7948  @media (max-width: 768px) {
7949    .c-slide--card,
7950    .c-slide--media {
7951      width: 100%;
7952    }
7953  }
7954</style>
7955
7956<style data-shopify>
7957    .c-slide-row {
7958      display: flex;
7959      flex-direction: row;
7960      align-items: stretch;
7961      justify-content: space-between;
7962      gap: 20px;
7963      width: 100%;
7964    }
7965
7966    @media (max-width: 768px) {
7967      .c-slide-row {
7968        gap: 12px;
7969      }
7970    }
7971
7972    /* ---- Card ---- */
7973    .c-card {
7974      flex: 1;
7975      display: flex;
7976      flex-direction: column;
7977      gap: 8px;
7978      background: #FFF;
7979      border-radius: 12px;
7980      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
7981      padding: 8px;
7982      position: relative;
7983      height: 100%;
7984      @media (width >= 768px) {
7985        height: fit-content;
7986      }
7987    }
7988
7989    .c-card-media {
7990      position: relative;
7991      border-radius: 12px;
7992      overflow: hidden;
7993      aspect-ratio: 16 / 19;
7994    }
7995
7996    .c-card-media img,
7997    .c-card-media video {
7998      width: 100%;
7999      height: 100%;
8000      display: block;
8001      object-fit: cover;
8002    }
8003
8004    .c-chip {
8005      position: absolute;
8006      top: 10px;
8007      left: 10px;
8008      background: #902239;
8009      color: #F3F3F3;
8010      padding: 4px 12px;
8011      border-radius: 8px;
8012      font-family: 'Montserrat'
8013      , sans-serif;
8014      font-size: 13px;
8015      display: none;
8016    }
8017
8018    .c-card-title,
8019    .c-card-title > p,
8020    .c-card-desc > p,
8021    .c-card-author
8022     {
8023      margin: 0;
8024    }
8025
8026    .c-card-title > p {
8027      color: #000;
8028      font-family: var(--body-family) !important;
8029      font-size: 22px;
8030      font-style: normal;
8031      font-weight: 400;
8032      line-height: normal;
8033    }
8034
8035    .c-card-desc > p {
8036      color: #000;
8037      font-family: var(--body-family) !important;
8038      font-size: 11.625px;
8039      font-style: normal;
8040      font-weight: 400;
8041      line-height: 18px;
8042    }
8043
8044    .c-card-author {
8045      color: #000;
8046      font-family: var(--body-family) !important;
8047      font-size: 12px;
8048      font-style: normal;
8049      font-weight: 400;
8050      line-height: 18px;
8051    }
8052
8053    .c-card-row {
8054      display: flex;
8055      justify-content: space-between;
8056      align-items: center;
8057    }
8058
8059    #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc {
8060    display: flex;
8061    padding: 8px 10px !important;
8062    justify-content: center;
8063    align-items: center;
8064    gap: 16px;
8065    border-radius: 5px;
8066    border: 1px solid #FFF;
8067    background: #F7B267;
8068    color: #FFFFFF !important;
8069    cursor: pointer;
8070    width: fit-content;
8071    align-self: flex-end;
8072    text-decoration: none;
8073    transition: all 0.2s ease;
8074  }
8075
8076  #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc:hover {
8077    background: #E6A256;
8078    transform: translateY(-1px);
8079  }
8080
8081  /* ---- Media ---- */
8082  .c-slide-media {
8083    flex: 1;
8084    border-radius: 12px;
8085    overflow: hidden;
8086    position: relative;
8087    display: flex;
8088    align-items: stretch;
8089    transition: transform 0.2s ease;
8090  }
8091
8092  .c-slide-media[data-has-video="true"] {
8093    cursor: pointer;
8094  }
8095
8096  .c-slide-media[data-has-video="true"]:hover {
8097    transform: scale(1.02);
8098  }
8099
8100  .c-slide-media img,
8101  .c-slide-media video {
8102    width: 100%;
8103    height: 100%;
8104    object-fit: cover;
8105    display: block;
8106    border-radius: 12px;
8107  }
8108
8109  /* Play button overlay - only show when video exists */
8110  .c-slide-media[data-has-video="true"]::before {
8111    content: '';
8112    position: absolute;
8113    top: 50%;
8114    left: 50%;
8115    transform: translate(-50%, -50%);
8116    width: 60px;
8117    height: 60px;
8118    background: rgba(255, 255, 255, 0.9);
8119    border-radius: 50%;
8120    display: flex;
8121    align-items: center;
8122    justify-content: center;
8123    opacity: 0;
8124    transition: opacity 0.3s ease;
8125    pointer-events: none;
8126    z-index: 10;
8127  }
8128
8129  .c-slide-media[data-has-video="true"]:hover::before {
8130    opacity: 1;
8131  }
8132
8133  .c-slide-media[data-has-video="true"]::after {
8134    content: '';
8135    position: absolute;
8136    top: 50%;
8137    left: 50%;
8138    transform: translate(-40%, -50%);
8139    width: 0;
8140    height: 0;
8141    border-left: 20px solid #181E21;
8142    border-top: 12px solid transparent;
8143    border-bottom: 12px solid transparent;
8144    opacity: 0;
8145    transition: opacity 0.3s ease;
8146    pointer-events: none;
8147    z-index: 11;
8148  }
8149
8150  .c-slide-media[data-has-video="true"]:hover::after {
8151    opacity: 1;
8152  }
8153
8154  /* Key: Make the slide itself stretch */
8155  .swiper-slide {
8156    display: flex !important;
8157    height: auto !important;
8158  }
8159
8160  .swiper-slide > .c-slide-row {
8161    flex: 1;
8162  }
8163
8164  @media (max-width: 768px) {
8165    .c-slide-media {
8166      height: auto;
8167    }
8168  }
8169
8170  @media (width >= 1920px) {
8171    .c-slide-media {
8172      max-height: unset;
8173    }
8174  }
8175</style>
8176
8177
8178  <!-- RIGHT: Media -->
8179  <div class="c-slide-media js-open-video-modal" data-video-id="card_P6LBdz" data-has-video="true">
8180    
8181<video
8182    
8183    playsinline
8184    preload="none" data-autoplay muted
8185    loop
8186    
8187
8188 poster="//apolloneuro.com/cdn/shop/files/preview_images/188613390f3b4a6c89ff589e44b4b340.thumbnail.0000000000.jpg?v=1767094706&width=720"
8189 width="606" height="1080"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/188613390f3b4a6c89ff589e44b4b340/188613390f3b4a6c89ff589e44b4b340.HD-720p-4.5Mbps-66086053.mp4?v=0" type="video/mp4"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/188613390f3b4a6c89ff589e44b4b340/188613390f3b4a6c89ff589e44b4b340.HD-1080p-7.2Mbps-66086053.mp4?v=0" type="video/mp4"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/188613390f3b4a6c89ff589e44b4b340/188613390f3b4a6c89ff589e44b4b340.m3u8?v=0" type="application/x-mpegURL"><img
8190        src="//apolloneuro.com/cdn/shop/files/preview_images/188613390f3b4a6c89ff589e44b4b340.thumbnail.0000000000.jpg?v=1767094706&width=720"
8191        alt=""
8192        width="720"
8193        height="1280"
8194        loading="lazy"></video>
8195  </div>
8196
8197
8198                </div>
8199              
8200            
8201          
8202            
8203              <!-- Slide 1: Card -->
8204              
8205                <div
8206                  class="swiper-slide c-slide--card"
8207                  data-tag="Sleep"
8208                >
8209                  
8210
8211<style>
8212  .c-slide--card,
8213  .c-slide--media {
8214    width: 50%;
8215    display: flex;
8216    align-items: stretch;
8217    box-sizing: border-box;
8218  }
8219
8220  /* Mobile: stack */
8221  @media (max-width: 768px) {
8222    .c-slide--card,
8223    .c-slide--media {
8224      width: 100%;
8225    }
8226  }
8227</style>
8228
8229<style data-shopify>
8230    .c-slide-row {
8231      display: flex;
8232      flex-direction: row;
8233      align-items: stretch;
8234      justify-content: space-between;
8235      gap: 20px;
8236      width: 100%;
8237    }
8238
8239    @media (max-width: 768px) {
8240      .c-slide-row {
8241        gap: 12px;
8242      }
8243    }
8244
8245    /* ---- Card ---- */
8246    .c-card {
8247      flex: 1;
8248      display: flex;
8249      flex-direction: column;
8250      gap: 8px;
8251      background: #FFF;
8252      border-radius: 12px;
8253      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
8254      padding: 8px;
8255      position: relative;
8256      height: 100%;
8257      @media (width >= 768px) {
8258        height: fit-content;
8259      }
8260    }
8261
8262    .c-card-media {
8263      position: relative;
8264      border-radius: 12px;
8265      overflow: hidden;
8266      aspect-ratio: 16 / 19;
8267    }
8268
8269    .c-card-media img,
8270    .c-card-media video {
8271      width: 100%;
8272      height: 100%;
8273      display: block;
8274      object-fit: cover;
8275    }
8276
8277    .c-chip {
8278      position: absolute;
8279      top: 10px;
8280      left: 10px;
8281      background: #902239;
8282      color: #F3F3F3;
8283      padding: 4px 12px;
8284      border-radius: 8px;
8285      font-family: 'Montserrat'
8286      , sans-serif;
8287      font-size: 13px;
8288      display: none;
8289    }
8290
8291    .c-card-title,
8292    .c-card-title > p,
8293    .c-card-desc > p,
8294    .c-card-author
8295     {
8296      margin: 0;
8297    }
8298
8299    .c-card-title > p {
8300      color: #000;
8301      font-family: var(--body-family) !important;
8302      font-size: 22px;
8303      font-style: normal;
8304      font-weight: 400;
8305      line-height: normal;
8306    }
8307
8308    .c-card-desc > p {
8309      color: #000;
8310      font-family: var(--body-family) !important;
8311      font-size: 11.625px;
8312      font-style: normal;
8313      font-weight: 400;
8314      line-height: 18px;
8315    }
8316
8317    .c-card-author {
8318      color: #000;
8319      font-family: var(--body-family) !important;
8320      font-size: 12px;
8321      font-style: normal;
8322      font-weight: 400;
8323      line-height: 18px;
8324    }
8325
8326    .c-card-row {
8327      display: flex;
8328      justify-content: space-between;
8329      align-items: center;
8330    }
8331
8332    #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc {
8333    display: flex;
8334    padding: 8px 10px !important;
8335    justify-content: center;
8336    align-items: center;
8337    gap: 16px;
8338    border-radius: 5px;
8339    border: 1px solid #FFF;
8340    background: #F7B267;
8341    color: #FFFFFF !important;
8342    cursor: pointer;
8343    width: fit-content;
8344    align-self: flex-end;
8345    text-decoration: none;
8346    transition: all 0.2s ease;
8347  }
8348
8349  #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc:hover {
8350    background: #E6A256;
8351    transform: translateY(-1px);
8352  }
8353
8354  /* ---- Media ---- */
8355  .c-slide-media {
8356    flex: 1;
8357    border-radius: 12px;
8358    overflow: hidden;
8359    position: relative;
8360    display: flex;
8361    align-items: stretch;
8362    transition: transform 0.2s ease;
8363  }
8364
8365  .c-slide-media[data-has-video="true"] {
8366    cursor: pointer;
8367  }
8368
8369  .c-slide-media[data-has-video="true"]:hover {
8370    transform: scale(1.02);
8371  }
8372
8373  .c-slide-media img,
8374  .c-slide-media video {
8375    width: 100%;
8376    height: 100%;
8377    object-fit: cover;
8378    display: block;
8379    border-radius: 12px;
8380  }
8381
8382  /* Play button overlay - only show when video exists */
8383  .c-slide-media[data-has-video="true"]::before {
8384    content: '';
8385    position: absolute;
8386    top: 50%;
8387    left: 50%;
8388    transform: translate(-50%, -50%);
8389    width: 60px;
8390    height: 60px;
8391    background: rgba(255, 255, 255, 0.9);
8392    border-radius: 50%;
8393    display: flex;
8394    align-items: center;
8395    justify-content: center;
8396    opacity: 0;
8397    transition: opacity 0.3s ease;
8398    pointer-events: none;
8399    z-index: 10;
8400  }
8401
8402  .c-slide-media[data-has-video="true"]:hover::before {
8403    opacity: 1;
8404  }
8405
8406  .c-slide-media[data-has-video="true"]::after {
8407    content: '';
8408    position: absolute;
8409    top: 50%;
8410    left: 50%;
8411    transform: translate(-40%, -50%);
8412    width: 0;
8413    height: 0;
8414    border-left: 20px solid #181E21;
8415    border-top: 12px solid transparent;
8416    border-bottom: 12px solid transparent;
8417    opacity: 0;
8418    transition: opacity 0.3s ease;
8419    pointer-events: none;
8420    z-index: 11;
8421  }
8422
8423  .c-slide-media[data-has-video="true"]:hover::after {
8424    opacity: 1;
8425  }
8426
8427  /* Key: Make the slide itself stretch */
8428  .swiper-slide {
8429    display: flex !important;
8430    height: auto !important;
8431  }
8432
8433  .swiper-slide > .c-slide-row {
8434    flex: 1;
8435  }
8436
8437  @media (max-width: 768px) {
8438    .c-slide-media {
8439      height: auto;
8440    }
8441  }
8442
8443  @media (width >= 1920px) {
8444    .c-slide-media {
8445      max-height: unset;
8446    }
8447  }
8448</style>
8449
8450
8451  <!-- LEFT: Card -->
8452  <article class="c-card">
8453    <div class="c-card-media">
8454      
8455        <img src="//apolloneuro.com/cdn/shop/files/review-3dot5.png?v=1767096990&amp;width=800" alt="" srcset="//apolloneuro.com/cdn/shop/files/review-3dot5.png?v=1767096990&amp;width=352 352w, //apolloneuro.com/cdn/shop/files/review-3dot5.png?v=1767096990&amp;width=800 800w" width="800" height="939" loading="lazy">
8456      
8457      
8458        <span class="c-chip">Sleep</span>
8459      
8460    </div>
8461
8462    
8463
8464    
8465      <h3 class="c-card-title"><p>Better sleep rhythm</p></h3>
8466    
8467    
8468      <div class="c-card-desc"><p>After using sessions around bedtime, I slept deeper and woke more refreshed.</p></div>
8469    
8470
8471    <div class="c-card-row">
8472      
8473        <p class="c-card-author">- Lauren N.</p>
8474      
8475    </div>
8476
8477    
8478      
8479      <a
8480        href="/products/apollo-wearable-1-year-ai-membership-starter-kit"
8481        class="c-atc"
8482        aria-label="View Apollo Wearable + SmartVibes AI Membership"
8483      >
8484        <svg
8485          width="18"
8486          height="18"
8487          viewBox="0 0 18 18"
8488          fill="none"
8489          xmlns="http://www.w3.org/2000/svg"
8490        >
8491          <path
8492            d="M6.75 16.5c.414 0 .75-.336.75-.75S7.164 15 6.75 15A.75.75 0 0 0 6 15.75c0 .414.336.75.75.75Z"
8493            stroke="currentColor"
8494            stroke-width="1.5"
8495            stroke-linecap="round" />
8496          <path
8497            d="M15 16.5c.414 0 .75-.336.75-.75S15.414 15 15 15a.75.75 0 0 0 0 1.5Z"
8498            stroke="currentColor"
8499            stroke-width="1.5"
8500            stroke-linecap="round" />
8501          <path
8502            d="M.75.75H3.75L5.76 10.792c.068.346.256.656.53.877.274.221.617.338.97.331h7.29c.352.007.695-.11.969-.331.274-.22.462-.531.53-.877L17.25 4.5H4.5"
8503            stroke="currentColor"
8504            stroke-width="1.5"
8505            stroke-linecap="round" />
8506        </svg>
8507      </a>
8508    
8509  </article>
8510
8511
8512
8513                </div>
8514              
8515
8516              <!-- Slide 2: Media -->
8517              
8518            
8519          
8520            
8521              <!-- Slide 1: Card -->
8522              
8523                <div
8524                  class="swiper-slide c-slide--card"
8525                  data-tag="Calm"
8526                >
8527                  
8528
8529<style>
8530  .c-slide--card,
8531  .c-slide--media {
8532    width: 50%;
8533    display: flex;
8534    align-items: stretch;
8535    box-sizing: border-box;
8536  }
8537
8538  /* Mobile: stack */
8539  @media (max-width: 768px) {
8540    .c-slide--card,
8541    .c-slide--media {
8542      width: 100%;
8543    }
8544  }
8545</style>
8546
8547<style data-shopify>
8548    .c-slide-row {
8549      display: flex;
8550      flex-direction: row;
8551      align-items: stretch;
8552      justify-content: space-between;
8553      gap: 20px;
8554      width: 100%;
8555    }
8556
8557    @media (max-width: 768px) {
8558      .c-slide-row {
8559        gap: 12px;
8560      }
8561    }
8562
8563    /* ---- Card ---- */
8564    .c-card {
8565      flex: 1;
8566      display: flex;
8567      flex-direction: column;
8568      gap: 8px;
8569      background: #FFF;
8570      border-radius: 12px;
8571      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
8572      padding: 8px;
8573      position: relative;
8574      height: 100%;
8575      @media (width >= 768px) {
8576        height: fit-content;
8577      }
8578    }
8579
8580    .c-card-media {
8581      position: relative;
8582      border-radius: 12px;
8583      overflow: hidden;
8584      aspect-ratio: 16 / 19;
8585    }
8586
8587    .c-card-media img,
8588    .c-card-media video {
8589      width: 100%;
8590      height: 100%;
8591      display: block;
8592      object-fit: cover;
8593    }
8594
8595    .c-chip {
8596      position: absolute;
8597      top: 10px;
8598      left: 10px;
8599      background: #902239;
8600      color: #F3F3F3;
8601      padding: 4px 12px;
8602      border-radius: 8px;
8603      font-family: 'Montserrat'
8604      , sans-serif;
8605      font-size: 13px;
8606      display: none;
8607    }
8608
8609    .c-card-title,
8610    .c-card-title > p,
8611    .c-card-desc > p,
8612    .c-card-author
8613     {
8614      margin: 0;
8615    }
8616
8617    .c-card-title > p {
8618      color: #000;
8619      font-family: var(--body-family) !important;
8620      font-size: 22px;
8621      font-style: normal;
8622      font-weight: 400;
8623      line-height: normal;
8624    }
8625
8626    .c-card-desc > p {
8627      color: #000;
8628      font-family: var(--body-family) !important;
8629      font-size: 11.625px;
8630      font-style: normal;
8631      font-weight: 400;
8632      line-height: 18px;
8633    }
8634
8635    .c-card-author {
8636      color: #000;
8637      font-family: var(--body-family) !important;
8638      font-size: 12px;
8639      font-style: normal;
8640      font-weight: 400;
8641      line-height: 18px;
8642    }
8643
8644    .c-card-row {
8645      display: flex;
8646      justify-content: space-between;
8647      align-items: center;
8648    }
8649
8650    #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc {
8651    display: flex;
8652    padding: 8px 10px !important;
8653    justify-content: center;
8654    align-items: center;
8655    gap: 16px;
8656    border-radius: 5px;
8657    border: 1px solid #FFF;
8658    background: #F7B267;
8659    color: #FFFFFF !important;
8660    cursor: pointer;
8661    width: fit-content;
8662    align-self: flex-end;
8663    text-decoration: none;
8664    transition: all 0.2s ease;
8665  }
8666
8667  #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc:hover {
8668    background: #E6A256;
8669    transform: translateY(-1px);
8670  }
8671
8672  /* ---- Media ---- */
8673  .c-slide-media {
8674    flex: 1;
8675    border-radius: 12px;
8676    overflow: hidden;
8677    position: relative;
8678    display: flex;
8679    align-items: stretch;
8680    transition: transform 0.2s ease;
8681  }
8682
8683  .c-slide-media[data-has-video="true"] {
8684    cursor: pointer;
8685  }
8686
8687  .c-slide-media[data-has-video="true"]:hover {
8688    transform: scale(1.02);
8689  }
8690
8691  .c-slide-media img,
8692  .c-slide-media video {
8693    width: 100%;
8694    height: 100%;
8695    object-fit: cover;
8696    display: block;
8697    border-radius: 12px;
8698  }
8699
8700  /* Play button overlay - only show when video exists */
8701  .c-slide-media[data-has-video="true"]::before {
8702    content: '';
8703    position: absolute;
8704    top: 50%;
8705    left: 50%;
8706    transform: translate(-50%, -50%);
8707    width: 60px;
8708    height: 60px;
8709    background: rgba(255, 255, 255, 0.9);
8710    border-radius: 50%;
8711    display: flex;
8712    align-items: center;
8713    justify-content: center;
8714    opacity: 0;
8715    transition: opacity 0.3s ease;
8716    pointer-events: none;
8717    z-index: 10;
8718  }
8719
8720  .c-slide-media[data-has-video="true"]:hover::before {
8721    opacity: 1;
8722  }
8723
8724  .c-slide-media[data-has-video="true"]::after {
8725    content: '';
8726    position: absolute;
8727    top: 50%;
8728    left: 50%;
8729    transform: translate(-40%, -50%);
8730    width: 0;
8731    height: 0;
8732    border-left: 20px solid #181E21;
8733    border-top: 12px solid transparent;
8734    border-bottom: 12px solid transparent;
8735    opacity: 0;
8736    transition: opacity 0.3s ease;
8737    pointer-events: none;
8738    z-index: 11;
8739  }
8740
8741  .c-slide-media[data-has-video="true"]:hover::after {
8742    opacity: 1;
8743  }
8744
8745  /* Key: Make the slide itself stretch */
8746  .swiper-slide {
8747    display: flex !important;
8748    height: auto !important;
8749  }
8750
8751  .swiper-slide > .c-slide-row {
8752    flex: 1;
8753  }
8754
8755  @media (max-width: 768px) {
8756    .c-slide-media {
8757      height: auto;
8758    }
8759  }
8760
8761  @media (width >= 1920px) {
8762    .c-slide-media {
8763      max-height: unset;
8764    }
8765  }
8766</style>
8767
8768
8769  <!-- LEFT: Card -->
8770  <article class="c-card">
8771    <div class="c-card-media">
8772      
8773        <img src="//apolloneuro.com/cdn/shop/files/review-3_722b2b63-2d13-435a-804e-1e338ad9cf36.png?v=1767095728&amp;width=800" alt="" srcset="//apolloneuro.com/cdn/shop/files/review-3_722b2b63-2d13-435a-804e-1e338ad9cf36.png?v=1767095728&amp;width=352 352w, //apolloneuro.com/cdn/shop/files/review-3_722b2b63-2d13-435a-804e-1e338ad9cf36.png?v=1767095728&amp;width=800 800w" width="800" height="939" loading="lazy">
8774      
8775      
8776        <span class="c-chip">Calm</span>
8777      
8778    </div>
8779
8780    
8781
8782    
8783      <h3 class="c-card-title"><p>Calmer and grounded.</p></h3>
8784    
8785    
8786      <div class="c-card-desc"><p>Noticed reduced stress and felt more centered throughout the day.</p></div>
8787    
8788
8789    <div class="c-card-row">
8790      
8791        <p class="c-card-author">- Louise K.</p>
8792      
8793    </div>
8794
8795    
8796      
8797      <a
8798        href="/products/apollo-wearable-1-year-ai-membership-starter-kit"
8799        class="c-atc"
8800        aria-label="View Apollo Wearable + SmartVibes AI Membership"
8801      >
8802        <svg
8803          width="18"
8804          height="18"
8805          viewBox="0 0 18 18"
8806          fill="none"
8807          xmlns="http://www.w3.org/2000/svg"
8808        >
8809          <path
8810            d="M6.75 16.5c.414 0 .75-.336.75-.75S7.164 15 6.75 15A.75.75 0 0 0 6 15.75c0 .414.336.75.75.75Z"
8811            stroke="currentColor"
8812            stroke-width="1.5"
8813            stroke-linecap="round" />
8814          <path
8815            d="M15 16.5c.414 0 .75-.336.75-.75S15.414 15 15 15a.75.75 0 0 0 0 1.5Z"
8816            stroke="currentColor"
8817            stroke-width="1.5"
8818            stroke-linecap="round" />
8819          <path
8820            d="M.75.75H3.75L5.76 10.792c.068.346.256.656.53.877.274.221.617.338.97.331h7.29c.352.007.695-.11.969-.331.274-.22.462-.531.53-.877L17.25 4.5H4.5"
8821            stroke="currentColor"
8822            stroke-width="1.5"
8823            stroke-linecap="round" />
8824        </svg>
8825      </a>
8826    
8827  </article>
8828
8829
8830
8831                </div>
8832              
8833
8834              <!-- Slide 2: Media -->
8835              
8836                <div
8837                  class="swiper-slide c-slide--media"
8838                  data-tag="Calm"
8839                >
8840                  
8841
8842<style>
8843  .c-slide--card,
8844  .c-slide--media {
8845    width: 50%;
8846    display: flex;
8847    align-items: stretch;
8848    box-sizing: border-box;
8849  }
8850
8851  /* Mobile: stack */
8852  @media (max-width: 768px) {
8853    .c-slide--card,
8854    .c-slide--media {
8855      width: 100%;
8856    }
8857  }
8858</style>
8859
8860<style data-shopify>
8861    .c-slide-row {
8862      display: flex;
8863      flex-direction: row;
8864      align-items: stretch;
8865      justify-content: space-between;
8866      gap: 20px;
8867      width: 100%;
8868    }
8869
8870    @media (max-width: 768px) {
8871      .c-slide-row {
8872        gap: 12px;
8873      }
8874    }
8875
8876    /* ---- Card ---- */
8877    .c-card {
8878      flex: 1;
8879      display: flex;
8880      flex-direction: column;
8881      gap: 8px;
8882      background: #FFF;
8883      border-radius: 12px;
8884      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
8885      padding: 8px;
8886      position: relative;
8887      height: 100%;
8888      @media (width >= 768px) {
8889        height: fit-content;
8890      }
8891    }
8892
8893    .c-card-media {
8894      position: relative;
8895      border-radius: 12px;
8896      overflow: hidden;
8897      aspect-ratio: 16 / 19;
8898    }
8899
8900    .c-card-media img,
8901    .c-card-media video {
8902      width: 100%;
8903      height: 100%;
8904      display: block;
8905      object-fit: cover;
8906    }
8907
8908    .c-chip {
8909      position: absolute;
8910      top: 10px;
8911      left: 10px;
8912      background: #902239;
8913      color: #F3F3F3;
8914      padding: 4px 12px;
8915      border-radius: 8px;
8916      font-family: 'Montserrat'
8917      , sans-serif;
8918      font-size: 13px;
8919      display: none;
8920    }
8921
8922    .c-card-title,
8923    .c-card-title > p,
8924    .c-card-desc > p,
8925    .c-card-author
8926     {
8927      margin: 0;
8928    }
8929
8930    .c-card-title > p {
8931      color: #000;
8932      font-family: var(--body-family) !important;
8933      font-size: 22px;
8934      font-style: normal;
8935      font-weight: 400;
8936      line-height: normal;
8937    }
8938
8939    .c-card-desc > p {
8940      color: #000;
8941      font-family: var(--body-family) !important;
8942      font-size: 11.625px;
8943      font-style: normal;
8944      font-weight: 400;
8945      line-height: 18px;
8946    }
8947
8948    .c-card-author {
8949      color: #000;
8950      font-family: var(--body-family) !important;
8951      font-size: 12px;
8952      font-style: normal;
8953      font-weight: 400;
8954      line-height: 18px;
8955    }
8956
8957    .c-card-row {
8958      display: flex;
8959      justify-content: space-between;
8960      align-items: center;
8961    }
8962
8963    #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc {
8964    display: flex;
8965    padding: 8px 10px !important;
8966    justify-content: center;
8967    align-items: center;
8968    gap: 16px;
8969    border-radius: 5px;
8970    border: 1px solid #FFF;
8971    background: #F7B267;
8972    color: #FFFFFF !important;
8973    cursor: pointer;
8974    width: fit-content;
8975    align-self: flex-end;
8976    text-decoration: none;
8977    transition: all 0.2s ease;
8978  }
8979
8980  #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc:hover {
8981    background: #E6A256;
8982    transform: translateY(-1px);
8983  }
8984
8985  /* ---- Media ---- */
8986  .c-slide-media {
8987    flex: 1;
8988    border-radius: 12px;
8989    overflow: hidden;
8990    position: relative;
8991    display: flex;
8992    align-items: stretch;
8993    transition: transform 0.2s ease;
8994  }
8995
8996  .c-slide-media[data-has-video="true"] {
8997    cursor: pointer;
8998  }
8999
9000  .c-slide-media[data-has-video="true"]:hover {
9001    transform: scale(1.02);
9002  }
9003
9004  .c-slide-media img,
9005  .c-slide-media video {
9006    width: 100%;
9007    height: 100%;
9008    object-fit: cover;
9009    display: block;
9010    border-radius: 12px;
9011  }
9012
9013  /* Play button overlay - only show when video exists */
9014  .c-slide-media[data-has-video="true"]::before {
9015    content: '';
9016    position: absolute;
9017    top: 50%;
9018    left: 50%;
9019    transform: translate(-50%, -50%);
9020    width: 60px;
9021    height: 60px;
9022    background: rgba(255, 255, 255, 0.9);
9023    border-radius: 50%;
9024    display: flex;
9025    align-items: center;
9026    justify-content: center;
9027    opacity: 0;
9028    transition: opacity 0.3s ease;
9029    pointer-events: none;
9030    z-index: 10;
9031  }
9032
9033  .c-slide-media[data-has-video="true"]:hover::before {
9034    opacity: 1;
9035  }
9036
9037  .c-slide-media[data-has-video="true"]::after {
9038    content: '';
9039    position: absolute;
9040    top: 50%;
9041    left: 50%;
9042    transform: translate(-40%, -50%);
9043    width: 0;
9044    height: 0;
9045    border-left: 20px solid #181E21;
9046    border-top: 12px solid transparent;
9047    border-bottom: 12px solid transparent;
9048    opacity: 0;
9049    transition: opacity 0.3s ease;
9050    pointer-events: none;
9051    z-index: 11;
9052  }
9053
9054  .c-slide-media[data-has-video="true"]:hover::after {
9055    opacity: 1;
9056  }
9057
9058  /* Key: Make the slide itself stretch */
9059  .swiper-slide {
9060    display: flex !important;
9061    height: auto !important;
9062  }
9063
9064  .swiper-slide > .c-slide-row {
9065    flex: 1;
9066  }
9067
9068  @media (max-width: 768px) {
9069    .c-slide-media {
9070      height: auto;
9071    }
9072  }
9073
9074  @media (width >= 1920px) {
9075    .c-slide-media {
9076      max-height: unset;
9077    }
9078  }
9079</style>
9080
9081
9082  <!-- RIGHT: Media -->
9083  <div class="c-slide-media js-open-video-modal" data-video-id="card_tMTAqP" data-has-video="true">
9084    
9085<video
9086    
9087    playsinline
9088    preload="none" data-autoplay muted
9089    loop
9090    
9091
9092 poster="//apolloneuro.com/cdn/shop/files/preview_images/f10f6a05b1ac4ef3937877fd77bb4801.thumbnail.0000000000.jpg?v=1767095817&width=720"
9093 width="606" height="1080"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/f10f6a05b1ac4ef3937877fd77bb4801/f10f6a05b1ac4ef3937877fd77bb4801.HD-720p-1.6Mbps-66086789.mp4?v=0" type="video/mp4"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/f10f6a05b1ac4ef3937877fd77bb4801/f10f6a05b1ac4ef3937877fd77bb4801.HD-1080p-2.5Mbps-66086789.mp4?v=0" type="video/mp4"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/f10f6a05b1ac4ef3937877fd77bb4801/f10f6a05b1ac4ef3937877fd77bb4801.m3u8?v=0" type="application/x-mpegURL"><img
9094        src="//apolloneuro.com/cdn/shop/files/preview_images/f10f6a05b1ac4ef3937877fd77bb4801.thumbnail.0000000000.jpg?v=1767095817&width=720"
9095        alt=""
9096        width="720"
9097        height="1280"
9098        loading="lazy"></video>
9099  </div>
9100
9101
9102                </div>
9103              
9104            
9105          
9106            
9107              <!-- Slide 1: Card -->
9108              
9109                <div
9110                  class="swiper-slide c-slide--card"
9111                  data-tag="Calm"
9112                >
9113                  
9114
9115<style>
9116  .c-slide--card,
9117  .c-slide--media {
9118    width: 50%;
9119    display: flex;
9120    align-items: stretch;
9121    box-sizing: border-box;
9122  }
9123
9124  /* Mobile: stack */
9125  @media (max-width: 768px) {
9126    .c-slide--card,
9127    .c-slide--media {
9128      width: 100%;
9129    }
9130  }
9131</style>
9132
9133<style data-shopify>
9134    .c-slide-row {
9135      display: flex;
9136      flex-direction: row;
9137      align-items: stretch;
9138      justify-content: space-between;
9139      gap: 20px;
9140      width: 100%;
9141    }
9142
9143    @media (max-width: 768px) {
9144      .c-slide-row {
9145        gap: 12px;
9146      }
9147    }
9148
9149    /* ---- Card ---- */
9150    .c-card {
9151      flex: 1;
9152      display: flex;
9153      flex-direction: column;
9154      gap: 8px;
9155      background: #FFF;
9156      border-radius: 12px;
9157      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
9158      padding: 8px;
9159      position: relative;
9160      height: 100%;
9161      @media (width >= 768px) {
9162        height: fit-content;
9163      }
9164    }
9165
9166    .c-card-media {
9167      position: relative;
9168      border-radius: 12px;
9169      overflow: hidden;
9170      aspect-ratio: 16 / 19;
9171    }
9172
9173    .c-card-media img,
9174    .c-card-media video {
9175      width: 100%;
9176      height: 100%;
9177      display: block;
9178      object-fit: cover;
9179    }
9180
9181    .c-chip {
9182      position: absolute;
9183      top: 10px;
9184      left: 10px;
9185      background: #902239;
9186      color: #F3F3F3;
9187      padding: 4px 12px;
9188      border-radius: 8px;
9189      font-family: 'Montserrat'
9190      , sans-serif;
9191      font-size: 13px;
9192      display: none;
9193    }
9194
9195    .c-card-title,
9196    .c-card-title > p,
9197    .c-card-desc > p,
9198    .c-card-author
9199     {
9200      margin: 0;
9201    }
9202
9203    .c-card-title > p {
9204      color: #000;
9205      font-family: var(--body-family) !important;
9206      font-size: 22px;
9207      font-style: normal;
9208      font-weight: 400;
9209      line-height: normal;
9210    }
9211
9212    .c-card-desc > p {
9213      color: #000;
9214      font-family: var(--body-family) !important;
9215      font-size: 11.625px;
9216      font-style: normal;
9217      font-weight: 400;
9218      line-height: 18px;
9219    }
9220
9221    .c-card-author {
9222      color: #000;
9223      font-family: var(--body-family) !important;
9224      font-size: 12px;
9225      font-style: normal;
9226      font-weight: 400;
9227      line-height: 18px;
9228    }
9229
9230    .c-card-row {
9231      display: flex;
9232      justify-content: space-between;
9233      align-items: center;
9234    }
9235
9236    #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc {
9237    display: flex;
9238    padding: 8px 10px !important;
9239    justify-content: center;
9240    align-items: center;
9241    gap: 16px;
9242    border-radius: 5px;
9243    border: 1px solid #FFF;
9244    background: #F7B267;
9245    color: #FFFFFF !important;
9246    cursor: pointer;
9247    width: fit-content;
9248    align-self: flex-end;
9249    text-decoration: none;
9250    transition: all 0.2s ease;
9251  }
9252
9253  #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc:hover {
9254    background: #E6A256;
9255    transform: translateY(-1px);
9256  }
9257
9258  /* ---- Media ---- */
9259  .c-slide-media {
9260    flex: 1;
9261    border-radius: 12px;
9262    overflow: hidden;
9263    position: relative;
9264    display: flex;
9265    align-items: stretch;
9266    transition: transform 0.2s ease;
9267  }
9268
9269  .c-slide-media[data-has-video="true"] {
9270    cursor: pointer;
9271  }
9272
9273  .c-slide-media[data-has-video="true"]:hover {
9274    transform: scale(1.02);
9275  }
9276
9277  .c-slide-media img,
9278  .c-slide-media video {
9279    width: 100%;
9280    height: 100%;
9281    object-fit: cover;
9282    display: block;
9283    border-radius: 12px;
9284  }
9285
9286  /* Play button overlay - only show when video exists */
9287  .c-slide-media[data-has-video="true"]::before {
9288    content: '';
9289    position: absolute;
9290    top: 50%;
9291    left: 50%;
9292    transform: translate(-50%, -50%);
9293    width: 60px;
9294    height: 60px;
9295    background: rgba(255, 255, 255, 0.9);
9296    border-radius: 50%;
9297    display: flex;
9298    align-items: center;
9299    justify-content: center;
9300    opacity: 0;
9301    transition: opacity 0.3s ease;
9302    pointer-events: none;
9303    z-index: 10;
9304  }
9305
9306  .c-slide-media[data-has-video="true"]:hover::before {
9307    opacity: 1;
9308  }
9309
9310  .c-slide-media[data-has-video="true"]::after {
9311    content: '';
9312    position: absolute;
9313    top: 50%;
9314    left: 50%;
9315    transform: translate(-40%, -50%);
9316    width: 0;
9317    height: 0;
9318    border-left: 20px solid #181E21;
9319    border-top: 12px solid transparent;
9320    border-bottom: 12px solid transparent;
9321    opacity: 0;
9322    transition: opacity 0.3s ease;
9323    pointer-events: none;
9324    z-index: 11;
9325  }
9326
9327  .c-slide-media[data-has-video="true"]:hover::after {
9328    opacity: 1;
9329  }
9330
9331  /* Key: Make the slide itself stretch */
9332  .swiper-slide {
9333    display: flex !important;
9334    height: auto !important;
9335  }
9336
9337  .swiper-slide > .c-slide-row {
9338    flex: 1;
9339  }
9340
9341  @media (max-width: 768px) {
9342    .c-slide-media {
9343      height: auto;
9344    }
9345  }
9346
9347  @media (width >= 1920px) {
9348    .c-slide-media {
9349      max-height: unset;
9350    }
9351  }
9352</style>
9353
9354
9355  <!-- LEFT: Card -->
9356  <article class="c-card">
9357    <div class="c-card-media">
9358      
9359        <img src="//apolloneuro.com/cdn/shop/files/review-4_9dd5b514-09a9-46f3-9e66-28a11742a0af.png?v=1767095842&amp;width=800" alt="" srcset="//apolloneuro.com/cdn/shop/files/review-4_9dd5b514-09a9-46f3-9e66-28a11742a0af.png?v=1767095842&amp;width=352 352w, //apolloneuro.com/cdn/shop/files/review-4_9dd5b514-09a9-46f3-9e66-28a11742a0af.png?v=1767095842&amp;width=800 800w" width="800" height="939" loading="lazy">
9360      
9361      
9362        <span class="c-chip">Calm</span>
9363      
9364    </div>
9365
9366    
9367
9368    
9369      <h3 class="c-card-title"><p>Soothes first thing in stressful moments.</p></h3>
9370    
9371    
9372      <div class="c-card-desc"><p>Helps take the edge off during anxiety spikes.</p></div>
9373    
9374
9375    <div class="c-card-row">
9376      
9377        <p class="c-card-author">- Josh B.</p>
9378      
9379    </div>
9380
9381    
9382      
9383      <a
9384        href="/products/apollo-wearable-1-year-ai-membership-starter-kit"
9385        class="c-atc"
9386        aria-label="View Apollo Wearable + SmartVibes AI Membership"
9387      >
9388        <svg
9389          width="18"
9390          height="18"
9391          viewBox="0 0 18 18"
9392          fill="none"
9393          xmlns="http://www.w3.org/2000/svg"
9394        >
9395          <path
9396            d="M6.75 16.5c.414 0 .75-.336.75-.75S7.164 15 6.75 15A.75.75 0 0 0 6 15.75c0 .414.336.75.75.75Z"
9397            stroke="currentColor"
9398            stroke-width="1.5"
9399            stroke-linecap="round" />
9400          <path
9401            d="M15 16.5c.414 0 .75-.336.75-.75S15.414 15 15 15a.75.75 0 0 0 0 1.5Z"
9402            stroke="currentColor"
9403            stroke-width="1.5"
9404            stroke-linecap="round" />
9405          <path
9406            d="M.75.75H3.75L5.76 10.792c.068.346.256.656.53.877.274.221.617.338.97.331h7.29c.352.007.695-.11.969-.331.274-.22.462-.531.53-.877L17.25 4.5H4.5"
9407            stroke="currentColor"
9408            stroke-width="1.5"
9409            stroke-linecap="round" />
9410        </svg>
9411      </a>
9412    
9413  </article>
9414
9415
9416
9417                </div>
9418              
9419
9420              <!-- Slide 2: Media -->
9421              
9422                <div
9423                  class="swiper-slide c-slide--media"
9424                  data-tag="Calm"
9425                >
9426                  
9427
9428<style>
9429  .c-slide--card,
9430  .c-slide--media {
9431    width: 50%;
9432    display: flex;
9433    align-items: stretch;
9434    box-sizing: border-box;
9435  }
9436
9437  /* Mobile: stack */
9438  @media (max-width: 768px) {
9439    .c-slide--card,
9440    .c-slide--media {
9441      width: 100%;
9442    }
9443  }
9444</style>
9445
9446<style data-shopify>
9447    .c-slide-row {
9448      display: flex;
9449      flex-direction: row;
9450      align-items: stretch;
9451      justify-content: space-between;
9452      gap: 20px;
9453      width: 100%;
9454    }
9455
9456    @media (max-width: 768px) {
9457      .c-slide-row {
9458        gap: 12px;
9459      }
9460    }
9461
9462    /* ---- Card ---- */
9463    .c-card {
9464      flex: 1;
9465      display: flex;
9466      flex-direction: column;
9467      gap: 8px;
9468      background: #FFF;
9469      border-radius: 12px;
9470      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
9471      padding: 8px;
9472      position: relative;
9473      height: 100%;
9474      @media (width >= 768px) {
9475        height: fit-content;
9476      }
9477    }
9478
9479    .c-card-media {
9480      position: relative;
9481      border-radius: 12px;
9482      overflow: hidden;
9483      aspect-ratio: 16 / 19;
9484    }
9485
9486    .c-card-media img,
9487    .c-card-media video {
9488      width: 100%;
9489      height: 100%;
9490      display: block;
9491      object-fit: cover;
9492    }
9493
9494    .c-chip {
9495      position: absolute;
9496      top: 10px;
9497      left: 10px;
9498      background: #902239;
9499      color: #F3F3F3;
9500      padding: 4px 12px;
9501      border-radius: 8px;
9502      font-family: 'Montserrat'
9503      , sans-serif;
9504      font-size: 13px;
9505      display: none;
9506    }
9507
9508    .c-card-title,
9509    .c-card-title > p,
9510    .c-card-desc > p,
9511    .c-card-author
9512     {
9513      margin: 0;
9514    }
9515
9516    .c-card-title > p {
9517      color: #000;
9518      font-family: var(--body-family) !important;
9519      font-size: 22px;
9520      font-style: normal;
9521      font-weight: 400;
9522      line-height: normal;
9523    }
9524
9525    .c-card-desc > p {
9526      color: #000;
9527      font-family: var(--body-family) !important;
9528      font-size: 11.625px;
9529      font-style: normal;
9530      font-weight: 400;
9531      line-height: 18px;
9532    }
9533
9534    .c-card-author {
9535      color: #000;
9536      font-family: var(--body-family) !important;
9537      font-size: 12px;
9538      font-style: normal;
9539      font-weight: 400;
9540      line-height: 18px;
9541    }
9542
9543    .c-card-row {
9544      display: flex;
9545      justify-content: space-between;
9546      align-items: center;
9547    }
9548
9549    #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc {
9550    display: flex;
9551    padding: 8px 10px !important;
9552    justify-content: center;
9553    align-items: center;
9554    gap: 16px;
9555    border-radius: 5px;
9556    border: 1px solid #FFF;
9557    background: #F7B267;
9558    color: #FFFFFF !important;
9559    cursor: pointer;
9560    width: fit-content;
9561    align-self: flex-end;
9562    text-decoration: none;
9563    transition: all 0.2s ease;
9564  }
9565
9566  #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc:hover {
9567    background: #E6A256;
9568    transform: translateY(-1px);
9569  }
9570
9571  /* ---- Media ---- */
9572  .c-slide-media {
9573    flex: 1;
9574    border-radius: 12px;
9575    overflow: hidden;
9576    position: relative;
9577    display: flex;
9578    align-items: stretch;
9579    transition: transform 0.2s ease;
9580  }
9581
9582  .c-slide-media[data-has-video="true"] {
9583    cursor: pointer;
9584  }
9585
9586  .c-slide-media[data-has-video="true"]:hover {
9587    transform: scale(1.02);
9588  }
9589
9590  .c-slide-media img,
9591  .c-slide-media video {
9592    width: 100%;
9593    height: 100%;
9594    object-fit: cover;
9595    display: block;
9596    border-radius: 12px;
9597  }
9598
9599  /* Play button overlay - only show when video exists */
9600  .c-slide-media[data-has-video="true"]::before {
9601    content: '';
9602    position: absolute;
9603    top: 50%;
9604    left: 50%;
9605    transform: translate(-50%, -50%);
9606    width: 60px;
9607    height: 60px;
9608    background: rgba(255, 255, 255, 0.9);
9609    border-radius: 50%;
9610    display: flex;
9611    align-items: center;
9612    justify-content: center;
9613    opacity: 0;
9614    transition: opacity 0.3s ease;
9615    pointer-events: none;
9616    z-index: 10;
9617  }
9618
9619  .c-slide-media[data-has-video="true"]:hover::before {
9620    opacity: 1;
9621  }
9622
9623  .c-slide-media[data-has-video="true"]::after {
9624    content: '';
9625    position: absolute;
9626    top: 50%;
9627    left: 50%;
9628    transform: translate(-40%, -50%);
9629    width: 0;
9630    height: 0;
9631    border-left: 20px solid #181E21;
9632    border-top: 12px solid transparent;
9633    border-bottom: 12px solid transparent;
9634    opacity: 0;
9635    transition: opacity 0.3s ease;
9636    pointer-events: none;
9637    z-index: 11;
9638  }
9639
9640  .c-slide-media[data-has-video="true"]:hover::after {
9641    opacity: 1;
9642  }
9643
9644  /* Key: Make the slide itself stretch */
9645  .swiper-slide {
9646    display: flex !important;
9647    height: auto !important;
9648  }
9649
9650  .swiper-slide > .c-slide-row {
9651    flex: 1;
9652  }
9653
9654  @media (max-width: 768px) {
9655    .c-slide-media {
9656      height: auto;
9657    }
9658  }
9659
9660  @media (width >= 1920px) {
9661    .c-slide-media {
9662      max-height: unset;
9663    }
9664  }
9665</style>
9666
9667
9668  <!-- RIGHT: Media -->
9669  <div class="c-slide-media js-open-video-modal" data-video-id="card_qDEdPX" data-has-video="true">
9670    
9671<video
9672    
9673    playsinline
9674    preload="none" data-autoplay muted
9675    loop
9676    
9677
9678 poster="//apolloneuro.com/cdn/shop/files/preview_images/987a79332b634aa889cb4e29130126eb.thumbnail.0000000000.jpg?v=1767095917&width=720"
9679 width="606" height="1080"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/987a79332b634aa889cb4e29130126eb/987a79332b634aa889cb4e29130126eb.HD-720p-4.5Mbps-66086840.mp4?v=0" type="video/mp4"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/987a79332b634aa889cb4e29130126eb/987a79332b634aa889cb4e29130126eb.HD-1080p-7.2Mbps-66086840.mp4?v=0" type="video/mp4"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/987a79332b634aa889cb4e29130126eb/987a79332b634aa889cb4e29130126eb.m3u8?v=0" type="application/x-mpegURL"><img
9680        src="//apolloneuro.com/cdn/shop/files/preview_images/987a79332b634aa889cb4e29130126eb.thumbnail.0000000000.jpg?v=1767095917&width=720"
9681        alt=""
9682        width="720"
9683        height="1280"
9684        loading="lazy"></video>
9685  </div>
9686
9687
9688                </div>
9689              
9690            
9691          
9692            
9693              <!-- Slide 1: Card -->
9694              
9695                <div
9696                  class="swiper-slide c-slide--card"
9697                  data-tag="Calm"
9698                >
9699                  
9700
9701<style>
9702  .c-slide--card,
9703  .c-slide--media {
9704    width: 50%;
9705    display: flex;
9706    align-items: stretch;
9707    box-sizing: border-box;
9708  }
9709
9710  /* Mobile: stack */
9711  @media (max-width: 768px) {
9712    .c-slide--card,
9713    .c-slide--media {
9714      width: 100%;
9715    }
9716  }
9717</style>
9718
9719<style data-shopify>
9720    .c-slide-row {
9721      display: flex;
9722      flex-direction: row;
9723      align-items: stretch;
9724      justify-content: space-between;
9725      gap: 20px;
9726      width: 100%;
9727    }
9728
9729    @media (max-width: 768px) {
9730      .c-slide-row {
9731        gap: 12px;
9732      }
9733    }
9734
9735    /* ---- Card ---- */
9736    .c-card {
9737      flex: 1;
9738      display: flex;
9739      flex-direction: column;
9740      gap: 8px;
9741      background: #FFF;
9742      border-radius: 12px;
9743      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
9744      padding: 8px;
9745      position: relative;
9746      height: 100%;
9747      @media (width >= 768px) {
9748        height: fit-content;
9749      }
9750    }
9751
9752    .c-card-media {
9753      position: relative;
9754      border-radius: 12px;
9755      overflow: hidden;
9756      aspect-ratio: 16 / 19;
9757    }
9758
9759    .c-card-media img,
9760    .c-card-media video {
9761      width: 100%;
9762      height: 100%;
9763      display: block;
9764      object-fit: cover;
9765    }
9766
9767    .c-chip {
9768      position: absolute;
9769      top: 10px;
9770      left: 10px;
9771      background: #902239;
9772      color: #F3F3F3;
9773      padding: 4px 12px;
9774      border-radius: 8px;
9775      font-family: 'Montserrat'
9776      , sans-serif;
9777      font-size: 13px;
9778      display: none;
9779    }
9780
9781    .c-card-title,
9782    .c-card-title > p,
9783    .c-card-desc > p,
9784    .c-card-author
9785     {
9786      margin: 0;
9787    }
9788
9789    .c-card-title > p {
9790      color: #000;
9791      font-family: var(--body-family) !important;
9792      font-size: 22px;
9793      font-style: normal;
9794      font-weight: 400;
9795      line-height: normal;
9796    }
9797
9798    .c-card-desc > p {
9799      color: #000;
9800      font-family: var(--body-family) !important;
9801      font-size: 11.625px;
9802      font-style: normal;
9803      font-weight: 400;
9804      line-height: 18px;
9805    }
9806
9807    .c-card-author {
9808      color: #000;
9809      font-family: var(--body-family) !important;
9810      font-size: 12px;
9811      font-style: normal;
9812      font-weight: 400;
9813      line-height: 18px;
9814    }
9815
9816    .c-card-row {
9817      display: flex;
9818      justify-content: space-between;
9819      align-items: center;
9820    }
9821
9822    #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc {
9823    display: flex;
9824    padding: 8px 10px !important;
9825    justify-content: center;
9826    align-items: center;
9827    gap: 16px;
9828    border-radius: 5px;
9829    border: 1px solid #FFF;
9830    background: #F7B267;
9831    color: #FFFFFF !important;
9832    cursor: pointer;
9833    width: fit-content;
9834    align-self: flex-end;
9835    text-decoration: none;
9836    transition: all 0.2s ease;
9837  }
9838
9839  #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc:hover {
9840    background: #E6A256;
9841    transform: translateY(-1px);
9842  }
9843
9844  /* ---- Media ---- */
9845  .c-slide-media {
9846    flex: 1;
9847    border-radius: 12px;
9848    overflow: hidden;
9849    position: relative;
9850    display: flex;
9851    align-items: stretch;
9852    transition: transform 0.2s ease;
9853  }
9854
9855  .c-slide-media[data-has-video="true"] {
9856    cursor: pointer;
9857  }
9858
9859  .c-slide-media[data-has-video="true"]:hover {
9860    transform: scale(1.02);
9861  }
9862
9863  .c-slide-media img,
9864  .c-slide-media video {
9865    width: 100%;
9866    height: 100%;
9867    object-fit: cover;
9868    display: block;
9869    border-radius: 12px;
9870  }
9871
9872  /* Play button overlay - only show when video exists */
9873  .c-slide-media[data-has-video="true"]::before {
9874    content: '';
9875    position: absolute;
9876    top: 50%;
9877    left: 50%;
9878    transform: translate(-50%, -50%);
9879    width: 60px;
9880    height: 60px;
9881    background: rgba(255, 255, 255, 0.9);
9882    border-radius: 50%;
9883    display: flex;
9884    align-items: center;
9885    justify-content: center;
9886    opacity: 0;
9887    transition: opacity 0.3s ease;
9888    pointer-events: none;
9889    z-index: 10;
9890  }
9891
9892  .c-slide-media[data-has-video="true"]:hover::before {
9893    opacity: 1;
9894  }
9895
9896  .c-slide-media[data-has-video="true"]::after {
9897    content: '';
9898    position: absolute;
9899    top: 50%;
9900    left: 50%;
9901    transform: translate(-40%, -50%);
9902    width: 0;
9903    height: 0;
9904    border-left: 20px solid #181E21;
9905    border-top: 12px solid transparent;
9906    border-bottom: 12px solid transparent;
9907    opacity: 0;
9908    transition: opacity 0.3s ease;
9909    pointer-events: none;
9910    z-index: 11;
9911  }
9912
9913  .c-slide-media[data-has-video="true"]:hover::after {
9914    opacity: 1;
9915  }
9916
9917  /* Key: Make the slide itself stretch */
9918  .swiper-slide {
9919    display: flex !important;
9920    height: auto !important;
9921  }
9922
9923  .swiper-slide > .c-slide-row {
9924    flex: 1;
9925  }
9926
9927  @media (max-width: 768px) {
9928    .c-slide-media {
9929      height: auto;
9930    }
9931  }
9932
9933  @media (width >= 1920px) {
9934    .c-slide-media {
9935      max-height: unset;
9936    }
9937  }
9938</style>
9939
9940
9941  <!-- LEFT: Card -->
9942  <article class="c-card">
9943    <div class="c-card-media">
9944      
9945        <img src="//apolloneuro.com/cdn/shop/files/review-5dot5.png?v=1767097272&amp;width=800" alt="" srcset="//apolloneuro.com/cdn/shop/files/review-5dot5.png?v=1767097272&amp;width=352 352w, //apolloneuro.com/cdn/shop/files/review-5dot5.png?v=1767097272&amp;width=800 800w" width="800" height="939" loading="lazy">
9946      
9947      
9948        <span class="c-chip">Calm</span>
9949      
9950    </div>
9951
9952    
9953
9954    
9955      <h3 class="c-card-title"><p>Worked for tension & nerves.</p></h3>
9956    
9957    
9958      <div class="c-card-desc"><p>Helped settle nerves in social or busy situations.</p></div>
9959    
9960
9961    <div class="c-card-row">
9962      
9963        <p class="c-card-author">- David C.</p>
9964      
9965    </div>
9966
9967    
9968      
9969      <a
9970        href="/products/apollo-wearable-1-year-ai-membership-starter-kit"
9971        class="c-atc"
9972        aria-label="View Apollo Wearable + SmartVibes AI Membership"
9973      >
9974        <svg
9975          width="18"
9976          height="18"
9977          viewBox="0 0 18 18"
9978          fill="none"
9979          xmlns="http://www.w3.org/2000/svg"
9980        >
9981          <path
9982            d="M6.75 16.5c.414 0 .75-.336.75-.75S7.164 15 6.75 15A.75.75 0 0 0 6 15.75c0 .414.336.75.75.75Z"
9983            stroke="currentColor"
9984            stroke-width="1.5"
9985            stroke-linecap="round" />
9986          <path
9987            d="M15 16.5c.414 0 .75-.336.75-.75S15.414 15 15 15a.75.75 0 0 0 0 1.5Z"
9988            stroke="currentColor"
9989            stroke-width="1.5"
9990            stroke-linecap="round" />
9991          <path
9992            d="M.75.75H3.75L5.76 10.792c.068.346.256.656.53.877.274.221.617.338.97.331h7.29c.352.007.695-.11.969-.331.274-.22.462-.531.53-.877L17.25 4.5H4.5"
9993            stroke="currentColor"
9994            stroke-width="1.5"
9995            stroke-linecap="round" />
9996        </svg>
9997      </a>
9998    
9999  </article>
10000
10001
10002
10003                </div>
10004              
10005
10006              <!-- Slide 2: Media -->
10007              
10008            
10009          
10010            
10011              <!-- Slide 1: Card -->
10012              
10013                <div
10014                  class="swiper-slide c-slide--card"
10015                  data-tag="Focus"
10016                >
10017                  
10018
10019<style>
10020  .c-slide--card,
10021  .c-slide--media {
10022    width: 50%;
10023    display: flex;
10024    align-items: stretch;
10025    box-sizing: border-box;
10026  }
10027
10028  /* Mobile: stack */
10029  @media (max-width: 768px) {
10030    .c-slide--card,
10031    .c-slide--media {
10032      width: 100%;
10033    }
10034  }
10035</style>
10036
10037<style data-shopify>
10038    .c-slide-row {
10039      display: flex;
10040      flex-direction: row;
10041      align-items: stretch;
10042      justify-content: space-between;
10043      gap: 20px;
10044      width: 100%;
10045    }
10046
10047    @media (max-width: 768px) {
10048      .c-slide-row {
10049        gap: 12px;
10050      }
10051    }
10052
10053    /* ---- Card ---- */
10054    .c-card {
10055      flex: 1;
10056      display: flex;
10057      flex-direction: column;
10058      gap: 8px;
10059      background: #FFF;
10060      border-radius: 12px;
10061      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
10062      padding: 8px;
10063      position: relative;
10064      height: 100%;
10065      @media (width >= 768px) {
10066        height: fit-content;
10067      }
10068    }
10069
10070    .c-card-media {
10071      position: relative;
10072      border-radius: 12px;
10073      overflow: hidden;
10074      aspect-ratio: 16 / 19;
10075    }
10076
10077    .c-card-media img,
10078    .c-card-media video {
10079      width: 100%;
10080      height: 100%;
10081      display: block;
10082      object-fit: cover;
10083    }
10084
10085    .c-chip {
10086      position: absolute;
10087      top: 10px;
10088      left: 10px;
10089      background: #902239;
10090      color: #F3F3F3;
10091      padding: 4px 12px;
10092      border-radius: 8px;
10093      font-family: 'Montserrat'
10094      , sans-serif;
10095      font-size: 13px;
10096      display: none;
10097    }
10098
10099    .c-card-title,
10100    .c-card-title > p,
10101    .c-card-desc > p,
10102    .c-card-author
10103     {
10104      margin: 0;
10105    }
10106
10107    .c-card-title > p {
10108      color: #000;
10109      font-family: var(--body-family) !important;
10110      font-size: 22px;
10111      font-style: normal;
10112      font-weight: 400;
10113      line-height: normal;
10114    }
10115
10116    .c-card-desc > p {
10117      color: #000;
10118      font-family: var(--body-family) !important;
10119      font-size: 11.625px;
10120      font-style: normal;
10121      font-weight: 400;
10122      line-height: 18px;
10123    }
10124
10125    .c-card-author {
10126      color: #000;
10127      font-family: var(--body-family) !important;
10128      font-size: 12px;
10129      font-style: normal;
10130      font-weight: 400;
10131      line-height: 18px;
10132    }
10133
10134    .c-card-row {
10135      display: flex;
10136      justify-content: space-between;
10137      align-items: center;
10138    }
10139
10140    #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc {
10141    display: flex;
10142    padding: 8px 10px !important;
10143    justify-content: center;
10144    align-items: center;
10145    gap: 16px;
10146    border-radius: 5px;
10147    border: 1px solid #FFF;
10148    background: #F7B267;
10149    color: #FFFFFF !important;
10150    cursor: pointer;
10151    width: fit-content;
10152    align-self: flex-end;
10153    text-decoration: none;
10154    transition: all 0.2s ease;
10155  }
10156
10157  #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc:hover {
10158    background: #E6A256;
10159    transform: translateY(-1px);
10160  }
10161
10162  /* ---- Media ---- */
10163  .c-slide-media {
10164    flex: 1;
10165    border-radius: 12px;
10166    overflow: hidden;
10167    position: relative;
10168    display: flex;
10169    align-items: stretch;
10170    transition: transform 0.2s ease;
10171  }
10172
10173  .c-slide-media[data-has-video="true"] {
10174    cursor: pointer;
10175  }
10176
10177  .c-slide-media[data-has-video="true"]:hover {
10178    transform: scale(1.02);
10179  }
10180
10181  .c-slide-media img,
10182  .c-slide-media video {
10183    width: 100%;
10184    height: 100%;
10185    object-fit: cover;
10186    display: block;
10187    border-radius: 12px;
10188  }
10189
10190  /* Play button overlay - only show when video exists */
10191  .c-slide-media[data-has-video="true"]::before {
10192    content: '';
10193    position: absolute;
10194    top: 50%;
10195    left: 50%;
10196    transform: translate(-50%, -50%);
10197    width: 60px;
10198    height: 60px;
10199    background: rgba(255, 255, 255, 0.9);
10200    border-radius: 50%;
10201    display: flex;
10202    align-items: center;
10203    justify-content: center;
10204    opacity: 0;
10205    transition: opacity 0.3s ease;
10206    pointer-events: none;
10207    z-index: 10;
10208  }
10209
10210  .c-slide-media[data-has-video="true"]:hover::before {
10211    opacity: 1;
10212  }
10213
10214  .c-slide-media[data-has-video="true"]::after {
10215    content: '';
10216    position: absolute;
10217    top: 50%;
10218    left: 50%;
10219    transform: translate(-40%, -50%);
10220    width: 0;
10221    height: 0;
10222    border-left: 20px solid #181E21;
10223    border-top: 12px solid transparent;
10224    border-bottom: 12px solid transparent;
10225    opacity: 0;
10226    transition: opacity 0.3s ease;
10227    pointer-events: none;
10228    z-index: 11;
10229  }
10230
10231  .c-slide-media[data-has-video="true"]:hover::after {
10232    opacity: 1;
10233  }
10234
10235  /* Key: Make the slide itself stretch */
10236  .swiper-slide {
10237    display: flex !important;
10238    height: auto !important;
10239  }
10240
10241  .swiper-slide > .c-slide-row {
10242    flex: 1;
10243  }
10244
10245  @media (max-width: 768px) {
10246    .c-slide-media {
10247      height: auto;
10248    }
10249  }
10250
10251  @media (width >= 1920px) {
10252    .c-slide-media {
10253      max-height: unset;
10254    }
10255  }
10256</style>
10257
10258
10259  <!-- LEFT: Card -->
10260  <article class="c-card">
10261    <div class="c-card-media">
10262      
10263        <img src="//apolloneuro.com/cdn/shop/files/review-3_722b2b63-2d13-435a-804e-1e338ad9cf36.png?v=1767095728&amp;width=800" alt="" srcset="//apolloneuro.com/cdn/shop/files/review-3_722b2b63-2d13-435a-804e-1e338ad9cf36.png?v=1767095728&amp;width=352 352w, //apolloneuro.com/cdn/shop/files/review-3_722b2b63-2d13-435a-804e-1e338ad9cf36.png?v=1767095728&amp;width=800 800w" width="800" height="939" loading="lazy">
10264      
10265      
10266        <span class="c-chip">Focus</span>
10267      
10268    </div>
10269
10270    
10271
10272    
10273      <h3 class="c-card-title"><p>Feels like coffee without crash.</p></h3>
10274    
10275    
10276      <div class="c-card-desc"><p>Helps me stay focused without feeling wired or jittery.</p></div>
10277    
10278
10279    <div class="c-card-row">
10280      
10281        <p class="c-card-author">- Louise K.</p>
10282      
10283    </div>
10284
10285    
10286      
10287      <a
10288        href="/products/apollo-wearable-1-year-ai-membership-starter-kit"
10289        class="c-atc"
10290        aria-label="View Apollo Wearable + SmartVibes AI Membership"
10291      >
10292        <svg
10293          width="18"
10294          height="18"
10295          viewBox="0 0 18 18"
10296          fill="none"
10297          xmlns="http://www.w3.org/2000/svg"
10298        >
10299          <path
10300            d="M6.75 16.5c.414 0 .75-.336.75-.75S7.164 15 6.75 15A.75.75 0 0 0 6 15.75c0 .414.336.75.75.75Z"
10301            stroke="currentColor"
10302            stroke-width="1.5"
10303            stroke-linecap="round" />
10304          <path
10305            d="M15 16.5c.414 0 .75-.336.75-.75S15.414 15 15 15a.75.75 0 0 0 0 1.5Z"
10306            stroke="currentColor"
10307            stroke-width="1.5"
10308            stroke-linecap="round" />
10309          <path
10310            d="M.75.75H3.75L5.76 10.792c.068.346.256.656.53.877.274.221.617.338.97.331h7.29c.352.007.695-.11.969-.331.274-.22.462-.531.53-.877L17.25 4.5H4.5"
10311            stroke="currentColor"
10312            stroke-width="1.5"
10313            stroke-linecap="round" />
10314        </svg>
10315      </a>
10316    
10317  </article>
10318
10319
10320
10321                </div>
10322              
10323
10324              <!-- Slide 2: Media -->
10325              
10326                <div
10327                  class="swiper-slide c-slide--media"
10328                  data-tag="Focus"
10329                >
10330                  
10331
10332<style>
10333  .c-slide--card,
10334  .c-slide--media {
10335    width: 50%;
10336    display: flex;
10337    align-items: stretch;
10338    box-sizing: border-box;
10339  }
10340
10341  /* Mobile: stack */
10342  @media (max-width: 768px) {
10343    .c-slide--card,
10344    .c-slide--media {
10345      width: 100%;
10346    }
10347  }
10348</style>
10349
10350<style data-shopify>
10351    .c-slide-row {
10352      display: flex;
10353      flex-direction: row;
10354      align-items: stretch;
10355      justify-content: space-between;
10356      gap: 20px;
10357      width: 100%;
10358    }
10359
10360    @media (max-width: 768px) {
10361      .c-slide-row {
10362        gap: 12px;
10363      }
10364    }
10365
10366    /* ---- Card ---- */
10367    .c-card {
10368      flex: 1;
10369      display: flex;
10370      flex-direction: column;
10371      gap: 8px;
10372      background: #FFF;
10373      border-radius: 12px;
10374      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
10375      padding: 8px;
10376      position: relative;
10377      height: 100%;
10378      @media (width >= 768px) {
10379        height: fit-content;
10380      }
10381    }
10382
10383    .c-card-media {
10384      position: relative;
10385      border-radius: 12px;
10386      overflow: hidden;
10387      aspect-ratio: 16 / 19;
10388    }
10389
10390    .c-card-media img,
10391    .c-card-media video {
10392      width: 100%;
10393      height: 100%;
10394      display: block;
10395      object-fit: cover;
10396    }
10397
10398    .c-chip {
10399      position: absolute;
10400      top: 10px;
10401      left: 10px;
10402      background: #902239;
10403      color: #F3F3F3;
10404      padding: 4px 12px;
10405      border-radius: 8px;
10406      font-family: 'Montserrat'
10407      , sans-serif;
10408      font-size: 13px;
10409      display: none;
10410    }
10411
10412    .c-card-title,
10413    .c-card-title > p,
10414    .c-card-desc > p,
10415    .c-card-author
10416     {
10417      margin: 0;
10418    }
10419
10420    .c-card-title > p {
10421      color: #000;
10422      font-family: var(--body-family) !important;
10423      font-size: 22px;
10424      font-style: normal;
10425      font-weight: 400;
10426      line-height: normal;
10427    }
10428
10429    .c-card-desc > p {
10430      color: #000;
10431      font-family: var(--body-family) !important;
10432      font-size: 11.625px;
10433      font-style: normal;
10434      font-weight: 400;
10435      line-height: 18px;
10436    }
10437
10438    .c-card-author {
10439      color: #000;
10440      font-family: var(--body-family) !important;
10441      font-size: 12px;
10442      font-style: normal;
10443      font-weight: 400;
10444      line-height: 18px;
10445    }
10446
10447    .c-card-row {
10448      display: flex;
10449      justify-content: space-between;
10450      align-items: center;
10451    }
10452
10453    #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc {
10454    display: flex;
10455    padding: 8px 10px !important;
10456    justify-content: center;
10457    align-items: center;
10458    gap: 16px;
10459    border-radius: 5px;
10460    border: 1px solid #FFF;
10461    background: #F7B267;
10462    color: #FFFFFF !important;
10463    cursor: pointer;
10464    width: fit-content;
10465    align-self: flex-end;
10466    text-decoration: none;
10467    transition: all 0.2s ease;
10468  }
10469
10470  #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc:hover {
10471    background: #E6A256;
10472    transform: translateY(-1px);
10473  }
10474
10475  /* ---- Media ---- */
10476  .c-slide-media {
10477    flex: 1;
10478    border-radius: 12px;
10479    overflow: hidden;
10480    position: relative;
10481    display: flex;
10482    align-items: stretch;
10483    transition: transform 0.2s ease;
10484  }
10485
10486  .c-slide-media[data-has-video="true"] {
10487    cursor: pointer;
10488  }
10489
10490  .c-slide-media[data-has-video="true"]:hover {
10491    transform: scale(1.02);
10492  }
10493
10494  .c-slide-media img,
10495  .c-slide-media video {
10496    width: 100%;
10497    height: 100%;
10498    object-fit: cover;
10499    display: block;
10500    border-radius: 12px;
10501  }
10502
10503  /* Play button overlay - only show when video exists */
10504  .c-slide-media[data-has-video="true"]::before {
10505    content: '';
10506    position: absolute;
10507    top: 50%;
10508    left: 50%;
10509    transform: translate(-50%, -50%);
10510    width: 60px;
10511    height: 60px;
10512    background: rgba(255, 255, 255, 0.9);
10513    border-radius: 50%;
10514    display: flex;
10515    align-items: center;
10516    justify-content: center;
10517    opacity: 0;
10518    transition: opacity 0.3s ease;
10519    pointer-events: none;
10520    z-index: 10;
10521  }
10522
10523  .c-slide-media[data-has-video="true"]:hover::before {
10524    opacity: 1;
10525  }
10526
10527  .c-slide-media[data-has-video="true"]::after {
10528    content: '';
10529    position: absolute;
10530    top: 50%;
10531    left: 50%;
10532    transform: translate(-40%, -50%);
10533    width: 0;
10534    height: 0;
10535    border-left: 20px solid #181E21;
10536    border-top: 12px solid transparent;
10537    border-bottom: 12px solid transparent;
10538    opacity: 0;
10539    transition: opacity 0.3s ease;
10540    pointer-events: none;
10541    z-index: 11;
10542  }
10543
10544  .c-slide-media[data-has-video="true"]:hover::after {
10545    opacity: 1;
10546  }
10547
10548  /* Key: Make the slide itself stretch */
10549  .swiper-slide {
10550    display: flex !important;
10551    height: auto !important;
10552  }
10553
10554  .swiper-slide > .c-slide-row {
10555    flex: 1;
10556  }
10557
10558  @media (max-width: 768px) {
10559    .c-slide-media {
10560      height: auto;
10561    }
10562  }
10563
10564  @media (width >= 1920px) {
10565    .c-slide-media {
10566      max-height: unset;
10567    }
10568  }
10569</style>
10570
10571
10572  <!-- RIGHT: Media -->
10573  <div class="c-slide-media js-open-video-modal" data-video-id="card_EzdQdG" data-has-video="true">
10574    
10575<video
10576    
10577    playsinline
10578    preload="none" data-autoplay muted
10579    loop
10580    
10581
10582 poster="//apolloneuro.com/cdn/shop/files/preview_images/e476cf33224c41a5b71dd943f2eb57bd.thumbnail.0000000000.jpg?v=1767097610&width=720"
10583 width="606" height="1080"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/e476cf33224c41a5b71dd943f2eb57bd/e476cf33224c41a5b71dd943f2eb57bd.HD-720p-1.6Mbps-66088096.mp4?v=0" type="video/mp4"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/e476cf33224c41a5b71dd943f2eb57bd/e476cf33224c41a5b71dd943f2eb57bd.HD-1080p-2.5Mbps-66088096.mp4?v=0" type="video/mp4"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/e476cf33224c41a5b71dd943f2eb57bd/e476cf33224c41a5b71dd943f2eb57bd.m3u8?v=0" type="application/x-mpegURL"><img
10584        src="//apolloneuro.com/cdn/shop/files/preview_images/e476cf33224c41a5b71dd943f2eb57bd.thumbnail.0000000000.jpg?v=1767097610&width=720"
10585        alt=""
10586        width="720"
10587        height="1280"
10588        loading="lazy"></video>
10589  </div>
10590
10591
10592                </div>
10593              
10594            
10595          
10596            
10597              <!-- Slide 1: Card -->
10598              
10599                <div
10600                  class="swiper-slide c-slide--card"
10601                  data-tag="Focus"
10602                >
10603                  
10604
10605<style>
10606  .c-slide--card,
10607  .c-slide--media {
10608    width: 50%;
10609    display: flex;
10610    align-items: stretch;
10611    box-sizing: border-box;
10612  }
10613
10614  /* Mobile: stack */
10615  @media (max-width: 768px) {
10616    .c-slide--card,
10617    .c-slide--media {
10618      width: 100%;
10619    }
10620  }
10621</style>
10622
10623<style data-shopify>
10624    .c-slide-row {
10625      display: flex;
10626      flex-direction: row;
10627      align-items: stretch;
10628      justify-content: space-between;
10629      gap: 20px;
10630      width: 100%;
10631    }
10632
10633    @media (max-width: 768px) {
10634      .c-slide-row {
10635        gap: 12px;
10636      }
10637    }
10638
10639    /* ---- Card ---- */
10640    .c-card {
10641      flex: 1;
10642      display: flex;
10643      flex-direction: column;
10644      gap: 8px;
10645      background: #FFF;
10646      border-radius: 12px;
10647      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
10648      padding: 8px;
10649      position: relative;
10650      height: 100%;
10651      @media (width >= 768px) {
10652        height: fit-content;
10653      }
10654    }
10655
10656    .c-card-media {
10657      position: relative;
10658      border-radius: 12px;
10659      overflow: hidden;
10660      aspect-ratio: 16 / 19;
10661    }
10662
10663    .c-card-media img,
10664    .c-card-media video {
10665      width: 100%;
10666      height: 100%;
10667      display: block;
10668      object-fit: cover;
10669    }
10670
10671    .c-chip {
10672      position: absolute;
10673      top: 10px;
10674      left: 10px;
10675      background: #902239;
10676      color: #F3F3F3;
10677      padding: 4px 12px;
10678      border-radius: 8px;
10679      font-family: 'Montserrat'
10680      , sans-serif;
10681      font-size: 13px;
10682      display: none;
10683    }
10684
10685    .c-card-title,
10686    .c-card-title > p,
10687    .c-card-desc > p,
10688    .c-card-author
10689     {
10690      margin: 0;
10691    }
10692
10693    .c-card-title > p {
10694      color: #000;
10695      font-family: var(--body-family) !important;
10696      font-size: 22px;
10697      font-style: normal;
10698      font-weight: 400;
10699      line-height: normal;
10700    }
10701
10702    .c-card-desc > p {
10703      color: #000;
10704      font-family: var(--body-family) !important;
10705      font-size: 11.625px;
10706      font-style: normal;
10707      font-weight: 400;
10708      line-height: 18px;
10709    }
10710
10711    .c-card-author {
10712      color: #000;
10713      font-family: var(--body-family) !important;
10714      font-size: 12px;
10715      font-style: normal;
10716      font-weight: 400;
10717      line-height: 18px;
10718    }
10719
10720    .c-card-row {
10721      display: flex;
10722      justify-content: space-between;
10723      align-items: center;
10724    }
10725
10726    #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc {
10727    display: flex;
10728    padding: 8px 10px !important;
10729    justify-content: center;
10730    align-items: center;
10731    gap: 16px;
10732    border-radius: 5px;
10733    border: 1px solid #FFF;
10734    background: #F7B267;
10735    color: #FFFFFF !important;
10736    cursor: pointer;
10737    width: fit-content;
10738    align-self: flex-end;
10739    text-decoration: none;
10740    transition: all 0.2s ease;
10741  }
10742
10743  #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc:hover {
10744    background: #E6A256;
10745    transform: translateY(-1px);
10746  }
10747
10748  /* ---- Media ---- */
10749  .c-slide-media {
10750    flex: 1;
10751    border-radius: 12px;
10752    overflow: hidden;
10753    position: relative;
10754    display: flex;
10755    align-items: stretch;
10756    transition: transform 0.2s ease;
10757  }
10758
10759  .c-slide-media[data-has-video="true"] {
10760    cursor: pointer;
10761  }
10762
10763  .c-slide-media[data-has-video="true"]:hover {
10764    transform: scale(1.02);
10765  }
10766
10767  .c-slide-media img,
10768  .c-slide-media video {
10769    width: 100%;
10770    height: 100%;
10771    object-fit: cover;
10772    display: block;
10773    border-radius: 12px;
10774  }
10775
10776  /* Play button overlay - only show when video exists */
10777  .c-slide-media[data-has-video="true"]::before {
10778    content: '';
10779    position: absolute;
10780    top: 50%;
10781    left: 50%;
10782    transform: translate(-50%, -50%);
10783    width: 60px;
10784    height: 60px;
10785    background: rgba(255, 255, 255, 0.9);
10786    border-radius: 50%;
10787    display: flex;
10788    align-items: center;
10789    justify-content: center;
10790    opacity: 0;
10791    transition: opacity 0.3s ease;
10792    pointer-events: none;
10793    z-index: 10;
10794  }
10795
10796  .c-slide-media[data-has-video="true"]:hover::before {
10797    opacity: 1;
10798  }
10799
10800  .c-slide-media[data-has-video="true"]::after {
10801    content: '';
10802    position: absolute;
10803    top: 50%;
10804    left: 50%;
10805    transform: translate(-40%, -50%);
10806    width: 0;
10807    height: 0;
10808    border-left: 20px solid #181E21;
10809    border-top: 12px solid transparent;
10810    border-bottom: 12px solid transparent;
10811    opacity: 0;
10812    transition: opacity 0.3s ease;
10813    pointer-events: none;
10814    z-index: 11;
10815  }
10816
10817  .c-slide-media[data-has-video="true"]:hover::after {
10818    opacity: 1;
10819  }
10820
10821  /* Key: Make the slide itself stretch */
10822  .swiper-slide {
10823    display: flex !important;
10824    height: auto !important;
10825  }
10826
10827  .swiper-slide > .c-slide-row {
10828    flex: 1;
10829  }
10830
10831  @media (max-width: 768px) {
10832    .c-slide-media {
10833      height: auto;
10834    }
10835  }
10836
10837  @media (width >= 1920px) {
10838    .c-slide-media {
10839      max-height: unset;
10840    }
10841  }
10842</style>
10843
10844
10845  <!-- LEFT: Card -->
10846  <article class="c-card">
10847    <div class="c-card-media">
10848      
10849        <img src="//apolloneuro.com/cdn/shop/files/review-6.png?v=1767097674&amp;width=800" alt="" srcset="//apolloneuro.com/cdn/shop/files/review-6.png?v=1767097674&amp;width=352 352w, //apolloneuro.com/cdn/shop/files/review-6.png?v=1767097674&amp;width=800 800w" width="800" height="939" loading="lazy">
10850      
10851      
10852        <span class="c-chip">Focus</span>
10853      
10854    </div>
10855
10856    
10857
10858    
10859      <h3 class="c-card-title"><p>Improved daily clarity.</p></h3>
10860    
10861    
10862      <div class="c-card-desc"><p>Perfect for deep work sessions — I get distracted way less.</p></div>
10863    
10864
10865    <div class="c-card-row">
10866      
10867        <p class="c-card-author">- Natasha M.</p>
10868      
10869    </div>
10870
10871    
10872      
10873      <a
10874        href="/products/apollo-wearable-1-year-ai-membership-starter-kit"
10875        class="c-atc"
10876        aria-label="View Apollo Wearable + SmartVibes AI Membership"
10877      >
10878        <svg
10879          width="18"
10880          height="18"
10881          viewBox="0 0 18 18"
10882          fill="none"
10883          xmlns="http://www.w3.org/2000/svg"
10884        >
10885          <path
10886            d="M6.75 16.5c.414 0 .75-.336.75-.75S7.164 15 6.75 15A.75.75 0 0 0 6 15.75c0 .414.336.75.75.75Z"
10887            stroke="currentColor"
10888            stroke-width="1.5"
10889            stroke-linecap="round" />
10890          <path
10891            d="M15 16.5c.414 0 .75-.336.75-.75S15.414 15 15 15a.75.75 0 0 0 0 1.5Z"
10892            stroke="currentColor"
10893            stroke-width="1.5"
10894            stroke-linecap="round" />
10895          <path
10896            d="M.75.75H3.75L5.76 10.792c.068.346.256.656.53.877.274.221.617.338.97.331h7.29c.352.007.695-.11.969-.331.274-.22.462-.531.53-.877L17.25 4.5H4.5"
10897            stroke="currentColor"
10898            stroke-width="1.5"
10899            stroke-linecap="round" />
10900        </svg>
10901      </a>
10902    
10903  </article>
10904
10905
10906
10907                </div>
10908              
10909
10910              <!-- Slide 2: Media -->
10911              
10912                <div
10913                  class="swiper-slide c-slide--media"
10914                  data-tag="Focus"
10915                >
10916                  
10917
10918<style>
10919  .c-slide--card,
10920  .c-slide--media {
10921    width: 50%;
10922    display: flex;
10923    align-items: stretch;
10924    box-sizing: border-box;
10925  }
10926
10927  /* Mobile: stack */
10928  @media (max-width: 768px) {
10929    .c-slide--card,
10930    .c-slide--media {
10931      width: 100%;
10932    }
10933  }
10934</style>
10935
10936<style data-shopify>
10937    .c-slide-row {
10938      display: flex;
10939      flex-direction: row;
10940      align-items: stretch;
10941      justify-content: space-between;
10942      gap: 20px;
10943      width: 100%;
10944    }
10945
10946    @media (max-width: 768px) {
10947      .c-slide-row {
10948        gap: 12px;
10949      }
10950    }
10951
10952    /* ---- Card ---- */
10953    .c-card {
10954      flex: 1;
10955      display: flex;
10956      flex-direction: column;
10957      gap: 8px;
10958      background: #FFF;
10959      border-radius: 12px;
10960      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
10961      padding: 8px;
10962      position: relative;
10963      height: 100%;
10964      @media (width >= 768px) {
10965        height: fit-content;
10966      }
10967    }
10968
10969    .c-card-media {
10970      position: relative;
10971      border-radius: 12px;
10972      overflow: hidden;
10973      aspect-ratio: 16 / 19;
10974    }
10975
10976    .c-card-media img,
10977    .c-card-media video {
10978      width: 100%;
10979      height: 100%;
10980      display: block;
10981      object-fit: cover;
10982    }
10983
10984    .c-chip {
10985      position: absolute;
10986      top: 10px;
10987      left: 10px;
10988      background: #902239;
10989      color: #F3F3F3;
10990      padding: 4px 12px;
10991      border-radius: 8px;
10992      font-family: 'Montserrat'
10993      , sans-serif;
10994      font-size: 13px;
10995      display: none;
10996    }
10997
10998    .c-card-title,
10999    .c-card-title > p,
11000    .c-card-desc > p,
11001    .c-card-author
11002     {
11003      margin: 0;
11004    }
11005
11006    .c-card-title > p {
11007      color: #000;
11008      font-family: var(--body-family) !important;
11009      font-size: 22px;
11010      font-style: normal;
11011      font-weight: 400;
11012      line-height: normal;
11013    }
11014
11015    .c-card-desc > p {
11016      color: #000;
11017      font-family: var(--body-family) !important;
11018      font-size: 11.625px;
11019      font-style: normal;
11020      font-weight: 400;
11021      line-height: 18px;
11022    }
11023
11024    .c-card-author {
11025      color: #000;
11026      font-family: var(--body-family) !important;
11027      font-size: 12px;
11028      font-style: normal;
11029      font-weight: 400;
11030      line-height: 18px;
11031    }
11032
11033    .c-card-row {
11034      display: flex;
11035      justify-content: space-between;
11036      align-items: center;
11037    }
11038
11039    #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc {
11040    display: flex;
11041    padding: 8px 10px !important;
11042    justify-content: center;
11043    align-items: center;
11044    gap: 16px;
11045    border-radius: 5px;
11046    border: 1px solid #FFF;
11047    background: #F7B267;
11048    color: #FFFFFF !important;
11049    cursor: pointer;
11050    width: fit-content;
11051    align-self: flex-end;
11052    text-decoration: none;
11053    transition: all 0.2s ease;
11054  }
11055
11056  #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc:hover {
11057    background: #E6A256;
11058    transform: translateY(-1px);
11059  }
11060
11061  /* ---- Media ---- */
11062  .c-slide-media {
11063    flex: 1;
11064    border-radius: 12px;
11065    overflow: hidden;
11066    position: relative;
11067    display: flex;
11068    align-items: stretch;
11069    transition: transform 0.2s ease;
11070  }
11071
11072  .c-slide-media[data-has-video="true"] {
11073    cursor: pointer;
11074  }
11075
11076  .c-slide-media[data-has-video="true"]:hover {
11077    transform: scale(1.02);
11078  }
11079
11080  .c-slide-media img,
11081  .c-slide-media video {
11082    width: 100%;
11083    height: 100%;
11084    object-fit: cover;
11085    display: block;
11086    border-radius: 12px;
11087  }
11088
11089  /* Play button overlay - only show when video exists */
11090  .c-slide-media[data-has-video="true"]::before {
11091    content: '';
11092    position: absolute;
11093    top: 50%;
11094    left: 50%;
11095    transform: translate(-50%, -50%);
11096    width: 60px;
11097    height: 60px;
11098    background: rgba(255, 255, 255, 0.9);
11099    border-radius: 50%;
11100    display: flex;
11101    align-items: center;
11102    justify-content: center;
11103    opacity: 0;
11104    transition: opacity 0.3s ease;
11105    pointer-events: none;
11106    z-index: 10;
11107  }
11108
11109  .c-slide-media[data-has-video="true"]:hover::before {
11110    opacity: 1;
11111  }
11112
11113  .c-slide-media[data-has-video="true"]::after {
11114    content: '';
11115    position: absolute;
11116    top: 50%;
11117    left: 50%;
11118    transform: translate(-40%, -50%);
11119    width: 0;
11120    height: 0;
11121    border-left: 20px solid #181E21;
11122    border-top: 12px solid transparent;
11123    border-bottom: 12px solid transparent;
11124    opacity: 0;
11125    transition: opacity 0.3s ease;
11126    pointer-events: none;
11127    z-index: 11;
11128  }
11129
11130  .c-slide-media[data-has-video="true"]:hover::after {
11131    opacity: 1;
11132  }
11133
11134  /* Key: Make the slide itself stretch */
11135  .swiper-slide {
11136    display: flex !important;
11137    height: auto !important;
11138  }
11139
11140  .swiper-slide > .c-slide-row {
11141    flex: 1;
11142  }
11143
11144  @media (max-width: 768px) {
11145    .c-slide-media {
11146      height: auto;
11147    }
11148  }
11149
11150  @media (width >= 1920px) {
11151    .c-slide-media {
11152      max-height: unset;
11153    }
11154  }
11155</style>
11156
11157
11158  <!-- RIGHT: Media -->
11159  <div class="c-slide-media js-open-video-modal" data-video-id="card_bEzrwc" data-has-video="true">
11160    
11161<video
11162    
11163    playsinline
11164    preload="none" data-autoplay muted
11165    loop
11166    
11167
11168 poster="//apolloneuro.com/cdn/shop/files/preview_images/bb7234c8545c4caea4d14dd525bafa01.thumbnail.0000000000.jpg?v=1767097751&width=720"
11169 width="864" height="1080"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/bb7234c8545c4caea4d14dd525bafa01/bb7234c8545c4caea4d14dd525bafa01.HD-720p-4.5Mbps-66088181.mp4?v=0" type="video/mp4"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/bb7234c8545c4caea4d14dd525bafa01/bb7234c8545c4caea4d14dd525bafa01.HD-1080p-7.2Mbps-66088181.mp4?v=0" type="video/mp4"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/bb7234c8545c4caea4d14dd525bafa01/bb7234c8545c4caea4d14dd525bafa01.m3u8?v=0" type="application/x-mpegURL"><img
11170        src="//apolloneuro.com/cdn/shop/files/preview_images/bb7234c8545c4caea4d14dd525bafa01.thumbnail.0000000000.jpg?v=1767097751&width=720"
11171        alt=""
11172        width="720"
11173        height="900"
11174        loading="lazy"></video>
11175  </div>
11176
11177
11178                </div>
11179              
11180            
11181          
11182            
11183              <!-- Slide 1: Card -->
11184              
11185                <div
11186                  class="swiper-slide c-slide--card"
11187                  data-tag="Focus"
11188                >
11189                  
11190
11191<style>
11192  .c-slide--card,
11193  .c-slide--media {
11194    width: 50%;
11195    display: flex;
11196    align-items: stretch;
11197    box-sizing: border-box;
11198  }
11199
11200  /* Mobile: stack */
11201  @media (max-width: 768px) {
11202    .c-slide--card,
11203    .c-slide--media {
11204      width: 100%;
11205    }
11206  }
11207</style>
11208
11209<style data-shopify>
11210    .c-slide-row {
11211      display: flex;
11212      flex-direction: row;
11213      align-items: stretch;
11214      justify-content: space-between;
11215      gap: 20px;
11216      width: 100%;
11217    }
11218
11219    @media (max-width: 768px) {
11220      .c-slide-row {
11221        gap: 12px;
11222      }
11223    }
11224
11225    /* ---- Card ---- */
11226    .c-card {
11227      flex: 1;
11228      display: flex;
11229      flex-direction: column;
11230      gap: 8px;
11231      background: #FFF;
11232      border-radius: 12px;
11233      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
11234      padding: 8px;
11235      position: relative;
11236      height: 100%;
11237      @media (width >= 768px) {
11238        height: fit-content;
11239      }
11240    }
11241
11242    .c-card-media {
11243      position: relative;
11244      border-radius: 12px;
11245      overflow: hidden;
11246      aspect-ratio: 16 / 19;
11247    }
11248
11249    .c-card-media img,
11250    .c-card-media video {
11251      width: 100%;
11252      height: 100%;
11253      display: block;
11254      object-fit: cover;
11255    }
11256
11257    .c-chip {
11258      position: absolute;
11259      top: 10px;
11260      left: 10px;
11261      background: #902239;
11262      color: #F3F3F3;
11263      padding: 4px 12px;
11264      border-radius: 8px;
11265      font-family: 'Montserrat'
11266      , sans-serif;
11267      font-size: 13px;
11268      display: none;
11269    }
11270
11271    .c-card-title,
11272    .c-card-title > p,
11273    .c-card-desc > p,
11274    .c-card-author
11275     {
11276      margin: 0;
11277    }
11278
11279    .c-card-title > p {
11280      color: #000;
11281      font-family: var(--body-family) !important;
11282      font-size: 22px;
11283      font-style: normal;
11284      font-weight: 400;
11285      line-height: normal;
11286    }
11287
11288    .c-card-desc > p {
11289      color: #000;
11290      font-family: var(--body-family) !important;
11291      font-size: 11.625px;
11292      font-style: normal;
11293      font-weight: 400;
11294      line-height: 18px;
11295    }
11296
11297    .c-card-author {
11298      color: #000;
11299      font-family: var(--body-family) !important;
11300      font-size: 12px;
11301      font-style: normal;
11302      font-weight: 400;
11303      line-height: 18px;
11304    }
11305
11306    .c-card-row {
11307      display: flex;
11308      justify-content: space-between;
11309      align-items: center;
11310    }
11311
11312    #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc {
11313    display: flex;
11314    padding: 8px 10px !important;
11315    justify-content: center;
11316    align-items: center;
11317    gap: 16px;
11318    border-radius: 5px;
11319    border: 1px solid #FFF;
11320    background: #F7B267;
11321    color: #FFFFFF !important;
11322    cursor: pointer;
11323    width: fit-content;
11324    align-self: flex-end;
11325    text-decoration: none;
11326    transition: all 0.2s ease;
11327  }
11328
11329  #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc:hover {
11330    background: #E6A256;
11331    transform: translateY(-1px);
11332  }
11333
11334  /* ---- Media ---- */
11335  .c-slide-media {
11336    flex: 1;
11337    border-radius: 12px;
11338    overflow: hidden;
11339    position: relative;
11340    display: flex;
11341    align-items: stretch;
11342    transition: transform 0.2s ease;
11343  }
11344
11345  .c-slide-media[data-has-video="true"] {
11346    cursor: pointer;
11347  }
11348
11349  .c-slide-media[data-has-video="true"]:hover {
11350    transform: scale(1.02);
11351  }
11352
11353  .c-slide-media img,
11354  .c-slide-media video {
11355    width: 100%;
11356    height: 100%;
11357    object-fit: cover;
11358    display: block;
11359    border-radius: 12px;
11360  }
11361
11362  /* Play button overlay - only show when video exists */
11363  .c-slide-media[data-has-video="true"]::before {
11364    content: '';
11365    position: absolute;
11366    top: 50%;
11367    left: 50%;
11368    transform: translate(-50%, -50%);
11369    width: 60px;
11370    height: 60px;
11371    background: rgba(255, 255, 255, 0.9);
11372    border-radius: 50%;
11373    display: flex;
11374    align-items: center;
11375    justify-content: center;
11376    opacity: 0;
11377    transition: opacity 0.3s ease;
11378    pointer-events: none;
11379    z-index: 10;
11380  }
11381
11382  .c-slide-media[data-has-video="true"]:hover::before {
11383    opacity: 1;
11384  }
11385
11386  .c-slide-media[data-has-video="true"]::after {
11387    content: '';
11388    position: absolute;
11389    top: 50%;
11390    left: 50%;
11391    transform: translate(-40%, -50%);
11392    width: 0;
11393    height: 0;
11394    border-left: 20px solid #181E21;
11395    border-top: 12px solid transparent;
11396    border-bottom: 12px solid transparent;
11397    opacity: 0;
11398    transition: opacity 0.3s ease;
11399    pointer-events: none;
11400    z-index: 11;
11401  }
11402
11403  .c-slide-media[data-has-video="true"]:hover::after {
11404    opacity: 1;
11405  }
11406
11407  /* Key: Make the slide itself stretch */
11408  .swiper-slide {
11409    display: flex !important;
11410    height: auto !important;
11411  }
11412
11413  .swiper-slide > .c-slide-row {
11414    flex: 1;
11415  }
11416
11417  @media (max-width: 768px) {
11418    .c-slide-media {
11419      height: auto;
11420    }
11421  }
11422
11423  @media (width >= 1920px) {
11424    .c-slide-media {
11425      max-height: unset;
11426    }
11427  }
11428</style>
11429
11430
11431  <!-- LEFT: Card -->
11432  <article class="c-card">
11433    <div class="c-card-media">
11434      
11435        <img src="//apolloneuro.com/cdn/shop/files/review-7.png?v=1767097800&amp;width=800" alt="" srcset="//apolloneuro.com/cdn/shop/files/review-7.png?v=1767097800&amp;width=352 352w, //apolloneuro.com/cdn/shop/files/review-7.png?v=1767097800&amp;width=800 800w" width="800" height="939" loading="lazy">
11436      
11437      
11438        <span class="c-chip">Focus</span>
11439      
11440    </div>
11441
11442    
11443
11444    
11445      <h3 class="c-card-title"><p>Flow and productivity increased.</p></h3>
11446    
11447    
11448      <div class="c-card-desc"><p>My productivity improved without the usual burnout.</p></div>
11449    
11450
11451    <div class="c-card-row">
11452      
11453        <p class="c-card-author">- Carl J.</p>
11454      
11455    </div>
11456
11457    
11458      
11459      <a
11460        href="/products/apollo-wearable-1-year-ai-membership-starter-kit"
11461        class="c-atc"
11462        aria-label="View Apollo Wearable + SmartVibes AI Membership"
11463      >
11464        <svg
11465          width="18"
11466          height="18"
11467          viewBox="0 0 18 18"
11468          fill="none"
11469          xmlns="http://www.w3.org/2000/svg"
11470        >
11471          <path
11472            d="M6.75 16.5c.414 0 .75-.336.75-.75S7.164 15 6.75 15A.75.75 0 0 0 6 15.75c0 .414.336.75.75.75Z"
11473            stroke="currentColor"
11474            stroke-width="1.5"
11475            stroke-linecap="round" />
11476          <path
11477            d="M15 16.5c.414 0 .75-.336.75-.75S15.414 15 15 15a.75.75 0 0 0 0 1.5Z"
11478            stroke="currentColor"
11479            stroke-width="1.5"
11480            stroke-linecap="round" />
11481          <path
11482            d="M.75.75H3.75L5.76 10.792c.068.346.256.656.53.877.274.221.617.338.97.331h7.29c.352.007.695-.11.969-.331.274-.22.462-.531.53-.877L17.25 4.5H4.5"
11483            stroke="currentColor"
11484            stroke-width="1.5"
11485            stroke-linecap="round" />
11486        </svg>
11487      </a>
11488    
11489  </article>
11490
11491
11492
11493                </div>
11494              
11495
11496              <!-- Slide 2: Media -->
11497              
11498            
11499          
11500            
11501              <!-- Slide 1: Card -->
11502              
11503                <div
11504                  class="swiper-slide c-slide--card"
11505                  data-tag="Recovery"
11506                >
11507                  
11508
11509<style>
11510  .c-slide--card,
11511  .c-slide--media {
11512    width: 50%;
11513    display: flex;
11514    align-items: stretch;
11515    box-sizing: border-box;
11516  }
11517
11518  /* Mobile: stack */
11519  @media (max-width: 768px) {
11520    .c-slide--card,
11521    .c-slide--media {
11522      width: 100%;
11523    }
11524  }
11525</style>
11526
11527<style data-shopify>
11528    .c-slide-row {
11529      display: flex;
11530      flex-direction: row;
11531      align-items: stretch;
11532      justify-content: space-between;
11533      gap: 20px;
11534      width: 100%;
11535    }
11536
11537    @media (max-width: 768px) {
11538      .c-slide-row {
11539        gap: 12px;
11540      }
11541    }
11542
11543    /* ---- Card ---- */
11544    .c-card {
11545      flex: 1;
11546      display: flex;
11547      flex-direction: column;
11548      gap: 8px;
11549      background: #FFF;
11550      border-radius: 12px;
11551      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
11552      padding: 8px;
11553      position: relative;
11554      height: 100%;
11555      @media (width >= 768px) {
11556        height: fit-content;
11557      }
11558    }
11559
11560    .c-card-media {
11561      position: relative;
11562      border-radius: 12px;
11563      overflow: hidden;
11564      aspect-ratio: 16 / 19;
11565    }
11566
11567    .c-card-media img,
11568    .c-card-media video {
11569      width: 100%;
11570      height: 100%;
11571      display: block;
11572      object-fit: cover;
11573    }
11574
11575    .c-chip {
11576      position: absolute;
11577      top: 10px;
11578      left: 10px;
11579      background: #902239;
11580      color: #F3F3F3;
11581      padding: 4px 12px;
11582      border-radius: 8px;
11583      font-family: 'Montserrat'
11584      , sans-serif;
11585      font-size: 13px;
11586      display: none;
11587    }
11588
11589    .c-card-title,
11590    .c-card-title > p,
11591    .c-card-desc > p,
11592    .c-card-author
11593     {
11594      margin: 0;
11595    }
11596
11597    .c-card-title > p {
11598      color: #000;
11599      font-family: var(--body-family) !important;
11600      font-size: 22px;
11601      font-style: normal;
11602      font-weight: 400;
11603      line-height: normal;
11604    }
11605
11606    .c-card-desc > p {
11607      color: #000;
11608      font-family: var(--body-family) !important;
11609      font-size: 11.625px;
11610      font-style: normal;
11611      font-weight: 400;
11612      line-height: 18px;
11613    }
11614
11615    .c-card-author {
11616      color: #000;
11617      font-family: var(--body-family) !important;
11618      font-size: 12px;
11619      font-style: normal;
11620      font-weight: 400;
11621      line-height: 18px;
11622    }
11623
11624    .c-card-row {
11625      display: flex;
11626      justify-content: space-between;
11627      align-items: center;
11628    }
11629
11630    #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc {
11631    display: flex;
11632    padding: 8px 10px !important;
11633    justify-content: center;
11634    align-items: center;
11635    gap: 16px;
11636    border-radius: 5px;
11637    border: 1px solid #FFF;
11638    background: #F7B267;
11639    color: #FFFFFF !important;
11640    cursor: pointer;
11641    width: fit-content;
11642    align-self: flex-end;
11643    text-decoration: none;
11644    transition: all 0.2s ease;
11645  }
11646
11647  #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc:hover {
11648    background: #E6A256;
11649    transform: translateY(-1px);
11650  }
11651
11652  /* ---- Media ---- */
11653  .c-slide-media {
11654    flex: 1;
11655    border-radius: 12px;
11656    overflow: hidden;
11657    position: relative;
11658    display: flex;
11659    align-items: stretch;
11660    transition: transform 0.2s ease;
11661  }
11662
11663  .c-slide-media[data-has-video="true"] {
11664    cursor: pointer;
11665  }
11666
11667  .c-slide-media[data-has-video="true"]:hover {
11668    transform: scale(1.02);
11669  }
11670
11671  .c-slide-media img,
11672  .c-slide-media video {
11673    width: 100%;
11674    height: 100%;
11675    object-fit: cover;
11676    display: block;
11677    border-radius: 12px;
11678  }
11679
11680  /* Play button overlay - only show when video exists */
11681  .c-slide-media[data-has-video="true"]::before {
11682    content: '';
11683    position: absolute;
11684    top: 50%;
11685    left: 50%;
11686    transform: translate(-50%, -50%);
11687    width: 60px;
11688    height: 60px;
11689    background: rgba(255, 255, 255, 0.9);
11690    border-radius: 50%;
11691    display: flex;
11692    align-items: center;
11693    justify-content: center;
11694    opacity: 0;
11695    transition: opacity 0.3s ease;
11696    pointer-events: none;
11697    z-index: 10;
11698  }
11699
11700  .c-slide-media[data-has-video="true"]:hover::before {
11701    opacity: 1;
11702  }
11703
11704  .c-slide-media[data-has-video="true"]::after {
11705    content: '';
11706    position: absolute;
11707    top: 50%;
11708    left: 50%;
11709    transform: translate(-40%, -50%);
11710    width: 0;
11711    height: 0;
11712    border-left: 20px solid #181E21;
11713    border-top: 12px solid transparent;
11714    border-bottom: 12px solid transparent;
11715    opacity: 0;
11716    transition: opacity 0.3s ease;
11717    pointer-events: none;
11718    z-index: 11;
11719  }
11720
11721  .c-slide-media[data-has-video="true"]:hover::after {
11722    opacity: 1;
11723  }
11724
11725  /* Key: Make the slide itself stretch */
11726  .swiper-slide {
11727    display: flex !important;
11728    height: auto !important;
11729  }
11730
11731  .swiper-slide > .c-slide-row {
11732    flex: 1;
11733  }
11734
11735  @media (max-width: 768px) {
11736    .c-slide-media {
11737      height: auto;
11738    }
11739  }
11740
11741  @media (width >= 1920px) {
11742    .c-slide-media {
11743      max-height: unset;
11744    }
11745  }
11746</style>
11747
11748
11749  <!-- LEFT: Card -->
11750  <article class="c-card">
11751    <div class="c-card-media">
11752      
11753        <img src="//apolloneuro.com/cdn/shop/files/review-8.png?v=1767098016&amp;width=800" alt="" srcset="//apolloneuro.com/cdn/shop/files/review-8.png?v=1767098016&amp;width=352 352w, //apolloneuro.com/cdn/shop/files/review-8.png?v=1767098016&amp;width=800 800w" width="800" height="939" loading="lazy">
11754      
11755      
11756        <span class="c-chip">Recovery</span>
11757      
11758    </div>
11759
11760    
11761
11762    
11763      <h3 class="c-card-title"><p>Recovery mode helps<br/>bounce back.</p></h3>
11764    
11765    
11766      <div class="c-card-desc"><p>Recovery mode helps me unwind after long,<br/>stressful days.</p></div>
11767    
11768
11769    <div class="c-card-row">
11770      
11771        <p class="c-card-author">- Nelly M.</p>
11772      
11773    </div>
11774
11775    
11776      
11777      <a
11778        href="/products/apollo-wearable-1-year-ai-membership-starter-kit"
11779        class="c-atc"
11780        aria-label="View Apollo Wearable + SmartVibes AI Membership"
11781      >
11782        <svg
11783          width="18"
11784          height="18"
11785          viewBox="0 0 18 18"
11786          fill="none"
11787          xmlns="http://www.w3.org/2000/svg"
11788        >
11789          <path
11790            d="M6.75 16.5c.414 0 .75-.336.75-.75S7.164 15 6.75 15A.75.75 0 0 0 6 15.75c0 .414.336.75.75.75Z"
11791            stroke="currentColor"
11792            stroke-width="1.5"
11793            stroke-linecap="round" />
11794          <path
11795            d="M15 16.5c.414 0 .75-.336.75-.75S15.414 15 15 15a.75.75 0 0 0 0 1.5Z"
11796            stroke="currentColor"
11797            stroke-width="1.5"
11798            stroke-linecap="round" />
11799          <path
11800            d="M.75.75H3.75L5.76 10.792c.068.346.256.656.53.877.274.221.617.338.97.331h7.29c.352.007.695-.11.969-.331.274-.22.462-.531.53-.877L17.25 4.5H4.5"
11801            stroke="currentColor"
11802            stroke-width="1.5"
11803            stroke-linecap="round" />
11804        </svg>
11805      </a>
11806    
11807  </article>
11808
11809
11810
11811                </div>
11812              
11813
11814              <!-- Slide 2: Media -->
11815              
11816                <div
11817                  class="swiper-slide c-slide--media"
11818                  data-tag="Recovery"
11819                >
11820                  
11821
11822<style>
11823  .c-slide--card,
11824  .c-slide--media {
11825    width: 50%;
11826    display: flex;
11827    align-items: stretch;
11828    box-sizing: border-box;
11829  }
11830
11831  /* Mobile: stack */
11832  @media (max-width: 768px) {
11833    .c-slide--card,
11834    .c-slide--media {
11835      width: 100%;
11836    }
11837  }
11838</style>
11839
11840<style data-shopify>
11841    .c-slide-row {
11842      display: flex;
11843      flex-direction: row;
11844      align-items: stretch;
11845      justify-content: space-between;
11846      gap: 20px;
11847      width: 100%;
11848    }
11849
11850    @media (max-width: 768px) {
11851      .c-slide-row {
11852        gap: 12px;
11853      }
11854    }
11855
11856    /* ---- Card ---- */
11857    .c-card {
11858      flex: 1;
11859      display: flex;
11860      flex-direction: column;
11861      gap: 8px;
11862      background: #FFF;
11863      border-radius: 12px;
11864      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
11865      padding: 8px;
11866      position: relative;
11867      height: 100%;
11868      @media (width >= 768px) {
11869        height: fit-content;
11870      }
11871    }
11872
11873    .c-card-media {
11874      position: relative;
11875      border-radius: 12px;
11876      overflow: hidden;
11877      aspect-ratio: 16 / 19;
11878    }
11879
11880    .c-card-media img,
11881    .c-card-media video {
11882      width: 100%;
11883      height: 100%;
11884      display: block;
11885      object-fit: cover;
11886    }
11887
11888    .c-chip {
11889      position: absolute;
11890      top: 10px;
11891      left: 10px;
11892      background: #902239;
11893      color: #F3F3F3;
11894      padding: 4px 12px;
11895      border-radius: 8px;
11896      font-family: 'Montserrat'
11897      , sans-serif;
11898      font-size: 13px;
11899      display: none;
11900    }
11901
11902    .c-card-title,
11903    .c-card-title > p,
11904    .c-card-desc > p,
11905    .c-card-author
11906     {
11907      margin: 0;
11908    }
11909
11910    .c-card-title > p {
11911      color: #000;
11912      font-family: var(--body-family) !important;
11913      font-size: 22px;
11914      font-style: normal;
11915      font-weight: 400;
11916      line-height: normal;
11917    }
11918
11919    .c-card-desc > p {
11920      color: #000;
11921      font-family: var(--body-family) !important;
11922      font-size: 11.625px;
11923      font-style: normal;
11924      font-weight: 400;
11925      line-height: 18px;
11926    }
11927
11928    .c-card-author {
11929      color: #000;
11930      font-family: var(--body-family) !important;
11931      font-size: 12px;
11932      font-style: normal;
11933      font-weight: 400;
11934      line-height: 18px;
11935    }
11936
11937    .c-card-row {
11938      display: flex;
11939      justify-content: space-between;
11940      align-items: center;
11941    }
11942
11943    #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc {
11944    display: flex;
11945    padding: 8px 10px !important;
11946    justify-content: center;
11947    align-items: center;
11948    gap: 16px;
11949    border-radius: 5px;
11950    border: 1px solid #FFF;
11951    background: #F7B267;
11952    color: #FFFFFF !important;
11953    cursor: pointer;
11954    width: fit-content;
11955    align-self: flex-end;
11956    text-decoration: none;
11957    transition: all 0.2s ease;
11958  }
11959
11960  #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc:hover {
11961    background: #E6A256;
11962    transform: translateY(-1px);
11963  }
11964
11965  /* ---- Media ---- */
11966  .c-slide-media {
11967    flex: 1;
11968    border-radius: 12px;
11969    overflow: hidden;
11970    position: relative;
11971    display: flex;
11972    align-items: stretch;
11973    transition: transform 0.2s ease;
11974  }
11975
11976  .c-slide-media[data-has-video="true"] {
11977    cursor: pointer;
11978  }
11979
11980  .c-slide-media[data-has-video="true"]:hover {
11981    transform: scale(1.02);
11982  }
11983
11984  .c-slide-media img,
11985  .c-slide-media video {
11986    width: 100%;
11987    height: 100%;
11988    object-fit: cover;
11989    display: block;
11990    border-radius: 12px;
11991  }
11992
11993  /* Play button overlay - only show when video exists */
11994  .c-slide-media[data-has-video="true"]::before {
11995    content: '';
11996    position: absolute;
11997    top: 50%;
11998    left: 50%;
11999    transform: translate(-50%, -50%);
12000    width: 60px;
12001    height: 60px;
12002    background: rgba(255, 255, 255, 0.9);
12003    border-radius: 50%;
12004    display: flex;
12005    align-items: center;
12006    justify-content: center;
12007    opacity: 0;
12008    transition: opacity 0.3s ease;
12009    pointer-events: none;
12010    z-index: 10;
12011  }
12012
12013  .c-slide-media[data-has-video="true"]:hover::before {
12014    opacity: 1;
12015  }
12016
12017  .c-slide-media[data-has-video="true"]::after {
12018    content: '';
12019    position: absolute;
12020    top: 50%;
12021    left: 50%;
12022    transform: translate(-40%, -50%);
12023    width: 0;
12024    height: 0;
12025    border-left: 20px solid #181E21;
12026    border-top: 12px solid transparent;
12027    border-bottom: 12px solid transparent;
12028    opacity: 0;
12029    transition: opacity 0.3s ease;
12030    pointer-events: none;
12031    z-index: 11;
12032  }
12033
12034  .c-slide-media[data-has-video="true"]:hover::after {
12035    opacity: 1;
12036  }
12037
12038  /* Key: Make the slide itself stretch */
12039  .swiper-slide {
12040    display: flex !important;
12041    height: auto !important;
12042  }
12043
12044  .swiper-slide > .c-slide-row {
12045    flex: 1;
12046  }
12047
12048  @media (max-width: 768px) {
12049    .c-slide-media {
12050      height: auto;
12051    }
12052  }
12053
12054  @media (width >= 1920px) {
12055    .c-slide-media {
12056      max-height: unset;
12057    }
12058  }
12059</style>
12060
12061
12062  <!-- RIGHT: Media -->
12063  <div class="c-slide-media js-open-video-modal" data-video-id="card_bpmKPj" data-has-video="true">
12064    
12065<video
12066    
12067    playsinline
12068    preload="none" data-autoplay muted
12069    loop
12070    
12071
12072 poster="//apolloneuro.com/cdn/shop/files/preview_images/a4f2507e346f4f88b70c3ed5af96f0d7.thumbnail.0000000000.jpg?v=1767098103&width=720"
12073 width="1080" height="1920"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/a4f2507e346f4f88b70c3ed5af96f0d7/a4f2507e346f4f88b70c3ed5af96f0d7.HD-720p-1.6Mbps-66088446.mp4?v=0" type="video/mp4"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/a4f2507e346f4f88b70c3ed5af96f0d7/a4f2507e346f4f88b70c3ed5af96f0d7.HD-1080p-2.5Mbps-66088446.mp4?v=0" type="video/mp4"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/a4f2507e346f4f88b70c3ed5af96f0d7/a4f2507e346f4f88b70c3ed5af96f0d7.m3u8?v=0" type="application/x-mpegURL"><img
12074        src="//apolloneuro.com/cdn/shop/files/preview_images/a4f2507e346f4f88b70c3ed5af96f0d7.thumbnail.0000000000.jpg?v=1767098103&width=720"
12075        alt=""
12076        width="720"
12077        height="1280"
12078        loading="lazy"></video>
12079  </div>
12080
12081
12082                </div>
12083              
12084            
12085          
12086            
12087              <!-- Slide 1: Card -->
12088              
12089                <div
12090                  class="swiper-slide c-slide--card"
12091                  data-tag="Recovery"
12092                >
12093                  
12094
12095<style>
12096  .c-slide--card,
12097  .c-slide--media {
12098    width: 50%;
12099    display: flex;
12100    align-items: stretch;
12101    box-sizing: border-box;
12102  }
12103
12104  /* Mobile: stack */
12105  @media (max-width: 768px) {
12106    .c-slide--card,
12107    .c-slide--media {
12108      width: 100%;
12109    }
12110  }
12111</style>
12112
12113<style data-shopify>
12114    .c-slide-row {
12115      display: flex;
12116      flex-direction: row;
12117      align-items: stretch;
12118      justify-content: space-between;
12119      gap: 20px;
12120      width: 100%;
12121    }
12122
12123    @media (max-width: 768px) {
12124      .c-slide-row {
12125        gap: 12px;
12126      }
12127    }
12128
12129    /* ---- Card ---- */
12130    .c-card {
12131      flex: 1;
12132      display: flex;
12133      flex-direction: column;
12134      gap: 8px;
12135      background: #FFF;
12136      border-radius: 12px;
12137      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
12138      padding: 8px;
12139      position: relative;
12140      height: 100%;
12141      @media (width >= 768px) {
12142        height: fit-content;
12143      }
12144    }
12145
12146    .c-card-media {
12147      position: relative;
12148      border-radius: 12px;
12149      overflow: hidden;
12150      aspect-ratio: 16 / 19;
12151    }
12152
12153    .c-card-media img,
12154    .c-card-media video {
12155      width: 100%;
12156      height: 100%;
12157      display: block;
12158      object-fit: cover;
12159    }
12160
12161    .c-chip {
12162      position: absolute;
12163      top: 10px;
12164      left: 10px;
12165      background: #902239;
12166      color: #F3F3F3;
12167      padding: 4px 12px;
12168      border-radius: 8px;
12169      font-family: 'Montserrat'
12170      , sans-serif;
12171      font-size: 13px;
12172      display: none;
12173    }
12174
12175    .c-card-title,
12176    .c-card-title > p,
12177    .c-card-desc > p,
12178    .c-card-author
12179     {
12180      margin: 0;
12181    }
12182
12183    .c-card-title > p {
12184      color: #000;
12185      font-family: var(--body-family) !important;
12186      font-size: 22px;
12187      font-style: normal;
12188      font-weight: 400;
12189      line-height: normal;
12190    }
12191
12192    .c-card-desc > p {
12193      color: #000;
12194      font-family: var(--body-family) !important;
12195      font-size: 11.625px;
12196      font-style: normal;
12197      font-weight: 400;
12198      line-height: 18px;
12199    }
12200
12201    .c-card-author {
12202      color: #000;
12203      font-family: var(--body-family) !important;
12204      font-size: 12px;
12205      font-style: normal;
12206      font-weight: 400;
12207      line-height: 18px;
12208    }
12209
12210    .c-card-row {
12211      display: flex;
12212      justify-content: space-between;
12213      align-items: center;
12214    }
12215
12216    #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc {
12217    display: flex;
12218    padding: 8px 10px !important;
12219    justify-content: center;
12220    align-items: center;
12221    gap: 16px;
12222    border-radius: 5px;
12223    border: 1px solid #FFF;
12224    background: #F7B267;
12225    color: #FFFFFF !important;
12226    cursor: pointer;
12227    width: fit-content;
12228    align-self: flex-end;
12229    text-decoration: none;
12230    transition: all 0.2s ease;
12231  }
12232
12233  #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc:hover {
12234    background: #E6A256;
12235    transform: translateY(-1px);
12236  }
12237
12238  /* ---- Media ---- */
12239  .c-slide-media {
12240    flex: 1;
12241    border-radius: 12px;
12242    overflow: hidden;
12243    position: relative;
12244    display: flex;
12245    align-items: stretch;
12246    transition: transform 0.2s ease;
12247  }
12248
12249  .c-slide-media[data-has-video="true"] {
12250    cursor: pointer;
12251  }
12252
12253  .c-slide-media[data-has-video="true"]:hover {
12254    transform: scale(1.02);
12255  }
12256
12257  .c-slide-media img,
12258  .c-slide-media video {
12259    width: 100%;
12260    height: 100%;
12261    object-fit: cover;
12262    display: block;
12263    border-radius: 12px;
12264  }
12265
12266  /* Play button overlay - only show when video exists */
12267  .c-slide-media[data-has-video="true"]::before {
12268    content: '';
12269    position: absolute;
12270    top: 50%;
12271    left: 50%;
12272    transform: translate(-50%, -50%);
12273    width: 60px;
12274    height: 60px;
12275    background: rgba(255, 255, 255, 0.9);
12276    border-radius: 50%;
12277    display: flex;
12278    align-items: center;
12279    justify-content: center;
12280    opacity: 0;
12281    transition: opacity 0.3s ease;
12282    pointer-events: none;
12283    z-index: 10;
12284  }
12285
12286  .c-slide-media[data-has-video="true"]:hover::before {
12287    opacity: 1;
12288  }
12289
12290  .c-slide-media[data-has-video="true"]::after {
12291    content: '';
12292    position: absolute;
12293    top: 50%;
12294    left: 50%;
12295    transform: translate(-40%, -50%);
12296    width: 0;
12297    height: 0;
12298    border-left: 20px solid #181E21;
12299    border-top: 12px solid transparent;
12300    border-bottom: 12px solid transparent;
12301    opacity: 0;
12302    transition: opacity 0.3s ease;
12303    pointer-events: none;
12304    z-index: 11;
12305  }
12306
12307  .c-slide-media[data-has-video="true"]:hover::after {
12308    opacity: 1;
12309  }
12310
12311  /* Key: Make the slide itself stretch */
12312  .swiper-slide {
12313    display: flex !important;
12314    height: auto !important;
12315  }
12316
12317  .swiper-slide > .c-slide-row {
12318    flex: 1;
12319  }
12320
12321  @media (max-width: 768px) {
12322    .c-slide-media {
12323      height: auto;
12324    }
12325  }
12326
12327  @media (width >= 1920px) {
12328    .c-slide-media {
12329      max-height: unset;
12330    }
12331  }
12332</style>
12333
12334
12335  <!-- LEFT: Card -->
12336  <article class="c-card">
12337    <div class="c-card-media">
12338      
12339        <img src="//apolloneuro.com/cdn/shop/files/review-9.png?v=1767098229&amp;width=800" alt="" srcset="//apolloneuro.com/cdn/shop/files/review-9.png?v=1767098229&amp;width=352 352w, //apolloneuro.com/cdn/shop/files/review-9.png?v=1767098229&amp;width=800 800w" width="800" height="939" loading="lazy">
12340      
12341      
12342        <span class="c-chip">Recovery</span>
12343      
12344    </div>
12345
12346    
12347
12348    
12349      <h3 class="c-card-title"><p>Helpful after stressful<br/>days.</p></h3>
12350    
12351    
12352      <div class="c-card-desc"><p>Helps my body relax when I feel<br/>overstimulated.</p></div>
12353    
12354
12355    <div class="c-card-row">
12356      
12357        <p class="c-card-author">- Cleo L.</p>
12358      
12359    </div>
12360
12361    
12362      
12363      <a
12364        href="/products/apollo-wearable-1-year-ai-membership-starter-kit"
12365        class="c-atc"
12366        aria-label="View Apollo Wearable + SmartVibes AI Membership"
12367      >
12368        <svg
12369          width="18"
12370          height="18"
12371          viewBox="0 0 18 18"
12372          fill="none"
12373          xmlns="http://www.w3.org/2000/svg"
12374        >
12375          <path
12376            d="M6.75 16.5c.414 0 .75-.336.75-.75S7.164 15 6.75 15A.75.75 0 0 0 6 15.75c0 .414.336.75.75.75Z"
12377            stroke="currentColor"
12378            stroke-width="1.5"
12379            stroke-linecap="round" />
12380          <path
12381            d="M15 16.5c.414 0 .75-.336.75-.75S15.414 15 15 15a.75.75 0 0 0 0 1.5Z"
12382            stroke="currentColor"
12383            stroke-width="1.5"
12384            stroke-linecap="round" />
12385          <path
12386            d="M.75.75H3.75L5.76 10.792c.068.346.256.656.53.877.274.221.617.338.97.331h7.29c.352.007.695-.11.969-.331.274-.22.462-.531.53-.877L17.25 4.5H4.5"
12387            stroke="currentColor"
12388            stroke-width="1.5"
12389            stroke-linecap="round" />
12390        </svg>
12391      </a>
12392    
12393  </article>
12394
12395
12396
12397                </div>
12398              
12399
12400              <!-- Slide 2: Media -->
12401              
12402                <div
12403                  class="swiper-slide c-slide--media"
12404                  data-tag="Recovery"
12405                >
12406                  
12407
12408<style>
12409  .c-slide--card,
12410  .c-slide--media {
12411    width: 50%;
12412    display: flex;
12413    align-items: stretch;
12414    box-sizing: border-box;
12415  }
12416
12417  /* Mobile: stack */
12418  @media (max-width: 768px) {
12419    .c-slide--card,
12420    .c-slide--media {
12421      width: 100%;
12422    }
12423  }
12424</style>
12425
12426<style data-shopify>
12427    .c-slide-row {
12428      display: flex;
12429      flex-direction: row;
12430      align-items: stretch;
12431      justify-content: space-between;
12432      gap: 20px;
12433      width: 100%;
12434    }
12435
12436    @media (max-width: 768px) {
12437      .c-slide-row {
12438        gap: 12px;
12439      }
12440    }
12441
12442    /* ---- Card ---- */
12443    .c-card {
12444      flex: 1;
12445      display: flex;
12446      flex-direction: column;
12447      gap: 8px;
12448      background: #FFF;
12449      border-radius: 12px;
12450      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
12451      padding: 8px;
12452      position: relative;
12453      height: 100%;
12454      @media (width >= 768px) {
12455        height: fit-content;
12456      }
12457    }
12458
12459    .c-card-media {
12460      position: relative;
12461      border-radius: 12px;
12462      overflow: hidden;
12463      aspect-ratio: 16 / 19;
12464    }
12465
12466    .c-card-media img,
12467    .c-card-media video {
12468      width: 100%;
12469      height: 100%;
12470      display: block;
12471      object-fit: cover;
12472    }
12473
12474    .c-chip {
12475      position: absolute;
12476      top: 10px;
12477      left: 10px;
12478      background: #902239;
12479      color: #F3F3F3;
12480      padding: 4px 12px;
12481      border-radius: 8px;
12482      font-family: 'Montserrat'
12483      , sans-serif;
12484      font-size: 13px;
12485      display: none;
12486    }
12487
12488    .c-card-title,
12489    .c-card-title > p,
12490    .c-card-desc > p,
12491    .c-card-author
12492     {
12493      margin: 0;
12494    }
12495
12496    .c-card-title > p {
12497      color: #000;
12498      font-family: var(--body-family) !important;
12499      font-size: 22px;
12500      font-style: normal;
12501      font-weight: 400;
12502      line-height: normal;
12503    }
12504
12505    .c-card-desc > p {
12506      color: #000;
12507      font-family: var(--body-family) !important;
12508      font-size: 11.625px;
12509      font-style: normal;
12510      font-weight: 400;
12511      line-height: 18px;
12512    }
12513
12514    .c-card-author {
12515      color: #000;
12516      font-family: var(--body-family) !important;
12517      font-size: 12px;
12518      font-style: normal;
12519      font-weight: 400;
12520      line-height: 18px;
12521    }
12522
12523    .c-card-row {
12524      display: flex;
12525      justify-content: space-between;
12526      align-items: center;
12527    }
12528
12529    #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc {
12530    display: flex;
12531    padding: 8px 10px !important;
12532    justify-content: center;
12533    align-items: center;
12534    gap: 16px;
12535    border-radius: 5px;
12536    border: 1px solid #FFF;
12537    background: #F7B267;
12538    color: #FFFFFF !important;
12539    cursor: pointer;
12540    width: fit-content;
12541    align-self: flex-end;
12542    text-decoration: none;
12543    transition: all 0.2s ease;
12544  }
12545
12546  #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc:hover {
12547    background: #E6A256;
12548    transform: translateY(-1px);
12549  }
12550
12551  /* ---- Media ---- */
12552  .c-slide-media {
12553    flex: 1;
12554    border-radius: 12px;
12555    overflow: hidden;
12556    position: relative;
12557    display: flex;
12558    align-items: stretch;
12559    transition: transform 0.2s ease;
12560  }
12561
12562  .c-slide-media[data-has-video="true"] {
12563    cursor: pointer;
12564  }
12565
12566  .c-slide-media[data-has-video="true"]:hover {
12567    transform: scale(1.02);
12568  }
12569
12570  .c-slide-media img,
12571  .c-slide-media video {
12572    width: 100%;
12573    height: 100%;
12574    object-fit: cover;
12575    display: block;
12576    border-radius: 12px;
12577  }
12578
12579  /* Play button overlay - only show when video exists */
12580  .c-slide-media[data-has-video="true"]::before {
12581    content: '';
12582    position: absolute;
12583    top: 50%;
12584    left: 50%;
12585    transform: translate(-50%, -50%);
12586    width: 60px;
12587    height: 60px;
12588    background: rgba(255, 255, 255, 0.9);
12589    border-radius: 50%;
12590    display: flex;
12591    align-items: center;
12592    justify-content: center;
12593    opacity: 0;
12594    transition: opacity 0.3s ease;
12595    pointer-events: none;
12596    z-index: 10;
12597  }
12598
12599  .c-slide-media[data-has-video="true"]:hover::before {
12600    opacity: 1;
12601  }
12602
12603  .c-slide-media[data-has-video="true"]::after {
12604    content: '';
12605    position: absolute;
12606    top: 50%;
12607    left: 50%;
12608    transform: translate(-40%, -50%);
12609    width: 0;
12610    height: 0;
12611    border-left: 20px solid #181E21;
12612    border-top: 12px solid transparent;
12613    border-bottom: 12px solid transparent;
12614    opacity: 0;
12615    transition: opacity 0.3s ease;
12616    pointer-events: none;
12617    z-index: 11;
12618  }
12619
12620  .c-slide-media[data-has-video="true"]:hover::after {
12621    opacity: 1;
12622  }
12623
12624  /* Key: Make the slide itself stretch */
12625  .swiper-slide {
12626    display: flex !important;
12627    height: auto !important;
12628  }
12629
12630  .swiper-slide > .c-slide-row {
12631    flex: 1;
12632  }
12633
12634  @media (max-width: 768px) {
12635    .c-slide-media {
12636      height: auto;
12637    }
12638  }
12639
12640  @media (width >= 1920px) {
12641    .c-slide-media {
12642      max-height: unset;
12643    }
12644  }
12645</style>
12646
12647
12648  <!-- RIGHT: Media -->
12649  <div class="c-slide-media js-open-video-modal" data-video-id="card_GtmJWY" data-has-video="true">
12650    
12651<video
12652    
12653    playsinline
12654    preload="none" data-autoplay muted
12655    loop
12656    
12657
12658 poster="//apolloneuro.com/cdn/shop/files/preview_images/c53dcc3db6bc4397989f3654a2ec7683.thumbnail.0000000000.jpg?v=1767098344&width=720"
12659 width="606" height="1080"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/c53dcc3db6bc4397989f3654a2ec7683/c53dcc3db6bc4397989f3654a2ec7683.HD-720p-4.5Mbps-66088547.mp4?v=0" type="video/mp4"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/c53dcc3db6bc4397989f3654a2ec7683/c53dcc3db6bc4397989f3654a2ec7683.HD-1080p-7.2Mbps-66088547.mp4?v=0" type="video/mp4"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/c53dcc3db6bc4397989f3654a2ec7683/c53dcc3db6bc4397989f3654a2ec7683.m3u8?v=0" type="application/x-mpegURL"><img
12660        src="//apolloneuro.com/cdn/shop/files/preview_images/c53dcc3db6bc4397989f3654a2ec7683.thumbnail.0000000000.jpg?v=1767098344&width=720"
12661        alt=""
12662        width="720"
12663        height="1280"
12664        loading="lazy"></video>
12665  </div>
12666
12667
12668                </div>
12669              
12670            
12671          
12672            
12673              <!-- Slide 1: Card -->
12674              
12675                <div
12676                  class="swiper-slide c-slide--card"
12677                  data-tag="Recovery"
12678                >
12679                  
12680
12681<style>
12682  .c-slide--card,
12683  .c-slide--media {
12684    width: 50%;
12685    display: flex;
12686    align-items: stretch;
12687    box-sizing: border-box;
12688  }
12689
12690  /* Mobile: stack */
12691  @media (max-width: 768px) {
12692    .c-slide--card,
12693    .c-slide--media {
12694      width: 100%;
12695    }
12696  }
12697</style>
12698
12699<style data-shopify>
12700    .c-slide-row {
12701      display: flex;
12702      flex-direction: row;
12703      align-items: stretch;
12704      justify-content: space-between;
12705      gap: 20px;
12706      width: 100%;
12707    }
12708
12709    @media (max-width: 768px) {
12710      .c-slide-row {
12711        gap: 12px;
12712      }
12713    }
12714
12715    /* ---- Card ---- */
12716    .c-card {
12717      flex: 1;
12718      display: flex;
12719      flex-direction: column;
12720      gap: 8px;
12721      background: #FFF;
12722      border-radius: 12px;
12723      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
12724      padding: 8px;
12725      position: relative;
12726      height: 100%;
12727      @media (width >= 768px) {
12728        height: fit-content;
12729      }
12730    }
12731
12732    .c-card-media {
12733      position: relative;
12734      border-radius: 12px;
12735      overflow: hidden;
12736      aspect-ratio: 16 / 19;
12737    }
12738
12739    .c-card-media img,
12740    .c-card-media video {
12741      width: 100%;
12742      height: 100%;
12743      display: block;
12744      object-fit: cover;
12745    }
12746
12747    .c-chip {
12748      position: absolute;
12749      top: 10px;
12750      left: 10px;
12751      background: #902239;
12752      color: #F3F3F3;
12753      padding: 4px 12px;
12754      border-radius: 8px;
12755      font-family: 'Montserrat'
12756      , sans-serif;
12757      font-size: 13px;
12758      display: none;
12759    }
12760
12761    .c-card-title,
12762    .c-card-title > p,
12763    .c-card-desc > p,
12764    .c-card-author
12765     {
12766      margin: 0;
12767    }
12768
12769    .c-card-title > p {
12770      color: #000;
12771      font-family: var(--body-family) !important;
12772      font-size: 22px;
12773      font-style: normal;
12774      font-weight: 400;
12775      line-height: normal;
12776    }
12777
12778    .c-card-desc > p {
12779      color: #000;
12780      font-family: var(--body-family) !important;
12781      font-size: 11.625px;
12782      font-style: normal;
12783      font-weight: 400;
12784      line-height: 18px;
12785    }
12786
12787    .c-card-author {
12788      color: #000;
12789      font-family: var(--body-family) !important;
12790      font-size: 12px;
12791      font-style: normal;
12792      font-weight: 400;
12793      line-height: 18px;
12794    }
12795
12796    .c-card-row {
12797      display: flex;
12798      justify-content: space-between;
12799      align-items: center;
12800    }
12801
12802    #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc {
12803    display: flex;
12804    padding: 8px 10px !important;
12805    justify-content: center;
12806    align-items: center;
12807    gap: 16px;
12808    border-radius: 5px;
12809    border: 1px solid #FFF;
12810    background: #F7B267;
12811    color: #FFFFFF !important;
12812    cursor: pointer;
12813    width: fit-content;
12814    align-self: flex-end;
12815    text-decoration: none;
12816    transition: all 0.2s ease;
12817  }
12818
12819  #template--19420722397381__c_swiper_opacity_M3nGBA .c-atc:hover {
12820    background: #E6A256;
12821    transform: translateY(-1px);
12822  }
12823
12824  /* ---- Media ---- */
12825  .c-slide-media {
12826    flex: 1;
12827    border-radius: 12px;
12828    overflow: hidden;
12829    position: relative;
12830    display: flex;
12831    align-items: stretch;
12832    transition: transform 0.2s ease;
12833  }
12834
12835  .c-slide-media[data-has-video="true"] {
12836    cursor: pointer;
12837  }
12838
12839  .c-slide-media[data-has-video="true"]:hover {
12840    transform: scale(1.02);
12841  }
12842
12843  .c-slide-media img,
12844  .c-slide-media video {
12845    width: 100%;
12846    height: 100%;
12847    object-fit: cover;
12848    display: block;
12849    border-radius: 12px;
12850  }
12851
12852  /* Play button overlay - only show when video exists */
12853  .c-slide-media[data-has-video="true"]::before {
12854    content: '';
12855    position: absolute;
12856    top: 50%;
12857    left: 50%;
12858    transform: translate(-50%, -50%);
12859    width: 60px;
12860    height: 60px;
12861    background: rgba(255, 255, 255, 0.9);
12862    border-radius: 50%;
12863    display: flex;
12864    align-items: center;
12865    justify-content: center;
12866    opacity: 0;
12867    transition: opacity 0.3s ease;
12868    pointer-events: none;
12869    z-index: 10;
12870  }
12871
12872  .c-slide-media[data-has-video="true"]:hover::before {
12873    opacity: 1;
12874  }
12875
12876  .c-slide-media[data-has-video="true"]::after {
12877    content: '';
12878    position: absolute;
12879    top: 50%;
12880    left: 50%;
12881    transform: translate(-40%, -50%);
12882    width: 0;
12883    height: 0;
12884    border-left: 20px solid #181E21;
12885    border-top: 12px solid transparent;
12886    border-bottom: 12px solid transparent;
12887    opacity: 0;
12888    transition: opacity 0.3s ease;
12889    pointer-events: none;
12890    z-index: 11;
12891  }
12892
12893  .c-slide-media[data-has-video="true"]:hover::after {
12894    opacity: 1;
12895  }
12896
12897  /* Key: Make the slide itself stretch */
12898  .swiper-slide {
12899    display: flex !important;
12900    height: auto !important;
12901  }
12902
12903  .swiper-slide > .c-slide-row {
12904    flex: 1;
12905  }
12906
12907  @media (max-width: 768px) {
12908    .c-slide-media {
12909      height: auto;
12910    }
12911  }
12912
12913  @media (width >= 1920px) {
12914    .c-slide-media {
12915      max-height: unset;
12916    }
12917  }
12918</style>
12919
12920
12921  <!-- LEFT: Card -->
12922  <article class="c-card">
12923    <div class="c-card-media">
12924      
12925        <img src="//apolloneuro.com/cdn/shop/files/review-10.png?v=1767098365&amp;width=800" alt="" srcset="//apolloneuro.com/cdn/shop/files/review-10.png?v=1767098365&amp;width=352 352w, //apolloneuro.com/cdn/shop/files/review-10.png?v=1767098365&amp;width=800 800w" width="800" height="939" loading="lazy">
12926      
12927      
12928        <span class="c-chip">Recovery</span>
12929      
12930    </div>
12931
12932    
12933
12934    
12935      <h3 class="c-card-title"><p>More relaxed.</p></h3>
12936    
12937    
12938      <div class="c-card-desc"><p>Makes it easier to switch from ‘on’ to rest<br/>mode.</p></div>
12939    
12940
12941    <div class="c-card-row">
12942      
12943        <p class="c-card-author">- Ben P.</p>
12944      
12945    </div>
12946
12947    
12948      
12949      <a
12950        href="/products/apollo-wearable-1-year-ai-membership-starter-kit"
12951        class="c-atc"
12952        aria-label="View Apollo Wearable + SmartVibes AI Membership"
12953      >
12954        <svg
12955          width="18"
12956          height="18"
12957          viewBox="0 0 18 18"
12958          fill="none"
12959          xmlns="http://www.w3.org/2000/svg"
12960        >
12961          <path
12962            d="M6.75 16.5c.414 0 .75-.336.75-.75S7.164 15 6.75 15A.75.75 0 0 0 6 15.75c0 .414.336.75.75.75Z"
12963            stroke="currentColor"
12964            stroke-width="1.5"
12965            stroke-linecap="round" />
12966          <path
12967            d="M15 16.5c.414 0 .75-.336.75-.75S15.414 15 15 15a.75.75 0 0 0 0 1.5Z"
12968            stroke="currentColor"
12969            stroke-width="1.5"
12970            stroke-linecap="round" />
12971          <path
12972            d="M.75.75H3.75L5.76 10.792c.068.346.256.656.53.877.274.221.617.338.97.331h7.29c.352.007.695-.11.969-.331.274-.22.462-.531.53-.877L17.25 4.5H4.5"
12973            stroke="currentColor"
12974            stroke-width="1.5"
12975            stroke-linecap="round" />
12976        </svg>
12977      </a>
12978    
12979  </article>
12980
12981
12982
12983                </div>
12984              
12985
12986              <!-- Slide 2: Media -->
12987              
12988            
12989          
12990        </div>
12991        <div class="c-opacity-overlay-right"></div>
12992      </div>
12993
12994      <!-- Nav -->
12995      <div class="c-nav">
12996        <button
12997          class="c-nav-btn c-prev"
12998          aria-label="Previous"
12999        >
13000          <svg
13001            xmlns="http://www.w3.org/2000/svg"
13002            width="17"
13003            height="12"
13004            viewBox="0 0 17 12"
13005            fill="none"
13006          >
13007            <path d="M15.75 4.77295C16.1642 4.77295 16.5 5.10874 16.5 5.52295C16.5 5.93716 16.1642 6.27295 15.75 6.27295V5.52295V4.77295ZM0.219669 6.05328C-0.0732241 5.76039 -0.0732241 5.28551 0.219669 4.99262L4.99264 0.219648C5.28553 -0.073245 5.76041 -0.073245 6.0533 0.219648C6.34619 0.512542 6.34619 0.987415 6.0533 1.28031L1.81066 5.52295L6.0533 9.76559C6.34619 10.0585 6.34619 10.5334 6.0533 10.8263C5.76041 11.1191 5.28553 11.1191 4.99264 10.8263L0.219669 6.05328ZM15.75 5.52295V6.27295H0.749999V5.52295V4.77295H15.75V5.52295Z" fill="#606664"/>
13008          </svg>
13009        </button>
13010        <button
13011          class="c-nav-btn c-next"
13012          aria-label="Next"
13013        >
13014          <svg
13015            xmlns="http://www.w3.org/2000/svg"
13016            width="17"
13017            height="12"
13018            viewBox="0 0 17 12"
13019            fill="none"
13020          >
13021            <path d="M0.75 4.77295C0.335786 4.77295 0 5.10874 0 5.52295C0 5.93716 0.335786 6.27295 0.75 6.27295V5.52295V4.77295ZM16.2803 6.05328C16.5732 5.76039 16.5732 5.28551 16.2803 4.99262L11.5074 0.219648C11.2145 -0.073245 10.7396 -0.073245 10.4467 0.219648C10.1538 0.512542 10.1538 0.987415 10.4467 1.28031L14.6893 5.52295L10.4467 9.76559C10.1538 10.0585 10.1538 10.5334 10.4467 10.8263C10.7396 11.1191 11.2145 11.1191 11.5074 10.8263L16.2803 6.05328ZM0.75 5.52295V6.27295H15.75V5.52295V4.77295H0.75V5.52295Z" fill="#E3E6E5"/>
13022          </svg>
13023        </button>
13024      </div>
13025    </div>
13026
13027    
13028  </div>
13029
13030  <!-- Video Modals (outside of swiper for full screen) -->
13031  
13032    
13033      <div
13034        class="c-video-modal"
13035        id="video-modal-card_qckHYk"
13036      >
13037        <div
13038          class="c-video-modal-overlay js-close-video-modal"
13039          data-video-id="card_qckHYk"
13040        ></div>
13041        <button
13042          class="c-video-modal-close js-close-video-modal"
13043          data-video-id="card_qckHYk"
13044          aria-label="Close video"
13045        >
13046          ✕
13047        </button>
13048        <div
13049          class="c-video-modal-content"
13050          id="video-content-card_qckHYk"
13051        ><video
13052    
13053    playsinline
13054    preload="none"
13055    
13056    controls
13057
13058 poster="//apolloneuro.com/cdn/shop/files/preview_images/e1f0d94dae434dd1a9326ff445d334fe.thumbnail.0000000000.jpg?v=1767094556&width=720"
13059 width="606" height="1080"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/e1f0d94dae434dd1a9326ff445d334fe/e1f0d94dae434dd1a9326ff445d334fe.HD-1080p-7.2Mbps-66085973.mp4?v=0" type="video/mp4"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/e1f0d94dae434dd1a9326ff445d334fe/e1f0d94dae434dd1a9326ff445d334fe.m3u8?v=0" type="application/x-mpegURL"><img
13060        src="//apolloneuro.com/cdn/shop/files/preview_images/e1f0d94dae434dd1a9326ff445d334fe.thumbnail.0000000000.jpg?v=1767094556&width=720"
13061        alt=""
13062        width="720"
13063        height="1280"
13064        loading="lazy"></video></div>
13065      </div>
13066    
13067  
13068    
13069      <div
13070        class="c-video-modal"
13071        id="video-modal-card_P6LBdz"
13072      >
13073        <div
13074          class="c-video-modal-overlay js-close-video-modal"
13075          data-video-id="card_P6LBdz"
13076        ></div>
13077        <button
13078          class="c-video-modal-close js-close-video-modal"
13079          data-video-id="card_P6LBdz"
13080          aria-label="Close video"
13081        >
13082          ✕
13083        </button>
13084        <div
13085          class="c-video-modal-content"
13086          id="video-content-card_P6LBdz"
13087        ><video
13088    
13089    playsinline
13090    preload="none"
13091    
13092    controls
13093
13094 poster="//apolloneuro.com/cdn/shop/files/preview_images/188613390f3b4a6c89ff589e44b4b340.thumbnail.0000000000.jpg?v=1767094706&width=720"
13095 width="606" height="1080"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/188613390f3b4a6c89ff589e44b4b340/188613390f3b4a6c89ff589e44b4b340.HD-1080p-7.2Mbps-66086053.mp4?v=0" type="video/mp4"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/188613390f3b4a6c89ff589e44b4b340/188613390f3b4a6c89ff589e44b4b340.m3u8?v=0" type="application/x-mpegURL"><img
13096        src="//apolloneuro.com/cdn/shop/files/preview_images/188613390f3b4a6c89ff589e44b4b340.thumbnail.0000000000.jpg?v=1767094706&width=720"
13097        alt=""
13098        width="720"
13099        height="1280"
13100        loading="lazy"></video></div>
13101      </div>
13102    
13103  
13104    
13105  
13106    
13107      <div
13108        class="c-video-modal"
13109        id="video-modal-card_tMTAqP"
13110      >
13111        <div
13112          class="c-video-modal-overlay js-close-video-modal"
13113          data-video-id="card_tMTAqP"
13114        ></div>
13115        <button
13116          class="c-video-modal-close js-close-video-modal"
13117          data-video-id="card_tMTAqP"
13118          aria-label="Close video"
13119        >
13120          ✕
13121        </button>
13122        <div
13123          class="c-video-modal-content"
13124          id="video-content-card_tMTAqP"
13125        ><video
13126    
13127    playsinline
13128    preload="none"
13129    
13130    controls
13131
13132 poster="//apolloneuro.com/cdn/shop/files/preview_images/f10f6a05b1ac4ef3937877fd77bb4801.thumbnail.0000000000.jpg?v=1767095817&width=720"
13133 width="606" height="1080"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/f10f6a05b1ac4ef3937877fd77bb4801/f10f6a05b1ac4ef3937877fd77bb4801.HD-1080p-2.5Mbps-66086789.mp4?v=0" type="video/mp4"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/f10f6a05b1ac4ef3937877fd77bb4801/f10f6a05b1ac4ef3937877fd77bb4801.m3u8?v=0" type="application/x-mpegURL"><img
13134        src="//apolloneuro.com/cdn/shop/files/preview_images/f10f6a05b1ac4ef3937877fd77bb4801.thumbnail.0000000000.jpg?v=1767095817&width=720"
13135        alt=""
13136        width="720"
13137        height="1280"
13138        loading="lazy"></video></div>
13139      </div>
13140    
13141  
13142    
13143      <div
13144        class="c-video-modal"
13145        id="video-modal-card_qDEdPX"
13146      >
13147        <div
13148          class="c-video-modal-overlay js-close-video-modal"
13149          data-video-id="card_qDEdPX"
13150        ></div>
13151        <button
13152          class="c-video-modal-close js-close-video-modal"
13153          data-video-id="card_qDEdPX"
13154          aria-label="Close video"
13155        >
13156          ✕
13157        </button>
13158        <div
13159          class="c-video-modal-content"
13160          id="video-content-card_qDEdPX"
13161        ><video
13162    
13163    playsinline
13164    preload="none"
13165    
13166    controls
13167
13168 poster="//apolloneuro.com/cdn/shop/files/preview_images/987a79332b634aa889cb4e29130126eb.thumbnail.0000000000.jpg?v=1767095917&width=720"
13169 width="606" height="1080"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/987a79332b634aa889cb4e29130126eb/987a79332b634aa889cb4e29130126eb.HD-1080p-7.2Mbps-66086840.mp4?v=0" type="video/mp4"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/987a79332b634aa889cb4e29130126eb/987a79332b634aa889cb4e29130126eb.m3u8?v=0" type="application/x-mpegURL"><img
13170        src="//apolloneuro.com/cdn/shop/files/preview_images/987a79332b634aa889cb4e29130126eb.thumbnail.0000000000.jpg?v=1767095917&width=720"
13171        alt=""
13172        width="720"
13173        height="1280"
13174        loading="lazy"></video></div>
13175      </div>
13176    
13177  
13178    
13179  
13180    
13181      <div
13182        class="c-video-modal"
13183        id="video-modal-card_EzdQdG"
13184      >
13185        <div
13186          class="c-video-modal-overlay js-close-video-modal"
13187          data-video-id="card_EzdQdG"
13188        ></div>
13189        <button
13190          class="c-video-modal-close js-close-video-modal"
13191          data-video-id="card_EzdQdG"
13192          aria-label="Close video"
13193        >
13194          ✕
13195        </button>
13196        <div
13197          class="c-video-modal-content"
13198          id="video-content-card_EzdQdG"
13199        ><video
13200    
13201    playsinline
13202    preload="none"
13203    
13204    controls
13205
13206 poster="//apolloneuro.com/cdn/shop/files/preview_images/e476cf33224c41a5b71dd943f2eb57bd.thumbnail.0000000000.jpg?v=1767097610&width=720"
13207 width="606" height="1080"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/e476cf33224c41a5b71dd943f2eb57bd/e476cf33224c41a5b71dd943f2eb57bd.HD-1080p-2.5Mbps-66088096.mp4?v=0" type="video/mp4"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/e476cf33224c41a5b71dd943f2eb57bd/e476cf33224c41a5b71dd943f2eb57bd.m3u8?v=0" type="application/x-mpegURL"><img
13208        src="//apolloneuro.com/cdn/shop/files/preview_images/e476cf33224c41a5b71dd943f2eb57bd.thumbnail.0000000000.jpg?v=1767097610&width=720"
13209        alt=""
13210        width="720"
13211        height="1280"
13212        loading="lazy"></video></div>
13213      </div>
13214    
13215  
13216    
13217      <div
13218        class="c-video-modal"
13219        id="video-modal-card_bEzrwc"
13220      >
13221        <div
13222          class="c-video-modal-overlay js-close-video-modal"
13223          data-video-id="card_bEzrwc"
13224        ></div>
13225        <button
13226          class="c-video-modal-close js-close-video-modal"
13227          data-video-id="card_bEzrwc"
13228          aria-label="Close video"
13229        >
13230          ✕
13231        </button>
13232        <div
13233          class="c-video-modal-content"
13234          id="video-content-card_bEzrwc"
13235        ><video
13236    
13237    playsinline
13238    preload="none"
13239    
13240    controls
13241
13242 poster="//apolloneuro.com/cdn/shop/files/preview_images/bb7234c8545c4caea4d14dd525bafa01.thumbnail.0000000000.jpg?v=1767097751&width=720"
13243 width="864" height="1080"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/bb7234c8545c4caea4d14dd525bafa01/bb7234c8545c4caea4d14dd525bafa01.HD-1080p-7.2Mbps-66088181.mp4?v=0" type="video/mp4"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/bb7234c8545c4caea4d14dd525bafa01/bb7234c8545c4caea4d14dd525bafa01.m3u8?v=0" type="application/x-mpegURL"><img
13244        src="//apolloneuro.com/cdn/shop/files/preview_images/bb7234c8545c4caea4d14dd525bafa01.thumbnail.0000000000.jpg?v=1767097751&width=720"
13245        alt=""
13246        width="720"
13247        height="900"
13248        loading="lazy"></video></div>
13249      </div>
13250    
13251  
13252    
13253  
13254    
13255      <div
13256        class="c-video-modal"
13257        id="video-modal-card_bpmKPj"
13258      >
13259        <div
13260          class="c-video-modal-overlay js-close-video-modal"
13261          data-video-id="card_bpmKPj"
13262        ></div>
13263        <button
13264          class="c-video-modal-close js-close-video-modal"
13265          data-video-id="card_bpmKPj"
13266          aria-label="Close video"
13267        >
13268          ✕
13269        </button>
13270        <div
13271          class="c-video-modal-content"
13272          id="video-content-card_bpmKPj"
13273        ><video
13274    
13275    playsinline
13276    preload="none"
13277    
13278    controls
13279
13280 poster="//apolloneuro.com/cdn/shop/files/preview_images/a4f2507e346f4f88b70c3ed5af96f0d7.thumbnail.0000000000.jpg?v=1767098103&width=720"
13281 width="1080" height="1920"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/a4f2507e346f4f88b70c3ed5af96f0d7/a4f2507e346f4f88b70c3ed5af96f0d7.HD-720p-1.6Mbps-66088446.mp4?v=0" type="video/mp4"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/a4f2507e346f4f88b70c3ed5af96f0d7/a4f2507e346f4f88b70c3ed5af96f0d7.HD-1080p-2.5Mbps-66088446.mp4?v=0" type="video/mp4"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/a4f2507e346f4f88b70c3ed5af96f0d7/a4f2507e346f4f88b70c3ed5af96f0d7.m3u8?v=0" type="application/x-mpegURL"><img
13282        src="//apolloneuro.com/cdn/shop/files/preview_images/a4f2507e346f4f88b70c3ed5af96f0d7.thumbnail.0000000000.jpg?v=1767098103&width=720"
13283        alt=""
13284        width="720"
13285        height="1280"
13286        loading="lazy"></video></div>
13287      </div>
13288    
13289  
13290    
13291      <div
13292        class="c-video-modal"
13293        id="video-modal-card_GtmJWY"
13294      >
13295        <div
13296          class="c-video-modal-overlay js-close-video-modal"
13297          data-video-id="card_GtmJWY"
13298        ></div>
13299        <button
13300          class="c-video-modal-close js-close-video-modal"
13301          data-video-id="card_GtmJWY"
13302          aria-label="Close video"
13303        >
13304          ✕
13305        </button>
13306        <div
13307          class="c-video-modal-content"
13308          id="video-content-card_GtmJWY"
13309        ><video
13310    
13311    playsinline
13312    preload="none"
13313    
13314    controls
13315
13316 poster="//apolloneuro.com/cdn/shop/files/preview_images/c53dcc3db6bc4397989f3654a2ec7683.thumbnail.0000000000.jpg?v=1767098344&width=720"
13317 width="606" height="1080"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/c53dcc3db6bc4397989f3654a2ec7683/c53dcc3db6bc4397989f3654a2ec7683.HD-1080p-7.2Mbps-66088547.mp4?v=0" type="video/mp4"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/c53dcc3db6bc4397989f3654a2ec7683/c53dcc3db6bc4397989f3654a2ec7683.m3u8?v=0" type="application/x-mpegURL"><img
13318        src="//apolloneuro.com/cdn/shop/files/preview_images/c53dcc3db6bc4397989f3654a2ec7683.thumbnail.0000000000.jpg?v=1767098344&width=720"
13319        alt=""
13320        width="720"
13321        height="1280"
13322        loading="lazy"></video></div>
13323      </div>
13324    
13325  
13326    
13327  
13328  </div> <!-- /.c-section__inner -->
13329</section>
13330
13331<script>
13332  (function () {
13333    const sid = 'template--19420722397381__c_swiper_opacity_M3nGBA';
13334    const el = document.getElementById('swiper-' + sid);
13335    const tagButtons = Array.from(document.querySelectorAll('#tags-' + sid + ' .c-tag'));
13336    const prevBtn = document.querySelector('#' + sid + ' .c-prev');
13337    const nextBtn = document.querySelector('#' + sid + ' .c-next');
13338    const slides = el ? Array.from(el.querySelectorAll('.swiper-slide')) : [];
13339    const slideTags = slides.map((slide) => slide.dataset.tag || '');
13340    const firstSlideByTag = slideTags.reduce((acc, tag, idx) => {
13341      if (!tag) return acc;
13342      if (acc[tag] === undefined) acc[tag] = idx;
13343      return acc;
13344    }, {});
13345
13346    function setActiveTag(tag) {
13347      tagButtons.forEach((btn) => btn.classList.toggle('active', btn.dataset.tag === tag));
13348    }
13349
13350    function init() {
13351      if (!el || !window.Swiper) return;
13352
13353      const swiper = new Swiper(el, {
13354        slidesPerView: 1.2,
13355        spaceBetween: 30,
13356        loop: false,
13357        allowTouchMove: true,
13358        centeredSlides: false,
13359        breakpoints: {
13360          769: {
13361            slidesPerView: '4.9', // desktop shows multiple cards
13362            spaceBetween: 30,
13363          },
13364        },
13365        on: {
13366          init() {
13367            setActiveTag(slideTags[this.activeIndex]);
13368          },
13369          slideChange() {
13370            setActiveTag(slideTags[this.activeIndex]);
13371          },
13372        },
13373        navigation: {
13374          // we’ll wire our own buttons below
13375          enabled: false,
13376        },
13377      });
13378
13379      // Tags -> slide
13380      tagButtons.forEach((btn) => {
13381        btn.addEventListener('click', () => {
13382          const tag = btn.dataset.tag;
13383          const targetIndex = firstSlideByTag[tag];
13384          if (targetIndex === undefined) return;
13385
13386          swiper.slideTo(targetIndex);
13387          setActiveTag(tag);
13388        });
13389      });
13390
13391      // Prev/Next buttons
13392      if (prevBtn)
13393        prevBtn.addEventListener('click', () => {
13394          const idx = Math.max(0, swiper.activeIndex - 1);
13395          swiper.slideTo(idx);
13396          setActiveTag(slideTags[idx]);
13397        });
13398      if (nextBtn)
13399        nextBtn.addEventListener('click', () => {
13400          const idx = Math.min(swiper.slides.length - 1, swiper.activeIndex + 1);
13401          swiper.slideTo(idx);
13402          setActiveTag(slideTags[idx]);
13403        });
13404    }
13405
13406    // Video modal handlers
13407    function initVideoModals() {
13408      // Open video modal
13409      document.querySelectorAll('.js-open-video-modal').forEach((btn) => {
13410        btn.addEventListener('click', () => {
13411          const hasVideo = btn.dataset.hasVideo === 'true';
13412          if (!hasVideo) return;
13413
13414          const videoId = btn.dataset.videoId;
13415          const modal = document.getElementById(`video-modal-${videoId}`);
13416          const videoContainer = document.getElementById(`video-content-${videoId}`);
13417
13418          if (!modal || !videoContainer) return;
13419
13420          modal.classList.add('is-open');
13421          document.body.style.overflow = 'hidden';
13422
13423          // Try to play if it's an HTML5 video
13424          const video = videoContainer.querySelector('video');
13425          if (video) {
13426            video.currentTime = 0;
13427            video.play().catch(() => {});
13428          }
13429
13430          // For YouTube/Vimeo iframes, add autoplay parameter
13431          const iframe = videoContainer.querySelector('iframe');
13432          if (iframe) {
13433            const src = iframe.src;
13434            if (src && !src.includes('autoplay=1')) {
13435              iframe.src = src + (src.includes('?') ? '&' : '?') + 'autoplay=1';
13436            }
13437          }
13438        });
13439      });
13440
13441      // Close video modal
13442      document.querySelectorAll('.js-close-video-modal').forEach((btn) => {
13443        btn.addEventListener('click', () => {
13444          const videoId = btn.dataset.videoId;
13445          const modal = document.getElementById(`video-modal-${videoId}`);
13446          const videoContainer = document.getElementById(`video-content-${videoId}`);
13447
13448          if (!modal || !videoContainer) return;
13449
13450          modal.classList.remove('is-open');
13451          document.body.style.overflow = '';
13452
13453          // Try to pause if it's an HTML5 video
13454          const video = videoContainer.querySelector('video');
13455          if (video) {
13456            video.pause();
13457          }
13458
13459          // For YouTube/Vimeo iframes, reload to stop
13460          const iframe = videoContainer.querySelector('iframe');
13461          if (iframe) {
13462            const src = iframe.src.replace(/[?&]autoplay=1/, '');
13463            iframe.src = src;
13464          }
13465        });
13466      });
13467    }
13468
13469    // Defer until the section nears the viewport: this carousel sits well below
13470    // the fold, so its layout work used to compete with the first paint.
13471    (window.onceVisible || function (_, cb) { cb(); })(el, function () {
13472      (window.swiperReady || Promise.resolve()).then(function () {
13473        init();
13474        initVideoModals();
13475      });
13476    });
13477  })();
13478</script>
13478
13479
13480
13481</section><section id="shopify-section-template--19420722397381__c_whats_new2_wzPeAf" class="shopify-section c-whats-new2-wrapper"><style data-shopify>
13482  #template--19420722397381__c_whats_new2_wzPeAf {
13483    --sl-c-whats-new2-bg: #f8f0e6;
13484    --sl-c-whats-new2-text: #181e21;
13485    --sl-c-whats-new2-muted: #3d4347;
13486    --sl-c-whats-new2-card-bg: #ffffff;
13487    --sl-c-whats-new2-media-bg: #ffffff;
13488    --sl-c-whats-new2-badge-bg: #ffffff;
13489    --sl-c-whats-new2-badge-text: #181e21;
13490    --sl-c-whats-new2-border: #e3e6e5;
13491    --sl-c-whats-new2-thumb-border: #f7b267;
13492    --sl-c-whats-new2-cta-bg-default: #f7b267;
13493    --sl-c-whats-new2-cta-text-default: #181e21;
13494    --sl-c-whats-new2-cta-hover-bg-default: #181e21;
13495    --sl-c-whats-new2-cta-hover-text-default: #ffffff;
13496    --sl-c-whats-new2-padding-top: 48px;
13497    --sl-c-whats-new2-padding-bottom: 48px;
13498    --sl-c-whats-new2-gap: 28px;
13499    --sl-c-whats-new2-video-h: 648px;
13500    --sl-c-whats-new2-video-fit: contain;
13501    background-color: var(--sl-c-whats-new2-bg);
13502    color: var(--sl-c-whats-new2-text);
13503  }#template--19420722397381__c_whats_new2_wzPeAf [data-c-whats-new2-block="promo_testimonial_ep8CEa"] {
13504      --sl-c-whats-new2-cta-bg: #f7b267;
13505      --sl-c-whats-new2-cta-text: #181e21;
13506      --sl-c-whats-new2-cta-border: #f7b267;
13507      --sl-c-whats-new2-cta-hover-bg: #181e21;
13508      --sl-c-whats-new2-cta-hover-text: #ffffff;
13509      --sl-c-whats-new2-block-badge-bg: #bd3536;
13510      --sl-c-whats-new2-block-badge-text: #ffffff;
13511    }#template--19420722397381__c_whats_new2_wzPeAf [data-c-whats-new2-block="promo_quote_Ncx3aw"] {
13512      --sl-c-whats-new2-cta-bg: #f7b267;
13513      --sl-c-whats-new2-cta-text: #ffffff;
13514      --sl-c-whats-new2-cta-border: #e8ecae;
13515      --sl-c-whats-new2-cta-hover-bg: #e8ecae;
13516      --sl-c-whats-new2-cta-hover-text: #f7b267;
13517      --sl-c-whats-new2-block-badge-bg: #c092c6;
13518      --sl-c-whats-new2-block-badge-text: #ffffff;
13519    }#template--19420722397381__c_whats_new2_wzPeAf [data-c-whats-new2-block="promo_quote_eDcfrh"] {
13520      --sl-c-whats-new2-cta-bg: #f7b267;
13521      --sl-c-whats-new2-cta-text: #ffffff;
13522      --sl-c-whats-new2-cta-border: #e8ecae;
13523      --sl-c-whats-new2-cta-hover-bg: #e8ecae;
13524      --sl-c-whats-new2-cta-hover-text: #f7b267;
13525      --sl-c-whats-new2-block-badge-bg: #61c9c8;
13526      --sl-c-whats-new2-block-badge-text: #181e21;
13527    }#template--19420722397381__c_whats_new2_wzPeAf [data-c-whats-new2-block="expert_stats_aafKhx"] {
13528      --sl-c-whats-new2-cta-bg: #f7b267;
13529      --sl-c-whats-new2-cta-text: #181e21;
13530      --sl-c-whats-new2-cta-border: #f7b267;
13531      --sl-c-whats-new2-cta-hover-bg: #181e21;
13532      --sl-c-whats-new2-cta-hover-text: #ffffff;
13533      --sl-c-whats-new2-block-badge-bg: #687cbd;
13534      --sl-c-whats-new2-block-badge-text: #ffffff;
13535    }#template--19420722397381__c_whats_new2_wzPeAf [data-c-whats-new2-block="promo_quote_iHWiEP"] {
13536      --sl-c-whats-new2-cta-bg: #f7b267;
13537      --sl-c-whats-new2-cta-text: #ffffff;
13538      --sl-c-whats-new2-cta-border: #e8ecae;
13539      --sl-c-whats-new2-cta-hover-bg: #e8ecae;
13540      --sl-c-whats-new2-cta-hover-text: #f7b267;
13541      --sl-c-whats-new2-block-badge-bg: #61c9c8;
13542      --sl-c-whats-new2-block-badge-text: #181e21;
13543    }#template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__inner {
13544    display: flex;
13545    flex-direction: column;
13546    gap: var(--sl-c-whats-new2-gap);
13547    padding-top: var(--sl-c-whats-new2-padding-top);
13548    padding-bottom: var(--sl-c-whats-new2-padding-bottom);
13549  }
13550
13551  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title,
13552  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title p,
13553  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title h1,
13554  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title h2,
13555  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title h3,
13556  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title h4,
13557  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title h5,
13558  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title h6 {
13559    max-width: 896px;
13560    margin: 0 auto;
13561    color: var(--sl-c-whats-new2-text);
13562    font-family: var(--body-family) !important;
13563    font-size: 36px;
13564    font-weight: 400;
13565    line-height: 1.05;
13566    letter-spacing: 0;
13567    text-align: center;
13568  }
13569
13570  /* Active video fills the whole panel (c-whats-new2__panel): the media card
13571     spans the full single-column panel width and its responsive height, and the
13572     video covers it. The subject stays centred. */
13573  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__panel--video .c-whats-new2__media-card {
13574    width: 100%;
13575    height: var(--sl-c-whats-new2-video-h);
13576  }
13577
13578  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__panel--video .c-whats-new2__media-figure {
13579    width: 100%;
13580    height: 100%;
13581    aspect-ratio: auto;
13582  }
13583
13584  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__panel--video .c-whats-new2__video {
13585    object-fit: var(--sl-c-whats-new2-video-fit, cover);
13586    object-position: center;
13587  }
13588
13589  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__carousel {
13590    position: relative;
13591  }
13592
13593  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__panels {
13594    position: relative;
13595    display: grid;
13596    grid-template-areas: "stack";
13597  }
13598
13599  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__panel {
13600    grid-area: stack;
13601    box-sizing: border-box;
13602    display: grid;
13603    grid-template-columns: minmax(0, 1fr);
13604    grid-auto-rows: max-content;
13605    align-content: start;
13606    gap: 12px;
13607    opacity: 0;
13608    visibility: hidden;
13609    pointer-events: none;
13610    transition: opacity 0.4s ease, visibility 0s linear 0.4s;
13611  }
13612
13613  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__panel:not(.is-active) {
13614    position: absolute;
13615    inset: 0;
13616  }
13617
13618  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__panel.is-active {
13619    opacity: 1;
13620    visibility: visible;
13621    pointer-events: auto;
13622    transition: opacity 0.4s ease, visibility 0s linear 0s;
13623  }
13624
13625  @media (prefers-reduced-motion: reduce) {
13626    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__panel {
13627      transition: none;
13628    }
13629  }
13630
13631  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__media-card {
13632    position: relative;
13633    height: 281px;
13634    border-radius: 6px;
13635    background: var(--sl-c-whats-new2-media-bg);
13636    box-sizing: border-box;
13637  }
13638
13639  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__playbar {
13640    position: absolute;
13641    left: 16px;
13642    right: 16px;
13643    bottom: 12px;
13644    display: flex;
13645    flex-direction: row;
13646    align-items: center;
13647    gap: 20px;
13648    z-index: 2;
13649  }
13650
13651  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__panel[data-media-type='video'] .c-whats-new2__playbar {
13652    display: none;
13653  }
13654
13655  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__progress {
13656    position: relative;
13657    flex: 1 1 auto;
13658    height: 4px;
13659    border-radius: 2px;
13660    background: rgba(255, 255, 255, 0.35);
13661    overflow: hidden;
13662    pointer-events: none;
13663  }
13664
13665  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__progress-fill {
13666    display: block;
13667    width: 100%;
13668    height: 100%;
13669    background: #fff;
13670    transform: scaleX(0);
13671    transform-origin: left center;
13672  }
13673
13674  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__panel.is-active .c-whats-new2__progress-fill.is-running {
13675    animation: c-whats-new2-progress var(--sl-c-whats-new2-slide-duration, 10s) linear forwards;
13676  }
13677
13678  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__panel.is-active.is-paused .c-whats-new2__progress-fill.is-running {
13679    animation-play-state: paused;
13680  }
13681
13682  @keyframes c-whats-new2-progress {
13683    from { transform: scaleX(0); }
13684    to   { transform: scaleX(1); }
13685  }
13686
13687  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__playpause {
13688    flex: 0 0 auto;
13689    display: inline-flex;
13690    align-items: center;
13691    justify-content: center;
13692    width: 32px;
13693    height: 32px;
13694    padding: 0;
13695    border: 0;
13696    border-radius: 50%;
13697    background: rgba(0, 0, 0, 0.55);
13698    color: #fff;
13699    cursor: pointer;
13700    transition: background 0.2s ease, transform 0.2s ease;
13701  }
13702
13703  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__playpause:hover,
13704  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__playpause:focus-visible {
13705    transform: scale(1.05);
13706    background: rgba(0, 0, 0, 0.75);
13707  }
13708
13709  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__playpause svg {
13710    width: 14px;
13711    height: 14px;
13712    fill: currentColor;
13713  }
13714
13715  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__playpause .c-whats-new2__icon-play { display: none; }
13716  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__playpause .c-whats-new2__icon-pause { display: block; }
13717  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__panel.is-paused .c-whats-new2__playpause .c-whats-new2__icon-play { display: block; }
13718  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__panel.is-paused .c-whats-new2__playpause .c-whats-new2__icon-pause { display: none; }
13719
13720  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__media-figure {
13721    position: relative;
13722    width: 100%;
13723    height: 100%;
13724    margin: 0;
13725    overflow: hidden;
13726    border-radius: 6px;
13727    background: var(--sl-c-whats-new2-card-bg);
13728  }
13729
13730  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__mobile-thumbs {
13731    display: flex;
13732    align-items: center;
13733    justify-content: center;
13734    gap: 8px;
13735    width: 100%;
13736    margin: 0 auto;
13737    padding: 6px 20px 4px;
13738    box-sizing: border-box;
13739  }
13740
13741  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__mobile-thumbs .c-whats-new2__thumb {
13742    position: relative;
13743    flex: 1 1 0;
13744    min-width: 0;
13745    max-width: 58px;
13746    height: 3px;
13747    padding: 0;
13748    border: 0;
13749    border-radius: 10px;
13750    background: rgba(247, 178, 103, 0.32);
13751    color: transparent;
13752    overflow: hidden;
13753    cursor: pointer;
13754  }
13755
13756  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__mobile-thumbs .c-whats-new2__thumb::before {
13757    content: "";
13758    position: absolute;
13759    inset: 0;
13760    border-radius: inherit;
13761    background:  #f7b267;
13762    transform: scaleX(0);
13763    transform-origin: left center;
13764  }
13765
13766  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__mobile-thumbs .c-whats-new2__thumb.is-active::before {
13767    transform: scaleX(1);
13768  }
13769
13770  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__mobile-thumbs .c-whats-new2__thumb.is-active.is-running::before {
13771    transform: scaleX(0);
13772    animation: c-whats-new2-progress var(--sl-c-whats-new2-slide-duration, 10s) linear forwards;
13773  }
13774
13775  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__mobile-thumbs .c-whats-new2__thumb.is-active.is-running.is-paused::before {
13776    animation-play-state: paused;
13777  }
13778
13779  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__image,
13780  
13781  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__placeholder {
13782    position: absolute;
13783    inset: 0;
13784    width: 100%;
13785    height: 100%;
13786    object-fit: cover;
13787    object-position: left center;
13788  }
13789
13790  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__video {
13791    position: absolute;
13792    inset: 0;
13793    width: 100%;
13794    height: 100%;
13795    object-fit: cover;
13796    object-position: center;
13797  }
13798  
13799  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__placeholder {
13800    background: var(--sl-c-whats-new2-card-bg);
13801  }
13802
13803  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__content {
13804    display: flex;
13805    flex-direction: column;
13806    justify-content: flex-start;
13807    gap: 21px;
13808    min-height: 100%;
13809    padding: 0;
13810    box-sizing: border-box;
13811  }
13812
13813  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__badge {
13814    display: inline-flex;
13815    align-self: flex-start;
13816    align-items: center;
13817    justify-content: center;
13818    min-width: 196px;
13819    margin: 0;
13820    padding: 10px 36px 10px 18px;
13821    border-radius: 0;
13822    background: var(--sl-c-whats-new2-block-badge-bg, var(--sl-c-whats-new2-badge-bg));
13823    color: var(--sl-c-whats-new2-block-badge-text, var(--sl-c-whats-new2-badge-text));
13824    clip-path: polygon(0 0, 100% 0, calc(100% - 16px) 50%, 100% 100%, 0 100%);
13825    font-family: var(--body-family) !important;
13826    font-size: 16px;
13827    font-weight: 700;
13828    line-height: 1.2;
13829  }
13830
13831  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__heading,
13832  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__heading p,
13833  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__heading h1,
13834  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__heading h2,
13835  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__heading h3,
13836  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__heading h4,
13837  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__heading h5,
13838  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__heading h6 {
13839    margin: 0;
13840    color: var(--sl-c-whats-new2-muted);
13841    font-family: var(--body-family) !important;
13842    font-size: 24px;
13843    font-weight: 400;
13844    line-height: 1.1;
13845    letter-spacing: 0;
13846  }
13847
13848  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading,
13849  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading p,
13850  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading h1,
13851  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading h2,
13852  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading h3,
13853  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading h4,
13854  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading h5,
13855  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading h6,
13856  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__body,
13857  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__body p,
13858  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__body h1,
13859  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__body h2,
13860  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__body h3,
13861  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__body h4,
13862  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__body h5,
13863  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__body h6 {
13864    margin: 0;
13865    color: var(--sl-c-whats-new2-text);
13866    font-family: var(--body-family) !important;
13867    font-size: 16px;
13868    font-weight: 400;
13869    line-height: 1.2;
13870    letter-spacing: 0;
13871  }
13872
13873  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading,
13874  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading p,
13875  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading h1,
13876  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading h2,
13877  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading h3,
13878  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading h4,
13879  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading h5,
13880  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading h6 {
13881    color: var(--sl-c-whats-new2-text);
13882    font-size: 20px;
13883    line-height: 1.25;
13884  }
13885
13886  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__review-card,
13887  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__quote-card {
13888    display: flex;
13889    flex-direction: column;
13890    gap: 8px;
13891    flex-shrink: 0;
13892    width: 100%;
13893    max-width: 480px;
13894    margin-top: 0;
13895    padding: 21px;
13896    border: 1px solid rgba(35, 34, 35, 0.2);
13897    border-radius: 16px;
13898    background: var(--sl-c-whats-new2-card-bg);
13899    box-sizing: border-box;
13900  }
13901
13902  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__quote-card {
13903    position: relative;
13904    overflow: hidden;
13905  }
13906
13907  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__quote-card > * {
13908    position: relative;
13909    z-index: 1;
13910  }
13911
13912  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__quote-stars {
13913    display: flex;
13914  }
13915
13916  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__review-quote,
13917  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__review-quote p,
13918  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__review-quote h1,
13919  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__review-quote h2,
13920  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__review-quote h3,
13921  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__review-quote h4,
13922  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__review-quote h5,
13923  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__review-quote h6,
13924  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__quote,
13925  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__quote p,
13926  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__quote h1,
13927  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__quote h2,
13928  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__quote h3,
13929  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__quote h4,
13930  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__quote h5,
13931  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__quote h6 {
13932    margin: 0;
13933    color: var(--sl-c-whats-new2-text);
13934    font-family: var(--body-family) !important;
13935    font-size: 18px;
13936    font-weight: 400;
13937    line-height: 1.35;
13938    letter-spacing: 0;
13939  }
13940
13941  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__review-author,
13942  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__quote-author {
13943    margin: 0;
13944    color: var(--sl-c-whats-new2-muted);
13945    font-family: var(--body-family) !important;
13946    font-size: 16px;
13947    font-weight: 500;
13948    line-height: 1.5;
13949  }
13950
13951  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__content--book_waitlist .c-whats-new2__quote-card {
13952    position: relative;
13953    overflow: hidden;
13954    border-color: rgba(35, 34, 35, 0.2);
13955    background: linear-gradient(135deg, rgba(255, 255, 255, 0.5) 0%, rgba(158, 165, 213, 0.78) 100%);
13956  }
13957
13958  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__content--book_waitlist .c-whats-new2__quote,
13959  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__content--book_waitlist .c-whats-new2__quote p,
13960  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__content--book_waitlist .c-whats-new2__quote h1,
13961  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__content--book_waitlist .c-whats-new2__quote h2,
13962  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__content--book_waitlist .c-whats-new2__quote h3,
13963  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__content--book_waitlist .c-whats-new2__quote h4,
13964  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__content--book_waitlist .c-whats-new2__quote h5,
13965  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__content--book_waitlist .c-whats-new2__quote h6,
13966  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__content--book_waitlist .c-whats-new2__quote-author {
13967    position: relative;
13968    z-index: 1;
13969    color: var(--sl-c-whats-new2-text);
13970  }
13971
13972  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__content--book_waitlist .c-whats-new2__quote,
13973  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__content--book_waitlist .c-whats-new2__quote p,
13974  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__content--book_waitlist .c-whats-new2__quote h1,
13975  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__content--book_waitlist .c-whats-new2__quote h2,
13976  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__content--book_waitlist .c-whats-new2__quote h3,
13977  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__content--book_waitlist .c-whats-new2__quote h4,
13978  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__content--book_waitlist .c-whats-new2__quote h5,
13979  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__content--book_waitlist .c-whats-new2__quote h6 {
13980    font-size: 20px;
13981  }
13982
13983  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__stats {
13984    display: flex;
13985    gap: 8px;
13986    margin-top: 6px;
13987  }
13988
13989  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__stat-card {
13990    display: flex;
13991    flex-direction: column;
13992    align-items: center;
13993    gap: 6px;
13994    padding: 12px 8px;
13995    border-radius: 9px;
13996    background: #fff;
13997    flex: 1;
13998    min-width: 0;
13999  }
14000
14001  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__stat-icon {
14002    width: 54px;
14003    height: 54px;
14004    display: flex;
14005    align-items: center;
14006    justify-content: center;
14007    flex-shrink: 0;
14008  }
14009
14010  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__stat-icon svg {
14011    width: 54px;
14012    height: 54px;
14013    display: block;
14014  }
14015
14016  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__stat-img {
14017    width: 54px;
14018    height: 54px;
14019    object-fit: contain;
14020    display: block;
14021  }
14022
14023  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__stat-value {
14024    color: #000;
14025    font-family: var(--body-family) !important;
14026    font-size: 18px;
14027    font-weight: 400;
14028    line-height: 1.1;
14029    text-align: center;
14030    letter-spacing: 0;
14031    margin: 0;
14032  }
14033
14034  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__stat-caption {
14035    color: #333;
14036    font-family: var(--body-family) !important;
14037    font-size: 13px;
14038    font-weight: 400;
14039    line-height: 1.3;
14040    text-align: center;
14041  }
14042
14043  @media (width >= 768px) {
14044    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__stats {
14045      gap: 12px;
14046    }
14047
14048    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__stat-card {
14049      padding: 12px;
14050    }
14051
14052    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__stat-value {
14053      font-size: 21px;
14054    }
14055
14056    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__stat-caption {
14057      font-size: 14px;
14058    }
14059  }
14060
14061  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__cta {
14062    display: inline-flex;
14063    align-items: center;
14064    justify-content: center;
14065    align-self: stretch;
14066    width: 100%;
14067    min-height: 55px;
14068    margin-top: 0;
14069    padding: 16px 64px;
14070    border: 1px solid var(--sl-c-whats-new2-cta-border);
14071    border-radius: 40px;
14072    background: var(--sl-c-whats-new2-cta-bg, var(--sl-c-whats-new2-cta-bg-default));
14073    text-decoration: none;
14074    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
14075    color: var(--sl-c-whats-new2-cta-text, var(--sl-c-whats-new2-cta-text-default));
14076    font-family: var(--body-family) !important;
14077    font-size: 16px;
14078    font-weight: 600;
14079    line-height: 1.2;
14080    letter-spacing: 0;
14081    text-align: center;
14082    text-decoration: none;
14083  }
14084
14085  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__cta:hover,
14086  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__cta:focus-visible {
14087    background: #f5a54e;
14088    transform: translateY(-2px);
14089    box-shadow: 0 4px 12px rgba(247, 178, 103, 0.3);
14090  }
14091
14092  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__nav-row {
14093    display: none;
14094    flex-direction: column;
14095    gap: 18px;
14096    width: 100%;
14097    max-width: 1312px;
14098    margin-left: auto;
14099    margin-right: auto;
14100  }
14101
14102  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__thumbs {
14103    display: flex;
14104    align-items: center;
14105    justify-content: center;
14106    gap: 8px;
14107    flex: 1 1 0%;
14108    min-width: 0;
14109    margin: 0;
14110    padding: 0;
14111  }
14112
14113  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__thumb {
14114    position: relative;
14115    flex: 1 1 0;
14116    min-width: 1px;
14117    height: 2.5px;
14118    padding: 0;
14119    overflow: hidden;
14120    border: 0;
14121    border-radius: 10px;
14122    background: rgba(247, 178, 103, 0.32);
14123    color: transparent;
14124    cursor: pointer;
14125  }
14126
14127  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__thumb::before {
14128    content: "";
14129    position: absolute;
14130    inset: 0;
14131    border-radius: inherit;
14132    background:  #f7b267;
14133    transform: scaleX(0);
14134    transform-origin: left center;
14135  }
14136
14137  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__thumb.is-active::before {
14138    transform: scaleX(1);
14139  }
14140
14141  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__thumb.is-active.is-running::before {
14142    transform: scaleX(0);
14143    animation: c-whats-new2-progress var(--sl-c-whats-new2-slide-duration, 10s) linear forwards;
14144  }
14145
14146  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__thumb.is-active.is-running.is-paused::before {
14147    animation-play-state: paused;
14148  }
14149
14150  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__thumb:focus-visible {
14151    outline: 2px solid var(--sl-c-whats-new2-thumb-border, #f7b267);
14152    outline-offset: 6px;
14153  }
14154
14155  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__controls {
14156    display: flex;
14157    align-items: center;
14158    gap: 16px;
14159    flex-shrink: 0;
14160  }
14161
14162  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__button {
14163    display: inline-flex;
14164    align-items: center;
14165    justify-content: center;
14166    width: 24px;
14167    height: 24px;
14168    padding: 0;
14169    border: 0;
14170    border-radius: 50%;
14171    background: #f7b267;
14172    color: #181e21;
14173    cursor: pointer;
14174    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
14175  }
14176
14177  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__button:hover,
14178  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__button:focus-visible {
14179    background: #f5a54e;
14180    transform: translateY(-1px);
14181  }
14182
14183  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__button:focus-visible {
14184    outline: 2px solid var(--sl-c-whats-new2-thumb-border, #f7b267);
14185    outline-offset: 3px;
14186  }
14187
14188  #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__button svg {
14189    width: 14px;
14190    height: 14px;
14191    fill: none;
14192    stroke: currentColor;
14193    stroke-width: 2;
14194    stroke-linecap: round;
14195    stroke-linejoin: round;
14196  }
14197
14198  @media (width >= 768px) {
14199    #template--19420722397381__c_whats_new2_wzPeAf {
14200      --sl-c-whats-new2-padding-top: 64px;
14201      --sl-c-whats-new2-padding-bottom: 64px;
14202      --sl-c-whats-new2-gap: 36px;
14203    }
14204
14205    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title,
14206    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title p,
14207    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title h1,
14208    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title h2,
14209    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title h3,
14210    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title h4,
14211    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title h5,
14212    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title h6 {
14213      font-size: 48px;
14214    }
14215
14216    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__panel {
14217      gap: 24px;
14218    }
14219
14220    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__media-card {
14221      height: auto;
14222      min-height: 320px;
14223      border-radius: 16px;
14224    }
14225
14226    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__media-figure {
14227      min-height: 0;
14228      height: 100%;
14229      border-radius: 12px;
14230      aspect-ratio: 768 / 512;
14231    }
14232
14233    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__mobile-thumbs {
14234      display: none;
14235    }
14236
14237    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__nav-row {
14238      display: flex;
14239      flex-direction: row;
14240      align-items: center;
14241      justify-content: space-between;
14242      gap: 24px;
14243    }
14244
14245    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__content {
14246      gap: 16px;
14247    }
14248
14249    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__heading,
14250    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__heading p,
14251    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__heading h1,
14252    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__heading h2,
14253    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__heading h3,
14254    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__heading h4,
14255    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__heading h5,
14256    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__heading h6 {
14257      color: var(--sl-c-whats-new2-text);
14258      font-size: 32px;
14259      line-height: 1.08;
14260    }
14261
14262    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading,
14263    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading p,
14264    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading h1,
14265    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading h2,
14266    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading h3,
14267    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading h4,
14268    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading h5,
14269    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading h6 {
14270      font-size: 19px;
14271      line-height: 1.35;
14272    }
14273
14274    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__body,
14275    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__body p,
14276    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__body h1,
14277    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__body h2,
14278    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__body h3,
14279    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__body h4,
14280    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__body h5,
14281    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__body h6 {
14282      color: var(--sl-c-whats-new2-muted);
14283      font-size: 17px;
14284      line-height: 1.45;
14285    }
14286
14287    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__review-card,
14288    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__quote-card {
14289      gap: 14px;
14290      margin-top: 6px;
14291      padding: 20px;
14292      border-color: var(--sl-c-whats-new2-border);
14293    }
14294
14295    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__cta {
14296      align-self: flex-start;
14297      width: auto;
14298      margin-top: 0;
14299      padding: 16px 40px;
14300    }
14301  }
14302
14303  @media (width >= 978px) {
14304    #template--19420722397381__c_whats_new2_wzPeAf {
14305      --sl-c-whats-new2-padding-top: 80px;
14306      --sl-c-whats-new2-padding-bottom: 64px;
14307      --sl-c-whats-new2-gap: 42px;
14308    }
14309
14310    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__panel {
14311      grid-template-columns: minmax(0, 768fr) minmax(0, 480fr);
14312      gap: 64px;
14313      min-height: 512px;
14314    }
14315
14316    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__panel--video {
14317      grid-template-columns: minmax(0, 1fr);
14318      gap: 0;
14319      min-height: var(--sl-c-whats-new2-video-h);
14320    }
14321
14322    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__media-card {
14323      min-height: 512px;
14324      height: 512px;
14325      align-self: start;
14326    }
14327
14328    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__panel--video .c-whats-new2__media-card {
14329      height: var(--sl-c-whats-new2-video-h);
14330      width: 100%;
14331    }
14332
14333    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__content {
14334      min-height: 512px;
14335      height: auto;
14336    }
14337
14338    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__media-figure {
14339      min-height: 0;
14340      height: 100%;
14341      aspect-ratio: auto;
14342    }
14343
14344    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__content {
14345      gap: 24px;
14346      padding-top: 21px;
14347      padding-bottom: 21px;
14348    }
14349
14350    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__review-quote,
14351    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__review-quote p,
14352    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__quote,
14353    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__quote p {
14354      font-size: 19px;
14355      line-height: 1.2;
14356    }
14357
14358    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__heading,
14359    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__heading p,
14360    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__heading h1,
14361    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__heading h2,
14362    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__heading h3,
14363    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__heading h4,
14364    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__heading h5,
14365    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__heading h6 {
14366      color: var(--sl-c-whats-new2-muted);
14367      font-size: 40px;
14368      line-height: 1;
14369    }
14370
14371    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading,
14372    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading p,
14373    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading h1,
14374    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading h2,
14375    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading h3,
14376    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading h4,
14377    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading h5,
14378    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__subheading h6 {
14379      color: #000;
14380      font-size: 32px;
14381      line-height: 1;
14382    }
14383
14384    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__body,
14385    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__body p,
14386    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__body h1,
14387    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__body h2,
14388    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__body h3,
14389    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__body h4,
14390    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__body h5,
14391    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__body h6 {
14392      color: #000;
14393      font-size: 18px;
14394      line-height: 1.2;
14395    }
14396
14397    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__badge {
14398      min-width: 196px;
14399      height: 48px;
14400      padding: 0 36px 0 18px;
14401      font-size: 20px;
14402      line-height: 1.2;
14403    }
14404
14405    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__cta {
14406      height: 55px;
14407      min-height: 55px;
14408      padding: 0 64px;
14409      font-size: 18px;
14410      font-weight: 500;
14411      line-height: 1.5;
14412    }
14413  }
14414
14415  @media (width >= 1200px) {
14416    #template--19420722397381__c_whats_new2_wzPeAf {
14417      --sl-c-whats-new2-padding-top: 80px;
14418      --sl-c-whats-new2-padding-bottom: 64px;
14419      --sl-c-whats-new2-gap: 42px;
14420    }
14421
14422    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__panel {
14423      gap: 64px;
14424    }
14425
14426    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title,
14427    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title p,
14428    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title h1,
14429    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title h2,
14430    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title h3,
14431    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title h4,
14432    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title h5,
14433    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title h6 {
14434      font-size: 56px;
14435    }
14436  }
14437
14438  @media (width >= 1440px) {
14439    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__panels {
14440      max-width: 1312px;
14441      margin-left: auto;
14442      margin-right: auto;
14443    }
14444
14445    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__nav-row {
14446      max-width: 1312px;
14447      margin-left: auto;
14448      margin-right: auto;
14449    }
14450
14451    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__panel {
14452      grid-template-columns: 768px 480px;
14453      justify-content: center;
14454    }
14455
14456    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__panel--video {
14457      grid-template-columns: minmax(0, 1fr);
14458      justify-content: stretch;
14459    }
14460
14461    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__media-card,
14462    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__content {
14463      width: 100%;
14464      max-width: 100%;
14465    }
14466  }
14467
14468  @media (width >= 1980px) {
14469    #template--19420722397381__c_whats_new2_wzPeAf {
14470      --sl-c-whats-new2-padding-top: 96px;
14471      --sl-c-whats-new2-padding-bottom: 80px;
14472      --sl-c-whats-new2-gap: 48px;
14473    }
14474
14475    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title,
14476    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title p,
14477    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title h1,
14478    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title h2,
14479    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title h3,
14480    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title h4,
14481    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title h5,
14482    #template--19420722397381__c_whats_new2_wzPeAf .c-whats-new2__title h6 {
14483      font-size: 64px;
14484    }
14485  }#template--19420722397381__c_whats_new2_wzPeAf [data-c-whats-new2-block="promo_quote_Ncx3aw"] .c-whats-new2__quote-card {background-image: url(//apolloneuro.com/cdn/shop/files/Bkgrnd.png?v=1782932214&width=800);
14486            background-size: cover;
14487            background-position: center;}</style>
14488
14489<section
14490  id="template--19420722397381__c_whats_new2_wzPeAf"
14491  class="c-section c-whats-new2"
14492  data-section-id="template--19420722397381__c_whats_new2_wzPeAf"
14493  data-section-type="c-whats-new2"
14494  data-sl-id="sl-section-whats-new2-v1"
14495  data-image-delay="10000"
14496><div class="c-section__inner c-whats-new2__inner"><div class="c-whats-new2__title"><h1>New Vibes, New Stories,<br/>New Reasons To Feel Better.</h1></div><div class="c-whats-new2__carousel" data-c-whats-new2>
14497      <div class="c-whats-new2__panels" data-c-whats-new2-panels><article
14498              class="c-whats-new2__panel is-active"
14499              role="tabpanel"
14500              data-c-whats-new2-panel
14501              data-c-whats-new2-block="promo_testimonial_ep8CEa"
14502              data-media-type="image"
14503              data-slide-duration="10000"
14504              style="--sl-c-whats-new2-slide-duration: 10.0s;"
14505              
14506              
14507            >
14508              <div class="c-whats-new2__media-card">
14509                <figure class="c-whats-new2__media-figure"><img src="//apolloneuro.com/cdn/shop/files/Merch_1200x600_02.png?v=1783244624&amp;width=1500" alt="" srcset="//apolloneuro.com/cdn/shop/files/Merch_1200x600_02.png?v=1783244624&amp;width=375 375w, //apolloneuro.com/cdn/shop/files/Merch_1200x600_02.png?v=1783244624&amp;width=550 550w, //apolloneuro.com/cdn/shop/files/Merch_1200x600_02.png?v=1783244624&amp;width=750 750w, //apolloneuro.com/cdn/shop/files/Merch_1200x600_02.png?v=1783244624&amp;width=900 900w, //apolloneuro.com/cdn/shop/files/Merch_1200x600_02.png?v=1783244624&amp;width=1100 1100w, //apolloneuro.com/cdn/shop/files/Merch_1200x600_02.png?v=1783244624&amp;width=1300 1300w, //apolloneuro.com/cdn/shop/files/Merch_1200x600_02.png?v=1783244624&amp;width=1500 1500w" width="1500" height="1000" loading="lazy" sizes="100vw" class="c-whats-new2__image">
14510</figure>
14511
14512                <div class="c-whats-new2__playbar">
14513                  <div class="c-whats-new2__progress" aria-hidden="true">
14514                    <span class="c-whats-new2__progress-fill" data-c-whats-new2-progress></span>
14515                  </div>
14516                  <button
14517                    type="button"
14518                    class="c-whats-new2__playpause"
14519                    data-c-whats-new2-toggle
14520                    aria-label="Pause"
14521                  >
14522                    <svg class="c-whats-new2__icon-pause" viewBox="0 0 14 14" aria-hidden="true" focusable="false"><rect x="3" y="2" width="3" height="10" rx="1"/><rect x="8" y="2" width="3" height="10" rx="1"/></svg>
14523                    <svg class="c-whats-new2__icon-play" viewBox="0 0 14 14" aria-hidden="true" focusable="false"><path d="M3 2 L12 7 L3 12 Z"/></svg>
14524                  </button>
14525                </div>
14526              </div><div class="c-whats-new2__mobile-thumbs" role="tablist" aria-label="Select a story"><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile is-active" type="button" role="tab" aria-selected="true" aria-label="Show Merch Offer" data-c-whats-new2-thumb data-slide-index="0"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show simpe guide Vibe" data-c-whats-new2-thumb data-slide-index="1"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show Pain Relief Vibe" data-c-whats-new2-thumb data-slide-index="2"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show Sleep Expert" data-c-whats-new2-thumb data-slide-index="3"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show Free Confidence Vibe" data-c-whats-new2-thumb data-slide-index="4"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show Video" data-c-whats-new2-thumb data-slide-index="5"></button></div><div class="c-whats-new2__content c-whats-new2__content--promo_testimonial"><p class="c-whats-new2__badge">FIRST COLLECTION DROP</p><div class="c-whats-new2__heading"><h2><strong>Introducing Apollo Apparel + Gear</strong></h2></div><div class="c-whats-new2__subheading"><p><strong>The perfect way to vibe higher</strong></p></div><div class="c-whats-new2__body"><p>New garments and everyday essentials that will vibe with your wellness journey</p></div><a class="c-whats-new2__cta" href="/collections/merch" aria-label="Shop Now">
14527      Shop Now
14528    </a></div>
14529            </article><article
14530              class="c-whats-new2__panel"
14531              role="tabpanel"
14532              data-c-whats-new2-panel
14533              data-c-whats-new2-block="promo_quote_Ncx3aw"
14534              data-media-type="image"
14535              data-slide-duration="10000"
14536              style="--sl-c-whats-new2-slide-duration: 10.0s;"
14537              aria-hidden="true"
14538              
14539            >
14540              <div class="c-whats-new2__media-card">
14541                <figure class="c-whats-new2__media-figure"><img src="//apolloneuro.com/cdn/shop/files/1200x800_dave_book.png?v=1782931657&amp;width=1500" alt="" srcset="//apolloneuro.com/cdn/shop/files/1200x800_dave_book.png?v=1782931657&amp;width=375 375w, //apolloneuro.com/cdn/shop/files/1200x800_dave_book.png?v=1782931657&amp;width=550 550w, //apolloneuro.com/cdn/shop/files/1200x800_dave_book.png?v=1782931657&amp;width=750 750w, //apolloneuro.com/cdn/shop/files/1200x800_dave_book.png?v=1782931657&amp;width=900 900w, //apolloneuro.com/cdn/shop/files/1200x800_dave_book.png?v=1782931657&amp;width=1100 1100w, //apolloneuro.com/cdn/shop/files/1200x800_dave_book.png?v=1782931657&amp;width=1300 1300w, //apolloneuro.com/cdn/shop/files/1200x800_dave_book.png?v=1782931657&amp;width=1500 1500w" width="1500" height="1000" loading="lazy" sizes="100vw" class="c-whats-new2__image">
14542</figure>
14543
14544                <div class="c-whats-new2__playbar">
14545                  <div class="c-whats-new2__progress" aria-hidden="true">
14546                    <span class="c-whats-new2__progress-fill" data-c-whats-new2-progress></span>
14547                  </div>
14548                  <button
14549                    type="button"
14550                    class="c-whats-new2__playpause"
14551                    data-c-whats-new2-toggle
14552                    aria-label="Pause"
14553                  >
14554                    <svg class="c-whats-new2__icon-pause" viewBox="0 0 14 14" aria-hidden="true" focusable="false"><rect x="3" y="2" width="3" height="10" rx="1"/><rect x="8" y="2" width="3" height="10" rx="1"/></svg>
14555                    <svg class="c-whats-new2__icon-play" viewBox="0 0 14 14" aria-hidden="true" focusable="false"><path d="M3 2 L12 7 L3 12 Z"/></svg>
14556                  </button>
14557                </div>
14558              </div><div class="c-whats-new2__mobile-thumbs" role="tablist" aria-label="Select a story"><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile is-active" type="button" role="tab" aria-selected="true" aria-label="Show Merch Offer" data-c-whats-new2-thumb data-slide-index="0"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show simpe guide Vibe" data-c-whats-new2-thumb data-slide-index="1"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show Pain Relief Vibe" data-c-whats-new2-thumb data-slide-index="2"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show Sleep Expert" data-c-whats-new2-thumb data-slide-index="3"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show Free Confidence Vibe" data-c-whats-new2-thumb data-slide-index="4"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show Video" data-c-whats-new2-thumb data-slide-index="5"></button></div><div class="c-whats-new2__content c-whats-new2__content--promo_quote"><p class="c-whats-new2__badge">Now Available</p><div class="c-whats-new2__heading"><p>The science of feeling okay, written by the doctor behind Apollo.</p></div><aside class="c-whats-new2__quote-card" aria-label="Founder quote"><div class="c-whats-new2__quote"><p>“A Simple Guide to Being Alive is a compassionate wake-up call. With remarkable clarity, Dr. Rabin bridges neuroscience and ancient  wisdom, offering a clear path back to what it truly means to feel safe,  present, and alive.”</p></div><p class="c-whats-new2__quote-author">- Dr. David Perlmutter, MD<br />
14559Physician & #1 New York Times Bestselling Author of Grain Brain and Brain Defenders</p></aside><a class="c-whats-new2__cta" href="/pages/a-simple-guide-to-being-alive" aria-label="Order Now">
14560      Order Now
14561    </a></div>
14562            </article><article
14563              class="c-whats-new2__panel"
14564              role="tabpanel"
14565              data-c-whats-new2-panel
14566              data-c-whats-new2-block="promo_quote_eDcfrh"
14567              data-media-type="image"
14568              data-slide-duration="10000"
14569              style="--sl-c-whats-new2-slide-duration: 10.0s;"
14570              aria-hidden="true"
14571              
14572            >
14573              <div class="c-whats-new2__media-card">
14574                <figure class="c-whats-new2__media-figure"><img src="//apolloneuro.com/cdn/shop/files/Frame_1618873676.webp?v=1782846542&amp;width=1500" alt="" srcset="//apolloneuro.com/cdn/shop/files/Frame_1618873676.webp?v=1782846542&amp;width=375 375w, //apolloneuro.com/cdn/shop/files/Frame_1618873676.webp?v=1782846542&amp;width=550 550w, //apolloneuro.com/cdn/shop/files/Frame_1618873676.webp?v=1782846542&amp;width=750 750w, //apolloneuro.com/cdn/shop/files/Frame_1618873676.webp?v=1782846542&amp;width=900 900w, //apolloneuro.com/cdn/shop/files/Frame_1618873676.webp?v=1782846542&amp;width=1100 1100w, //apolloneuro.com/cdn/shop/files/Frame_1618873676.webp?v=1782846542&amp;width=1300 1300w, //apolloneuro.com/cdn/shop/files/Frame_1618873676.webp?v=1782846542&amp;width=1500 1500w" width="1500" height="1000" loading="lazy" sizes="100vw" class="c-whats-new2__image">
14575</figure>
14576
14577                <div class="c-whats-new2__playbar">
14578                  <div class="c-whats-new2__progress" aria-hidden="true">
14579                    <span class="c-whats-new2__progress-fill" data-c-whats-new2-progress></span>
14580                  </div>
14581                  <button
14582                    type="button"
14583                    class="c-whats-new2__playpause"
14584                    data-c-whats-new2-toggle
14585                    aria-label="Pause"
14586                  >
14587                    <svg class="c-whats-new2__icon-pause" viewBox="0 0 14 14" aria-hidden="true" focusable="false"><rect x="3" y="2" width="3" height="10" rx="1"/><rect x="8" y="2" width="3" height="10" rx="1"/></svg>
14588                    <svg class="c-whats-new2__icon-play" viewBox="0 0 14 14" aria-hidden="true" focusable="false"><path d="M3 2 L12 7 L3 12 Z"/></svg>
14589                  </button>
14590                </div>
14591              </div><div class="c-whats-new2__mobile-thumbs" role="tablist" aria-label="Select a story"><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile is-active" type="button" role="tab" aria-selected="true" aria-label="Show Merch Offer" data-c-whats-new2-thumb data-slide-index="0"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show simpe guide Vibe" data-c-whats-new2-thumb data-slide-index="1"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show Pain Relief Vibe" data-c-whats-new2-thumb data-slide-index="2"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show Sleep Expert" data-c-whats-new2-thumb data-slide-index="3"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show Free Confidence Vibe" data-c-whats-new2-thumb data-slide-index="4"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show Video" data-c-whats-new2-thumb data-slide-index="5"></button></div><div class="c-whats-new2__content c-whats-new2__content--promo_quote"><p class="c-whats-new2__badge">New Vibe</p><div class="c-whats-new2__heading"><p>How Pain Relief Vibe Helps Your Body Soften</p></div><div class="c-whats-new2__body"><p>Using Apollo’s science-backed vibration patterns, the Pain Relief Vibe gives your nervous system a steady signal of safety, acting like a calming touch.</p></div><a class="c-whats-new2__cta" href="/blogs/news/introducing-pain-relief-vibe" aria-label="Learn More">
14592      Learn More
14593    </a></div>
14594            </article><article
14595              class="c-whats-new2__panel"
14596              role="tabpanel"
14597              data-c-whats-new2-panel
14598              data-c-whats-new2-block="expert_stats_aafKhx"
14599              data-media-type="video"
14600              data-slide-duration="10000"
14601              style="--sl-c-whats-new2-slide-duration: 10.0s;"
14602              aria-hidden="true"
14603              
14604            >
14605              <div class="c-whats-new2__media-card">
14606                <figure class="c-whats-new2__media-figure"><video playsinline="true" autoplay="autoplay" muted="muted" controls="controls" preload="metadata" class="c-whats-new2__video" poster="//apolloneuro.com/cdn/shop/files/preview_images/7451d2b67a2c44f28a839e8de9123e93.thumbnail.0000000000_small.jpg?v=1772582709" loading="lazy"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/7451d2b67a2c44f28a839e8de9123e93/7451d2b67a2c44f28a839e8de9123e93.HD-1080p-7.2Mbps-77085992.mp4?v=0" type="video/mp4"><img src="//apolloneuro.com/cdn/shop/files/preview_images/7451d2b67a2c44f28a839e8de9123e93.thumbnail.0000000000_small.jpg?v=1772582709"></video>
14607</figure>
14608
14609                <div class="c-whats-new2__playbar">
14610                  <div class="c-whats-new2__progress" aria-hidden="true">
14611                    <span class="c-whats-new2__progress-fill" data-c-whats-new2-progress></span>
14612                  </div>
14613                  <button
14614                    type="button"
14615                    class="c-whats-new2__playpause"
14616                    data-c-whats-new2-toggle
14617                    aria-label="Pause"
14618                  >
14619                    <svg class="c-whats-new2__icon-pause" viewBox="0 0 14 14" aria-hidden="true" focusable="false"><rect x="3" y="2" width="3" height="10" rx="1"/><rect x="8" y="2" width="3" height="10" rx="1"/></svg>
14620                    <svg class="c-whats-new2__icon-play" viewBox="0 0 14 14" aria-hidden="true" focusable="false"><path d="M3 2 L12 7 L3 12 Z"/></svg>
14621                  </button>
14622                </div>
14623              </div><div class="c-whats-new2__mobile-thumbs" role="tablist" aria-label="Select a story"><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile is-active" type="button" role="tab" aria-selected="true" aria-label="Show Merch Offer" data-c-whats-new2-thumb data-slide-index="0"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show simpe guide Vibe" data-c-whats-new2-thumb data-slide-index="1"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show Pain Relief Vibe" data-c-whats-new2-thumb data-slide-index="2"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show Sleep Expert" data-c-whats-new2-thumb data-slide-index="3"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show Free Confidence Vibe" data-c-whats-new2-thumb data-slide-index="4"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show Video" data-c-whats-new2-thumb data-slide-index="5"></button></div><div class="c-whats-new2__content c-whats-new2__content--expert_stats"><p class="c-whats-new2__badge">Sleep Expert</p><div class="c-whats-new2__heading"><p>Dr. Michael Breus explains why Apollo works.</p></div><div class="c-whats-new2__stats" aria-label="Sleep study results"><div class="c-whats-new2__stat-card"><div class="c-whats-new2__stat-icon">
14624<svg width="54" height="54" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
14625      <path d="M51.9613 36.826C49.8294 39.6891 46.9396 42.0852 43.3707 43.7857C31.6468 49.3086 17.2069 45.2335 11.0883 34.5818C4.96964 23.9302 9.49893 10.7526 21.1942 5.1798C24.7631 3.47918 28.572 2.68334 32.3701 2.72074C27.5099 9.11314 26.6034 17.7619 30.8548 25.163C35.1063 32.5642 43.3954 36.7675 51.9613 36.826Z" fill="url(#paint0_linear_4951_5216)"/>
14626      <path d="M36.5443 31.4385C33.2425 31.4385 30.5764 29.0061 30.5764 26.0124C30.5764 23 33.2425 20.5676 36.5443 20.5676C39.8256 20.5676 42.5122 23 42.5122 26.0124C42.4917 29.0061 39.8256 31.4385 36.5443 31.4385Z" fill="url(#paint1_linear_4951_5216)"/>
14627      <path d="M45.9388 23.6585C44.052 23.6585 42.5286 22.2685 42.5286 20.5579C42.5286 18.8365 44.052 17.4465 45.9388 17.4465C47.8138 17.4465 49.349 18.8365 49.349 20.5579C49.3373 22.2685 47.8138 23.6585 45.9388 23.6585Z" fill="url(#paint2_linear_4951_5216)"/>
14628      <defs>
14629      <linearGradient id="paint0_linear_4951_5216" x1="37.5345" y1="46.1731" x2="18.1459" y2="5.48385" gradientUnits="userSpaceOnUse">
14630      <stop offset="0.380208" stop-color="#0E3548"/>
14631      <stop offset="1" stop-color="#7B7FBD"/>
14632      </linearGradient>
14633      <linearGradient id="paint1_linear_4951_5216" x1="31.9896" y1="30.0348" x2="40.0567" y2="21.4454" gradientUnits="userSpaceOnUse">
14634      <stop stop-color="#7B7FBD"/>
14635      <stop offset="1" stop-color="#C792C9"/>
14636      </linearGradient>
14637      <linearGradient id="paint2_linear_4951_5216" x1="43.3361" y1="22.8563" x2="47.9458" y2="17.9481" gradientUnits="userSpaceOnUse">
14638      <stop stop-color="#7B7FBD"/>
14639      <stop offset="1" stop-color="#C792C9"/>
14640      </linearGradient>
14641      </defs>
14642    </svg></div><p class="c-whats-new2__stat-value">46 more minutes</p><div class="c-whats-new2__stat-caption">of sleep a night, <br />
14643on average</div></div><div class="c-whats-new2__stat-card"><div class="c-whats-new2__stat-icon"><img src="//apolloneuro.com/cdn/shop/files/icon_deep-sleep-min.png?v=1731049320&amp;width=108" alt="" srcset="//apolloneuro.com/cdn/shop/files/icon_deep-sleep-min.png?v=1731049320&amp;width=54 54w, //apolloneuro.com/cdn/shop/files/icon_deep-sleep-min.png?v=1731049320&amp;width=108 108w" width="108" height="76" loading="lazy" class="c-whats-new2__stat-img" sizes="54px"></div><p class="c-whats-new2__stat-value">14% Increase</p><div class="c-whats-new2__stat-caption">in REM sleep</div></div><div class="c-whats-new2__stat-card"><div class="c-whats-new2__stat-icon"><img src="//apolloneuro.com/cdn/shop/files/Icon_1.png?v=1712671118&amp;width=108" alt="" srcset="//apolloneuro.com/cdn/shop/files/Icon_1.png?v=1712671118&amp;width=54 54w, //apolloneuro.com/cdn/shop/files/Icon_1.png?v=1712671118&amp;width=108 108w" width="108" height="108" loading="lazy" class="c-whats-new2__stat-img" sizes="54px"></div><p class="c-whats-new2__stat-value">11% Increase</p><div class="c-whats-new2__stat-caption">HRV (Heart Rate Variability)</div></div></div><a class="c-whats-new2__cta" href="/products/apollo-wearable-smartvibes-ai-membership-sleep-band" aria-label="Shop Now">
14644      Shop Now
14645    </a></div>
14646            </article><article
14647              class="c-whats-new2__panel"
14648              role="tabpanel"
14649              data-c-whats-new2-panel
14650              data-c-whats-new2-block="promo_quote_iHWiEP"
14651              data-media-type="image"
14652              data-slide-duration="10000"
14653              style="--sl-c-whats-new2-slide-duration: 10.0s;"
14654              aria-hidden="true"
14655              
14656            >
14657              <div class="c-whats-new2__media-card">
14658                <figure class="c-whats-new2__media-figure"><img src="//apolloneuro.com/cdn/shop/files/Frame_1618873676_1.webp?v=1782846543&amp;width=1500" alt="" srcset="//apolloneuro.com/cdn/shop/files/Frame_1618873676_1.webp?v=1782846543&amp;width=375 375w, //apolloneuro.com/cdn/shop/files/Frame_1618873676_1.webp?v=1782846543&amp;width=550 550w, //apolloneuro.com/cdn/shop/files/Frame_1618873676_1.webp?v=1782846543&amp;width=750 750w, //apolloneuro.com/cdn/shop/files/Frame_1618873676_1.webp?v=1782846543&amp;width=900 900w, //apolloneuro.com/cdn/shop/files/Frame_1618873676_1.webp?v=1782846543&amp;width=1100 1100w, //apolloneuro.com/cdn/shop/files/Frame_1618873676_1.webp?v=1782846543&amp;width=1300 1300w, //apolloneuro.com/cdn/shop/files/Frame_1618873676_1.webp?v=1782846543&amp;width=1500 1500w" width="1500" height="1000" loading="lazy" sizes="100vw" class="c-whats-new2__image">
14659</figure>
14660
14661                <div class="c-whats-new2__playbar">
14662                  <div class="c-whats-new2__progress" aria-hidden="true">
14663                    <span class="c-whats-new2__progress-fill" data-c-whats-new2-progress></span>
14664                  </div>
14665                  <button
14666                    type="button"
14667                    class="c-whats-new2__playpause"
14668                    data-c-whats-new2-toggle
14669                    aria-label="Pause"
14670                  >
14671                    <svg class="c-whats-new2__icon-pause" viewBox="0 0 14 14" aria-hidden="true" focusable="false"><rect x="3" y="2" width="3" height="10" rx="1"/><rect x="8" y="2" width="3" height="10" rx="1"/></svg>
14672                    <svg class="c-whats-new2__icon-play" viewBox="0 0 14 14" aria-hidden="true" focusable="false"><path d="M3 2 L12 7 L3 12 Z"/></svg>
14673                  </button>
14674                </div>
14675              </div><div class="c-whats-new2__mobile-thumbs" role="tablist" aria-label="Select a story"><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile is-active" type="button" role="tab" aria-selected="true" aria-label="Show Merch Offer" data-c-whats-new2-thumb data-slide-index="0"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show simpe guide Vibe" data-c-whats-new2-thumb data-slide-index="1"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show Pain Relief Vibe" data-c-whats-new2-thumb data-sli
14675de-index="2"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show Sleep Expert" data-c-whats-new2-thumb data-slide-index="3"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show Free Confidence Vibe" data-c-whats-new2-thumb data-slide-index="4"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show Video" data-c-whats-new2-thumb data-slide-index="5"></button></div><div class="c-whats-new2__content c-whats-new2__content--promo_quote"><p class="c-whats-new2__badge">New Vibe</p><div class="c-whats-new2__heading"><p>Your mind already knows it's over. Help your body catch up.</p></div><div class="c-whats-new2__body"><p>Safe + Sound Vibe is designed for the moments after the storm.<br/><br/>When the stress has passed but your nervous system is still bracing. Steady, predictable vibrations signal safety through touch, helping your body downshift so you can return to your day with clarity and ease.</p></div><a class="c-whats-new2__cta" href="/blogs/news/meet-safe-sound-vibe" aria-label="Learn More">
14676      Learn More
14677    </a></div>
14678            </article><article class="c-whats-new2__panel c-whats-new2__panel--video" role="tabpanel" data-c-whats-new2-panel data-c-whats-new2-block="section-video" data-media-type="video" data-slide-duration="10000" style="--sl-c-whats-new2-slide-duration: 10.0s;" aria-hidden="true">
14679        <div class="c-whats-new2__media-card">
14680          <figure class="c-whats-new2__media-figure"><video playsinline="true" autoplay="autoplay" muted="muted" controls="controls" preload="metadata" class="c-whats-new2__video" poster="//apolloneuro.com/cdn/shop/files/preview_images/9a50f993a27845289706e6410250bd1e.thumbnail.0000000000_small.jpg?v=1779143535" loading="lazy"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/9a50f993a27845289706e6410250bd1e/9a50f993a27845289706e6410250bd1e.HD-1080p-7.2Mbps-84413628.mp4?v=0" type="video/mp4"><img src="//apolloneuro.com/cdn/shop/files/preview_images/9a50f993a27845289706e6410250bd1e.thumbnail.0000000000_small.jpg?v=1779143535"></video>
14681</figure>
14682        </div><div class="c-whats-new2__mobile-thumbs" role="tablist" aria-label="Select a story"><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile is-active" type="button" role="tab" aria-selected="true" aria-label="Show Merch Offer" data-c-whats-new2-thumb data-slide-index="0"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show simpe guide Vibe" data-c-whats-new2-thumb data-slide-index="1"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show Pain Relief Vibe" data-c-whats-new2-thumb data-slide-index="2"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show Sleep Expert" data-c-whats-new2-thumb data-slide-index="3"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show Free Confidence Vibe" data-c-whats-new2-thumb data-slide-index="4"></button><button class="c-whats-new2__thumb c-whats-new2__thumb--mobile" type="button" role="tab" aria-selected="false" aria-label="Show Video" data-c-whats-new2-thumb data-slide-index="5"></button></div></article></div>
14683    </div><div class="c-whats-new2__nav-row" aria-label="What's New 2 carousel navigation">
14684        <div class="c-whats-new2__thumbs" role="tablist" aria-label="Select a story">
14685          <button class="c-whats-new2__thumb is-active" type="button" role="tab" aria-selected="true" aria-label="Show Merch Offer" data-c-whats-new2-thumb data-slide-index="0"></button><button class="c-whats-new2__thumb" type="button" role="tab" aria-selected="false" aria-label="Show simpe guide Vibe" data-c-whats-new2-thumb data-sli
14685de-index="1"></button><button class="c-whats-new2__thumb" type="button" role="tab" aria-selected="false" aria-label="Show Pain Relief Vibe" data-c-whats-new2-thumb data-slide-index="2"></button><button class="c-whats-new2__thumb" type="button" role="tab" aria-selected="false" aria-label="Show Sleep Expert" data-c-whats-new2-thumb data-slide-index="3"></button><button class="c-whats-new2__thumb" type="button" role="tab" aria-selected="false" aria-label="Show Free Confidence Vibe" data-c-whats-new2-thumb data-slide-index="4"></button><button class="c-whats-new2__thumb" type="button" role="tab" aria-selected="false" aria-label="Show Video" data-c-whats-new2-thumb data-slide-index="5"></button>
14686        </div>
14687        <div class="c-whats-new2__controls">
14688          <button
14689            type="button"
14690            class="c-whats-new2__button c-whats-new2__button--prev"
14691            data-c-whats-new2-prev
14692            aria-label="Previous story"
14693          >
14694            <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M15 5 L8 12 L15 19"/></svg>
14695          </button>
14696          <button
14697            type="button"
14698            class="c-whats-new2__button c-whats-new2__button--next"
14699            data-c-whats-new2-next
14700            aria-label="Next story"
14701          >
14702            <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M9 5 L16 12 L9 19"/></svg>
14703          </button>
14704        </div>
14705      </div></div>
14706</section>
14707
14708<script>
14709  (function () {
14710    function initSection(sectionEl) {
14711      if (!sectionEl || sectionEl._cWhatsNew2Init) return;
14712      sectionEl._cWhatsNew2Init = true;
14713
14714      var panels = Array.prototype.slice.call(sectionEl.querySelectorAll('[data-c-whats-new2-panel]'));
14715      if (!panels.length) return;
14716
14717      var thumbs = Array.prototype.slice.call(sectionEl.querySelectorAll('[data-c-whats-new2-thumb]'));
14718      var current = 0;
14719      var timerId = null;
14720      var paused = false;
14721      var inView = true;
14722      var prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
14723
14724      function syncMedia() {
14725        panels.forEach(function (panel, i) {
14726          var video = panel.querySelector('.c-whats-new2__video');
14727          if (!video) return;
14728          video.muted = true;
14729          video.playsInline = true;
14730          if (i === current && !paused && inView) {
14731            var p = video.play();
14732            if (p && p.catch) p.catch(function () {});
14733          } else {
14734            video.pause();
14735            if (i !== current) try { video.currentTime = 0; } catch (e) {}
14736          }
14737        });
14738      }
14739
14740      function syncThumbs() {
14741        thumbs.forEach(function (thumb) {
14742          var idx = Number(thumb.dataset.slideIndex) || 0;
14743          var active = idx === current;
14744          thumb.classList.toggle('is-active', active);
14745          thumb.classList.remove('is-running');
14746          thumb.classList.toggle('is-paused', active && paused);
14747          thumb.setAttribute('aria-selected', active ? 'true' : 'false');
14748        });
14749      }
14750
14751      function restartProgress(panel) {
14752        var fill = panel.querySelector('[data-c-whats-new2-progress]');
14753        var activeThumbs = sectionEl.querySelectorAll('[data-c-whats-new2-thumb].is-active');
14754        var slideDuration = panel.style.getPropertyValue('--sl-c-whats-new2-slide-duration');
14755        if (fill) {
14756          fill.classList.remove('is-running');
14757          // force reflow so animation restarts
14758          // eslint-disable-next-line no-unused-expressions
14759          fill.offsetWidth;
14760          if (!prefersReduced && !paused) fill.classList.add('is-running');
14761        }
14762        activeThumbs.forEach(function (thumb) {
14763          thumb.classList.remove('is-running');
14764          if (slideDuration) thumb.style.setProperty('--sl-c-whats-new2-slide-duration', slideDuration);
14765          // force reflow so animation restarts
14766          // eslint-disable-next-line no-unused-expressions
14767          thumb.offsetWidth;
14768          if (!prefersReduced && !paused) thumb.classList.add('is-running');
14769        });
14770      }
14771
14772      function clearTimer() {
14773        if (timerId) { clearTimeout(timerId); timerId = null; }
14774      }
14775
14776      function scheduleNext() {
14777        clearTimer();
14778        if (panels.length < 2 || paused || !inView) return;
14779        var panel = panels[current];
14780        // Video panels advance on the 'ended' event, not on a timer.
14781        if (panel.dataset.mediaType === 'video') return;
14782        var delay = Number(panel.dataset.slideDuration) || 10000;
14783        timerId = setTimeout(function () { activate(current + 1); }, delay);
14784      }
14785
14786      function activate(index) {
14787        var next = ((index % panels.length) + panels.length) % panels.length;
14788        panels.forEach(function (panel, i) {
14789          var active = i === next;
14790          panel.classList.toggle('is-active', active);
14791          if (active) panel.removeAttribute('aria-hidden');
14792          else panel.setAttribute('aria-hidden', 'true');
14793        });
14794        current = next;
14795        syncThumbs();
14796        syncMedia();
14797        restartProgress(panels[current]);
14798        scheduleNext();
14799      }
14800
14801      function setPaused(state) {
14802        paused = !!state;
14803        var panel = panels[current];
14804        if (panel) panel.classList.toggle('is-paused', paused);
14805        var toggle = panel && panel.querySelector('[data-c-whats-new2-toggle]');
14806        if (toggle) {
14807          toggle.setAttribute('aria-label', paused ? 'Play' : 'Pause');
14808          toggle.setAttribute('aria-pressed', paused ? 'true' : 'false');
14809        }
14810        sectionEl.querySelectorAll('[data-c-whats-new2-thumb].is-active').forEach(function (thumb) {
14811          thumb.classList.toggle('is-paused', paused);
14812        });
14813        if (paused) clearTimer(); else scheduleNext();
14814        syncMedia();
14815      }
14816
14817      thumbs.forEach(function (thumb) {
14818        thumb.addEventListener('click', function () {
14819          activate(Number(thumb.dataset.slideIndex) || 0);
14820        });
14821      });
14822
14823      sectionEl.querySelectorAll('[data-c-whats-new2-toggle]').forEach(function (btn) {
14824        btn.addEventListener('click', function (e) {
14825          e.preventDefault();
14826          setPaused(!paused);
14827        });
14828      });
14829
14830      var prev = sectionEl.querySelector('[data-c-whats-new2-prev]');
14831      var next = sectionEl.querySelector('[data-c-whats-new2-next]');
14832      if (prev) prev.addEventListener('click', function () { activate(current - 1); });
14833      if (next) next.addEventListener('click', function () { activate(current + 1); });
14834
14835      sectionEl.addEventListener('mouseenter', function () { if (!paused) clearTimer(); });
14836      sectionEl.addEventListener('mouseleave', function () { if (!paused) scheduleNext(); });
14837
14838      if ('IntersectionObserver' in window) {
14839        var io = new IntersectionObserver(function (entries) {
14840          entries.forEach(function (entry) {
14841            inView = entry.isIntersecting;
14842            if (inView) { syncMedia(); scheduleNext(); }
14843            else { clearTimer(); syncMedia(); }
14844          });
14845        }, { threshold: 0.2 });
14846        io.observe(sectionEl);
14847      }
14848
14849      // Video panels advance to the next slide when the video ends.
14850      panels.forEach(function (panel) {
14851        var video = panel.querySelector('.c-whats-new2__video');
14852        if (!video) return;
14853        video.addEventListener('ended', function () {
14854          if (panels[current] === panel) activate(current + 1);
14855        });
14856      });
14857
14858      // initial state
14859      activate(0);
14860    }
14861
14862    function destroySection(sectionEl) {
14863      if (sectionEl) sectionEl._cWhatsNew2Init = false;
14864    }
14865
14866    var sectionEl = document.getElementById('template--19420722397381__c_whats_new2_wzPeAf');
14867    initSection(sectionEl);
14868
14869    document.addEventListener('shopify:section:load', function (event) {
14870      if (event.detail.sectionId === 'template--19420722397381__c_whats_new2_wzPeAf') {
14871        var el = document.getElementById('template--19420722397381__c_whats_new2_wzPeAf');
14872        destroySection(el);
14873        initSection(el);
14874      }
14875    });
14876
14877    document.addEventListener('shopify:section:unload', function (event) {
14878      if (event.detail.sectionId === 'template--19420722397381__c_whats_new2_wzPeAf') {
14879        destroySection(document.getElementById('template--19420722397381__c_whats_new2_wzPeAf'));
14880      }
14881    });
14882  })();
14883</script>
14883
14884
14885
14886</section><section id="shopify-section-template--19420722397381__custom_liquid_kYxeaM" class="shopify-section section"><style data-shopify>#shopify-section-template--19420722397381__custom_liquid_kYxeaM {
14887    --section-padding-top: 0px;
14888    --section-padding-bottom: 0px;
14889  }</style><div class="section--padding">
14890  <div class="page-width">
14891    <div id="smartvibes">   </div>
14892  </div>
14893</div>
14894
14895
14896</section><section id="shopify-section-template--19420722397381__zz_feature_tabs_ik7Vre" class="shopify-section zz-feature-tabs-section">
14897<style data-shopify>
14898  /* Breakpoints: mobile-first · 768 tablet · 978 laptop · 1200 desktop · 1980 tv */
14899  #template--19420722397381__zz_feature_tabs_ik7Vre .c-section__inner {
14900    padding-left: 0;
14901    padding-right: 0;max-width: 1440px;
14902    margin-left: auto;
14903    margin-right: auto;}
14904
14905  #template--19420722397381__zz_feature_tabs_ik7Vre {
14906    background-color: #edebff;
14907    padding: 40px 0;
14908    transition: background-color 0.3s ease;
14909  }
14910
14911  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft {
14912    display: flex;
14913    flex-direction: column;
14914    gap: 20px;
14915    padding-left: 16px;
14916    padding-right: 16px;
14917  }
14918
14919  /* ---- Head: heading + subheading + pills ---- */
14920  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__headings { position: relative; }
14921  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__heading {
14922    display: none;
14923    margin: 0;
14924    font-family: 'Founders Grotesk', sans-serif !important;
14925    font-weight: 500;
14926    font-size: 26px;
14927    line-height: 1.12;
14928  }
14929  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__heading.is-active { display: block; }
14930  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__heading * { font-family: 'Founders Grotesk', sans-serif !important; margin: 0; }
14931
14932  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__sub,
14933  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__sub * {
14934    margin: 0;
14935    font-family: var(--body-family) !important;
14936    font-weight: 400;
14937    font-size: 15px;
14938    line-height: 1.4;
14939    color: #1c1c1c;
14940  }
14941
14942  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__tabs {
14943    display: flex;
14944    flex-wrap: nowrap;
14945    gap: 8px;
14946    overflow-x: auto;
14947    -webkit-overflow-scrolling: touch;
14948    scrollbar-width: none;
14949    padding: 4px 0 6px;
14950    margin-top: 4px;
14951  }
14952  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__tabs::-webkit-scrollbar { display: none; }
14953
14954  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__pill {
14955    flex: 0 0 auto;
14956    cursor: pointer;
14957    border: none;
14958    border-radius: 50px;
14959    display: inline-flex;
14960    align-items: center;
14961    justify-content: center;
14962    padding: 14px 16px 12px;
14963    /* Beat the global `button { padding-top/bottom: 0 !important }` reset in zz-custom.css */
14964    padding-top: 14px !important;
14965    padding-bottom: 12px !important;
14966    font-family: var(--body-family) !important;
14967    font-weight: 500;
14968    font-size: 13px;
14969    line-height: 1;
14970    white-space: nowrap;
14971    background: #e4ddf5;
14972    color: #3a2d5c;
14973    transition: background 0.25s ease, color 0.25s ease;
14974  }
14975  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__pill:hover { filter: brightness(0.97); }
14976  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__pill.is-active {
14977    background: var(--pill-accent, #5a2d8c);
14978    color: #ffffff;
14979  }
14980  /* Hide elements on mobile only (below the tablet breakpoint) */
14981  @media (max-width: 767px) {
14982    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__mob-hide { display: none !important; }
14983    /* On mobile, the hero overlay 'ideal for' bar is hidden; it moves below the hero (see .zz-ft__ideal-m) */
14984    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__hero .zz-ft__ideal { display: none; }
14985    /* Extra spacing when items are stacked single-column on mobile */
14986    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__mob1 .zz-ft__stats,
14987    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__mob1 .zz-ft__routine,
14988    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__mob1 .zz-ft__trial-stats { row-gap: 36px; }
14989    /* Slightly larger stat icons when stacked */
14990    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__mob1 .zz-ft__stat img { height: 100px; }
14991  }
14992  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__pill:focus-visible { outline: 2px solid var(--pill-accent, #5a2d8c); outline-offset: 2px; }
14993
14994  /* ---- Panels ---- */
14995  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__panel { display: none; flex-direction: column; gap: 16px; }
14996  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__panel.is-active { display: flex; }
14997
14998  /* ---- Hero ---- */
14999  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__hero {
15000    position: relative;
15001    border-radius: 16px;
15002    overflow: hidden;
15003  }
15004  /* Image renders in-flow so the hero height = the image height (full image, no vertical crop) */
15005  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__hero-bg { position: relative; z-index: 0; display: block; width: 100%; line-height: 0; }
15006  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__hero-bg img { display: block; width: 100%; height: auto; }
15007  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__hero-bg--desktop { display: none; }
15008  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__hero-bg--mobile { display: block; }
15009  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__hero::after {
15010    content: "";
15011    position: absolute;
15012    inset: 0;
15013    z-index: 1;
15014    pointer-events: none;
15015    opacity: var(--hero-ov-mob, 1);
15016    background: linear-gradient(105deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.15) 55%, rgba(0,0,0,0) 100%);
15017  }
15018  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__hero-fg {
15019    position: absolute;
15020    right: 16px;
15021    bottom: 0;
15022    max-height: 85%;
15023    max-width: 40%;
15024    height: auto;
15025    width: auto;
15026    z-index: 2;
15027    pointer-events: none;
15028  }
15029  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__hero-center {
15030    position: absolute;
15031    top: 50%;
15032    left: 50%;
15033    transform: translate(-50%, -50%);
15034    width: var(--hero-center-w, 40%);
15035    z-index: 5;
15036    pointer-events: none;
15037  }
15038  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__hero-center img { display: block; width: 100%; height: auto; }
15039  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__hero-copy { position: absolute; top: calc(22px + var(--hero-y, 0px)); left: calc(22px + var(--hero-x, 0px)); z-index: 3; max-width: 62%; }
15040  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__hero-title,
15041  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__hero-title * {
15042    margin: 0;
15043    font-family: 'Founders Grotesk', sans-serif !important;
15044    font-weight: 500;
15045    font-size: var(--hero-h-mob, 26px);
15046    line-height: 1.08;
15047  }
15048  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__hero-text,
15049  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__hero-text * {
15050    margin: 8px 0 0;
15051    font-family: var(--body-family) !important;
15052    font-weight: 400;
15053    font-size: var(--hero-t-mob, 14px);
15054    line-height: 1.35;
15055  }
15056
15057  /* Ideal-for tag bar */
15058  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__ideal {
15059    position: absolute;
15060    bottom: 22px;
15061    left: 22px;
15062    z-index: 3;
15063    display: inline-flex;
15064    flex-direction: column;
15065    align-items: flex-start;
15066    gap: 10px;
15067    max-width: calc(100% - 44px);
15068    padding: 16px 20px;
15069    border: 0.5px solid #ffffff;
15070    /* top-left (square, so the tab flows in), top-right, bottom-right (pointed), bottom-left */
15071    border-radius: 0 14px 0 14px;
15072    background: #0f1d2bcc;
15073    backdrop-filter: blur(4px);
15074  }
15075  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__ideal-tags {
15076    display: flex;
15077    flex-wrap: wrap;
15078    align-items: center;
15079    gap: 6px 14px;
15080  }
15081  /* 'IDEAL FOR' label styled as a small tab sitting above the bar */
15082  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__ideal-label {
15083    position: absolute;
15084    left: -0.5px;
15085    bottom: calc(100% - 1px);
15086    background: var(--ideal-label-bg, transparent);
15087    color: var(--ideal-label-color, rgba(255,255,255,0.75));
15088    padding: 9px 14px 6px;
15089    border: 0.5px solid var(--ideal-bar-bg, #0f1d2bcc);
15090    border-bottom: none;
15091    border-radius: 10px 10px 0 0;
15092    font-family: var(--body-family) !important;
15093    font-weight: 700;
15094    font-size: 14px;
15095    letter-spacing: 0.06em;
15096    text-transform: uppercase;
15097    white-space: nowrap;
15098  }
15099  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__tag { display: inline-flex; align-items: center; gap: 7px; }
15100  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__tag img { width: 17px; height: 17px; object-fit: contain; flex: none; align-self: center; }
15101  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__tag span {
15102    font-family: var(--body-family) !important;
15103    font-weight: 500;
15104    font-size: 13px;
15105    line-height: 1;
15106    color: #fff;
15107  }
15108
15109  /* Mobile 'ideal for' (below hero): reuse the desktop bar look + image on the right */
15110  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__ideal-m {
15111    position: relative;
15112    display: flex;
15113    align-items: center;
15114    margin-top: 10px;
15115  }
15116  /* Box: in-flow flex item, vertically centered on the row */
15117  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__ideal-m .zz-ft__ideal {
15118    position: relative;
15119    left: auto;
15120    right: auto;
15121    top: auto;
15122    bottom: auto;
15123    transform: none;
15124    z-index: 1;
15125    flex: 1 1 auto;
15126    min-width: 0;
15127    width: auto;
15128    max-width: none;
15129    padding-right: 26%;
15130  }
15131  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__ideal-m .zz-ft__ideal-tags {
15132    flex-direction: column;
15133    align-items: flex-start;
15134    gap: 10px;
15135  }
15136  /* Phone: in-flow flex item (taller than the box, so it sets the height and can't hit the hero).
15137     Pulled left to overlap the box, pushed right (-16px cancels .zz-ft padding) to sit flush to the edge. */
15138  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__ideal-m-img {
15139    position: relative;
15140    z-index: 5;
15141    flex: 0 0 auto;
15142    width: 48%;
15143    max-width: 200px;
15144    height: auto;
15145    margin: 0 -16px 0 -22%;
15146  }
15147  /* Mobile-only banner images below the 'ideal for' card.
15148     Wrapper butts up to the card (cancels panel gap) and adds spacing below the group. */
15149  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__banners-m {
15150    margin-top: -16px;
15151    margin-bottom: 4px;
15152  }
15153  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__banner-m-img {
15154    display: block;
15155    width: 100%;
15156    height: auto;
15157  }
15158  /* space between banner 1 and banner 2 */
15159  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__banner-m-img + .zz-ft__banner-m-img {
15160    margin-top: 16px;
15161  }
15162  /* rounded corners on banner 2 */
15163  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__banner-m-img--2 {
15164    border-radius: 12px;
15165  }
15166
15167  /* ---- Body columns (stats / routine) ---- */
15168  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__cols { display: grid; grid-template-columns: 1fr; gap: 14px; }
15169  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__main { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
15170
15171  /* Intro box (stats layout) */
15172  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__intro {
15173    border-radius: 16px;
15174    padding: 18px 20px;
15175    background: var(--intro-bg, #cfd6ea);
15176  }
15177  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__intro-title {
15178    margin: 0 0 6px;
15179    font-family: 'Founders Grotesk', sans-serif !important;
15180    font-weight: 500;
15181    font-size: var(--intro-h-mob, 20px);
15182    line-height: 1.15;
15183    color: var(--tab-accent, #333);
15184  }
15185  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__intro-text,
15186  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__intro-text * {
15187    margin: 0;
15188    font-family: var(--body-family) !important;
15189    font-weight: 400;
15190    font-size: var(--intro-t-mob, 14px);
15191    line-height: 1.45;
15192    color: #2b2b2b;
15193  }
15194  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__intro-text strong,
15195  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__intro-text b {
15196    font-weight: 700;
15197  }
15198
15199  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__eyebrow {
15200    text-align: center;
15201    font-family: var(--body-family) !important;
15202    font-weight: 700;
15203    font-size: var(--eb-mob, 13px);
15204    line-height: 1.3;
15205    color: #1c1c1c;
15206    margin: 4px 0 0;
15207  }
15208
15209  /* Stat cards */
15210  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__stats { display: grid; grid-template-columns: repeat(var(--mob-cols, 2), 1fr); gap: 10px; }
15211  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__stat {
15212    border-radius: 16px;
15213    padding: 14px 20px;
15214    background: var(--item-bg, linear-gradient(160deg, #7aa0e6, #9a7ad1));
15215    color: #fff;
15216    display: flex;
15217    flex-direction: column;
15218    gap: 8px;
15219    min-height: 140px;
15220    align-items: center;
15221    justify-content: center;
15222    text-align: center;
15223  }
15224  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__stat img { height: 31px; width: auto; max-width: 100%; object-fit: contain; }
15225  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__stat-value {
15226    font-family: 'Founders Grotesk', sans-serif !important;
15227    font-weight: 600;
15228    font-size: 28px;
15229    line-height: 1;
15230    margin-top: 4px;
15231  }
15232  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__stat-divider {
15233    width: 40px;
15234    height: 1px;
15235    border-radius: 2px;
15236    background: #000;
15237    margin-top: 0;
15238  }
15239  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__stat-label {
15240    font-family: var(--body-family) !important;
15241    font-weight: 400;
15242    font-size: 20px;
15243    line-height: 1.2;
15244    opacity: 0.95;
15245    max-width: var(--stat-label-w, none);
15246    margin-left: auto;
15247    margin-right: auto;
15248    /* labels are force-broken into two lines in the markup so every box lines up */
15249    min-height: 2.4em;
15250  }
15251
15252  /* ---- 3-in-a-row on mobile only: shrink content so nothing overflows ---- */
15253  @media (max-width: 767px) {
15254    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__mob3 .zz-ft__stats,
15255    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__mob3 .zz-ft__routine,
15256    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__mob3 .zz-ft__trial-stats { gap: 6px; }
15257    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__mob3 .zz-ft__stat,
15258    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__mob3 .zz-ft__rcard,
15259    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__mob3 .zz-ft__tstat { min-width: 0; }
15260    /* Stats */
15261    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__mob3 .zz-ft__stat {
15262      padding: 16px 8px;
15263      min-height: 0;
15264      gap: 6px;
15265    }
15266    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__mob3 .zz-ft__stat img { height: 40px; }
15267    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__mob3 .zz-ft__stat-value { font-size: 18px; }
15268    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__mob3 .zz-ft__stat-divider { width: 24px; }
15269    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__mob3 .zz-ft__stat-label { font-size: 12px; line-height: 1.15; }
15270    /* Trial */
15271    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__mob3 .zz-ft__tstat-value { font-size: 30px; }
15272    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__mob3 .zz-ft__tstat-img { height: 40px; }
15273    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__mob3 .zz-ft__tstat-line { margin: 8px auto; }
15274    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__mob3 .zz-ft__tstat-label { font-size: 12px; line-height: 1.2; max-width: none; }
15275  }
15276
15277  /* Routine cards */
15278  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__routine-title {
15279    text-align: center;
15280    margin: 0;
15281    font-family: 'Founders Grotesk', sans-serif !important;
15282    font-weight: 500;
15283    font-size: var(--rt-h-mob, 22px);
15284    line-height: 1.15;
15285    color: #1c1c1c;
15286  }
15287  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__routine {
15288    display: grid;
15289    grid-template-columns: repeat(var(--mob-cols, 2), 1fr);
15290    gap: 10px;
15291  }
15292  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__rcard {
15293    background: var(--item-bg, transparent);
15294    border-radius: 16px;
15295    padding: 16px 16px 0;
15296    display: flex;
15297    flex-direction: column;
15298    gap: 6px;
15299    text-align: center;
15300    align-items: center;
15301  }
15302  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__rtime {
15303    align-self: center;
15304    display: inline-flex;
15305    align-items: center;
15306    justify-content: center;
15307    line-height: 1;
15308    font-family: var(--body-family) !important;
15309    font-weight: 600;
15310    font-size: 15px;
15311    color: var(--rtime-text, #1c1c1c);
15312    background: var(--rtime-bg, rgba(0,0,0,0.06));
15313    border-radius: 100px;
15314    padding: 8px 16px 6px;
15315  }
15316  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__rvline { width: 2px; height: 12px; border-radius: 2px; background: #9a9a9a; }
15317  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__rname {
15318    font-family: var(--body-family) !important;
15319    font-weight: 500;
15320    font-size: 17px;
15321    line-height: 1.25;
15322    color: #2b2b2b;
15323    min-height: 2.4em;
15324  }
15325  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__rhline { width: 28px; height: 4px; border-radius: 100px; background: #555; margin-bottom: 2px; }
15326  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__rprogress {
15327    display: inline-flex;
15328    align-items: center;
15329    gap: 10px;
15330    align-self: center;
15331    line-height: 1;
15332    color: var(--rprog-text, #111);
15333    background: var(--rprog-bg, var(--tab-accent, #5a2d8c));
15334    border: 1px solid #cfcfcf;
15335    border-radius: 100px;
15336    padding: 8px 16px 6px;
15337  }
15338  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__rmin {
15339    display: inline-flex;
15340    align-items: center;
15341    gap: 6px;
15342    flex: none;
15343    font-family: var(--body-family) !important;
15344    font-weight: 600;
15345    font-size: 13px;
15346    color: inherit;
15347  }
15348  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__rplay {
15349    width: 0; height: 0;
15350    border-style: solid;
15351    border-width: 5px 0 5px 8px;
15352    border-color: transparent transparent transparent currentColor;
15353  }
15354  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__rplay-img { flex: none; width: auto; height: 14px; object-fit: contain; }
15355  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__rdiv { flex: none; width: 1.5px; height: 16px; border-radius: 2px; background: currentColor; opacity: 0.35; }
15356  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__rpct-icon { flex: none; width: auto; height: 16px; object-fit: contain; }
15357  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__rpct {
15358    flex: none;
15359    font-family: var(--body-family) !important;
15360    font-weight: 700;
15361    font-size: 14px;
15362    color: inherit;
15363  }
15364  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__rimg {
15365    display: block;
15366    width: calc(100% + 40px);
15367    max-width: none;
15368    height: auto;
15369    margin-top: auto;
15370    margin-left: -20px;
15371    margin-right: -20px;
15372  }
15373
15374  /* Testimonial */
15375  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__aside { min-width: 0; }
15376  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__quote {
15377    height: 100%;
15378    border-radius: 0 16px 0 16px;
15379    padding: 20px;
15380    background: var(--tm-bg, linear-gradient(150deg, #6a4a9c, #8a63b8));
15381    background-size: cover;
15382    background-position: center;
15383    background-repeat: no-repeat;
15384    color: var(--tm-text, #fff);
15385    display: flex;
15386    flex-direction: column;
15387    gap: 12px;
15388    overflow: hidden;
15389  }
15390  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__quote-top { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
15391  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__quote-top img { height: 44px; width: auto; object-fit: contain; }
15392  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__quote-rating { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
15393  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__trust {
15394    font-family: var(--body-family) !important;
15395    font-weight: 600;
15396    font-size: 13px;
15397    opacity: 0.9;
15398  }
15399  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__stars { color: #f5c518; font-size: 20px; letter-spacing: 1px; line-height: 1; }
15400  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__quote-body,
15401  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__quote-body * {
15402    margin: 0;
15403    font-family: 'Founders Grotesk', sans-serif !important;
15404    font-weight: 400;
15405    font-size: 18px;
15406    line-height: 1.3;
15407  }
15408  /* Space between stars and quote (mobile uses --q-gap-m, desktop uses --q-gap) */
15409  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__quote-body { margin-top: var(--q-gap-m, 0px); }
15410  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__quote-author {
15411    margin-top: 4px;
15412    font-family: var(--body-family) !important;
15413    font-weight: 600;
15414    font-size: 14px;
15415    opacity: 0.95;
15416  }
15417  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__quote-role {
15418    margin-top: 2px;
15419    font-family: var(--body-family) !important;
15420    font-weight: 400;
15421    font-size: 14px;
15422    opacity: 0.8;
15423  }
15424
15425  /* ---- Trial layout ---- */
15426  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__trial {
15427    position: relative;
15428    border-radius: 16px;
15429    padding: 24px 18px;
15430    background: var(--trial-bg, #10314a);
15431    color: var(--trial-text, #fff);
15432    text-align: center;
15433    display: flex;
15434    flex-direction: column;
15435    align-items: center;
15436    gap: 12px;
15437  }
15438  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__trial-badge {
15439    position: absolute;
15440    top: var(--badge-top, -40px);
15441    left: var(--badge-left, 20px);
15442    width: var(--badge-w, 120px);
15443    height: auto;
15444    z-index: 6;
15445  }
15446  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__trial-title,
15447  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__trial-title * {
15448    margin: 0;
15449    font-family: 'Founders Grotesk', sans-serif !important;
15450    font-weight: 500;
15451    font-size: var(--trial-h-mob, 22px);
15452    line-height: 1.15;
15453    color: var(--trial-h-color, var(--trial-text, #fff));
15454  }
15455  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__trial-text,
15456  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__trial-text * {
15457    margin: 0;
15458    font-family: var(--body-family) !important;
15459    font-weight: 400;
15460    font-size: 15px;
15461    line-height: 1.5;
15462    opacity: 0.9;
15463    max-width: 900px;
15464  }
15465  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__trial-text { margin-bottom: 14px; }
15466  /* Mobile: left-align the trial heading + description */
15467  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__trial-title { align-self: stretch; text-align: left; }
15468  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__trial-text { align-self: stretch; text-align: left; }
15469  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__trial-stats {
15470    display: grid;
15471    grid-template-columns: repeat(var(--mob-cols, 2), 1fr);
15472    gap: 16px;
15473    width: 100%;
15474    margin: 6px 0;
15475  }
15476  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__tstat-value {
15477    font-family: 'Founders Grotesk', sans-serif !important;
15478    font-weight: 500;
15479    font-size: 64px;
15480    line-height: 1;
15481  }
15482  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__tstat-img {
15483    display: block;
15484    margin: 0 auto;
15485    width: auto;
15486    max-width: 100%;
15487    height: var(--tstat-img-h-mob, 64px);
15488    object-fit: contain;
15489  }
15490  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__tstat-line {
15491    display: block;
15492    width: 32px;
15493    height: 1.5px;
15494    border-radius: 100px;
15495    background: currentColor;
15496    opacity: 0.4;
15497    margin: 14px auto;
15498  }
15499  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__tstat-label {
15500    font-family: var(--body-family) !important;
15501    font-weight: 500;
15502    font-size: 16px;
15503    line-height: 1.3;
15504    opacity: 0.85;
15505    max-width: 220px;
15506    margin: 0 auto;
15507  }
15508  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__trial-cta {
15509    display: inline-flex;
15510    align-items: center;
15511    justify-content: center;
15512    margin-top: 32px;
15513    text-decoration: none;
15514    border-radius: 100px;
15515    line-height: 1;
15516    padding: 15px 26px 13px;
15517    font-family: var(--body-family) !important;
15518    font-weight: 600;
15519    font-size: 14px;
15520    background: var(--cta-bg, #e8c21c);
15521    color: var(--cta-text, #1c1c1c);
15522    transition: filter 0.2s ease;
15523  }
15524  #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__trial-cta:hover { filter: brightness(0.95); }
15525
15526  /* ================= Tablet ================= */
15527  @media (width >= 768px) {
15528    #template--19420722397381__zz_feature_tabs_ik7Vre { padding: 56px 0; }
15529    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft { padding-left: 40px; padding-right: 40px; gap: 24px; }
15530    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__heading { font-size: 34px; }
15531    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__sub, #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__sub * { font-size: 16px; }
15532    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__pill { font-size: 14px; padding: 16px 18px 14px; padding-top: 16px !important; padding-bottom: 14px !important; }
15533    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__hero::after { opacity: var(--hero-ov-desk, 1); }
15534    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__hero-bg--desktop { display: block; }
15535    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__hero-bg--mobile { display: none; }
15536    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__hero-copy { top: calc(30px + var(--hero-y, 0px)); left: calc(30px + var(--hero-x, 0px)); }
15537    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__ideal { bottom: 30px; left: 30px; max-width: calc(100% - 60px); }
15538    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__ideal-m { display: none; }
15539    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__banners-m { display: none; }
15540    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__hero-title, #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__hero-title * { font-size: var(--hero-h-desk, 44px); }
15541    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__hero-text, #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__hero-text * { font-size: var(--hero-t-desk, 16px); }
15542    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__stats { grid-template-columns: repeat(3, 1fr); }
15543    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__routine { grid-template-columns: repeat(4, 1fr); }
15544    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__trial-stats { grid-template-columns: repeat(4, 1fr); }
15545    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__trial { padding: 32px; }
15546    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__trial-title { align-self: center; text-align: center; }
15547    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__trial-text { align-self: center; text-align: center; }
15548    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__trial-title, #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__trial-title * { font-size: var(--trial-h-desk, 30px); }
15549    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__intro-title { font-size: var(--intro-h-desk, 22px); }
15550    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__intro-text, #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__intro-text * { font-size: var(--intro-t-desk, 15px); }
15551    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__eyebrow { font-size: var(--eb-desk, 14px); }
15552  }
15553
15554  /* ================= Laptop ================= */
15555  @media (width >= 978px) {
15556    #template--19420722397381__zz_feature_tabs_ik7Vre { padding: 64px 0; }
15557    /* Quote stays stacked underneath here (items keep full width for 4-across);
15558       side-by-side layout starts at 1200px to avoid the quote overlapping the 4th item. */
15559  }
15560
15561  /* ================= Desktop ================= */
15562  @media (width >= 1200px) {
15563    #template--19420722397381__zz_feature_tabs_ik7Vre { padding: 80px 0; }
15564    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft { padding-left: 64px; padding-right: 64px; }
15565    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__heading { font-size: 40px; }
15566    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__hero-copy { top: calc(40px + var(--hero-y, 0px)); left: calc(40px + var(--hero-x, 0px)); max-width: 52%; }
15567    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__ideal { bottom: 40px; left: 40px; max-width: calc(100% - 80px); }
15568    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__stat { min-height: 150px; padding: 14px 24px; }
15569    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__stat img { height: 46px; width: auto; }
15570    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__stat-value { font-size: 42px; }
15571    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__stat-label { font-size: 22px; }
15572    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__tstat-value { font-size: 92px; }
15573    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__tstat-img { height: var(--tstat-img-h-desk, 92px); }
15574    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__tstat-label { font-size: 18px; }
15575    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__routine-title { font-size: var(--rt-h-desk, 30px); }
15576    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__rtime { font-size: 18px; }
15577    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__rname { font-size: 20px; }
15578    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__rmeta { font-size: 15px; }
15579    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__quote-body, #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__quote-body * { font-size: 22px; }
15580    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__quote-body { margin-top: var(--q-gap, 0px); }
15581    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__cols { grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); }
15582    /* let the 4-across items shrink to fit the 2fr column instead of overflowing into the quote */
15583    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__stat,
15584    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__rcard,
15585    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft__tstat { min-width: 0; }
15586  }
15587
15588  /* ================= TV ================= */
15589  @media (width >= 1980px) {
15590    #template--19420722397381__zz_feature_tabs_ik7Vre { padding: 96px 0; }
15591    #template--19420722397381__zz_feature_tabs_ik7Vre .zz-ft { max-width: 1600px; margin: 0 auto; }
15592  }
15593</style>
15594
15595<section id="template--19420722397381__zz_feature_tabs_ik7Vre" class="c-section" style="background: #edebff;">
15596  <div class="c-section__inner">
15597    <div class="zz-ft" data-zzft><div class="zz-ft__head">
15598          <div class="zz-ft__headings"><div
15599                class="zz-ft__heading is-active"
15600                data-heading="0"
15601                style="color: #1b3fa0;"
15602              ><p>Stay Asleep is Apollo's AI-powered sleep breakthrough.</p></div><div
15603                class="zz-ft__heading"
15604                data-heading="1"
15605                style="color: #5a2d8c;"
15606              ><p>Stay Asleep is Apollo's AI-powered sleep breakthrough.</p></div><div
15607                class="zz-ft__heading"
15608                data-heading="2"
15609                style="color: #a61c7b;"
15610              ><p>Stay Asleep is Apollo's AI-powered sleep breakthrough.</p></div><div
15611                class="zz-ft__heading"
15612                data-heading="3"
15613                style="color: #1b3fa0;"
15614              ><p>Stay Asleep is Apollo's AI-powered sleep breakthrough.</p></div></div><div class="zz-ft__sub"><p>It's not just a sleep tracker, it's a sleep transformer.</p></div><div class="zz-ft__tabs" role="tablist" aria-label="Feature displays"><button
15615                type="button"
15616                class="zz-ft__pill is-active"
15617                role="tab"
15618                id="zzft-tab-template--19420722397381__zz_feature_tabs_ik7Vre-0"
15619                aria-controls="zzft-panel-template--19420722397381__zz_feature_tabs_ik7Vre-0"
15620                aria-selected="true"
15621                tabindex="0"
15622                data-tab="0"
15623                data-bg="#edebff"
15624                data-bg-gradient=""
15625                style="--pill-accent: #1b3fa0;"
15626                
15627              >Scientifically Proven Sleep Results</button><button
15628                type="button"
15629                class="zz-ft__pill"
15630                role="tab"
15631                id="zzft-tab-template--19420722397381__zz_feature_tabs_ik7Vre-1"
15632                aria-controls="zzft-panel-template--19420722397381__zz_feature_tabs_ik7Vre-1"
15633                aria-selected="false"
15634                tabindex="-1"
15635                data-tab="1"
15636                data-bg="rgba(0,0,0,0)"
15637                data-bg-gradient="linear-gradient(46deg, rgba(246, 237, 241, 1) 13%, rgba(245, 240, 253, 1) 87%)"
15638                style="--pill-accent: #5a2d8c;"
15639                
15640              >
15640Stay Asleep Longer</button><button
15641                type="button"
15642                class="zz-ft__pill"
15643                role="tab"
15644                id="zzft-tab-template--19420722397381__zz_feature_tabs_ik7Vre-2"
15645                aria-controls="zzft-panel-template--19420722397381__zz_feature_tabs_ik7Vre-2"
15646                aria-selected="false"
15647                tabindex="-1"
15648                data-tab="2"
15649                data-bg="#edebff"
15650                data-bg-gradient="linear-gradient(105deg, rgba(246, 235, 228, 1), rgba(245, 240, 252, 1) 97%)"
15651                style="--pill-accent: #a61c7b;"
15652                
15653              >Better Sleep + Better Days</button><button
15654                type="button"
15655                class="zz-ft__pill"
15656                role="tab"
15657                id="zzft-tab-template--19420722397381__zz_feature_tabs_ik7Vre-3"
15658                aria-controls="zzft-panel-template--19420722397381__zz_feature_tabs_ik7Vre-3"
15659                aria-selected="false"
15660                tabindex="-1"
15661                data-tab="3"
15662                data-bg="#edebff"
15663                data-bg-gradient=""
15664                style="--pill-accent: #1b3fa0;"
15665                
15666              >Fall Asleep Faster</button></div>
15667        </div>
15668
15669        <div class="zz-ft__panels"><div
15670              class="zz-ft__panel is-active zz-ft__mob1"
15671              role="tabpanel"
15672              id="zzft-panel-template--19420722397381__zz_feature_tabs_ik7Vre-0"
15673              aria-labelledby="zzft-tab-template--19420722397381__zz_feature_tabs_ik7Vre-0"
15674              data-panel="0"
15675              style="--tab-accent: #1b3fa0; --mob-cols: 1;"
15676              
15677            ><div class="zz-ft__hero" style="color: #e1e0ff; border-radius: 16px; --hero-h-mob: 26px; --hero-h-desk: 51px; --hero-t-mob: 14px; --hero-t-desk: 16px; --hero-x: 0px; --hero-y: 60px; --hero-ov-mob: 0.0; --hero-ov-desk: 0.0;"><div class="zz-ft__hero-bg zz-ft__hero-bg--desktop">
15678                    <img src="//apolloneuro.com/cdn/shop/files/Stay_Asleep_3_1.jpg?v=1788461080&amp;width=1600" alt="Scientifically Proven Sleep Results" srcset="//apolloneuro.com/cdn/shop/files/Stay_Asleep_3_1.jpg?v=1788461080&amp;width=800 800w, //apolloneuro.com/cdn/shop/files/Stay_Asleep_3_1.jpg?v=1788461080&amp;width=1200 1200w, //apolloneuro.com/cdn/shop/files/Stay_Asleep_3_1.jpg?v=1788461080&amp;width=1600 1600w" width="1600" height="695" loading="lazy">
15679                  </div><div class="zz-ft__hero-bg zz-ft__hero-bg--mobile"><img src="//apolloneuro.com/cdn/shop/files/ScientificallyProven-Mobile.png?v=1788887638&amp;width=800" alt="Scientifically Proven Sleep Results" srcset="//apolloneuro.com/cdn/shop/files/ScientificallyProven-Mobile.png?v=1788887638&amp;width=375 375w, //apolloneuro.com/cdn/shop/files/ScientificallyProven-Mobile.png?v=1788887638&amp;width=600 600w, //apolloneuro.com/cdn/shop/files/ScientificallyProven-Mobile.png?v=1788887638&amp;width=800 800w" width="800" height="862" loading="lazy">
15680                  </div><img src="//apolloneuro.com/cdn/shop/files/StayAsleep_2.png?v=1788461448&amp;width=900" alt="" srcset="//apolloneuro.com/cdn/shop/files/StayAsleep_2.png?v=1788461448&amp;width=400 400w, //apolloneuro.com/cdn/shop/files/StayAsleep_2.png?v=1788461448&amp;width=600 600w, //apolloneuro.com/cdn/shop/files/StayAsleep_2.png?v=1788461448&amp;width=900 900w" width="900" height="612" loading="lazy" class="zz-ft__hero-fg zz-ft__mob-hide">
15681<div class="zz-ft__hero-center zz-ft__mob-hide" style="--hero-center-w: 40%;">
15682                    <img src="//apolloneuro.com/cdn/shop/files/Group_626848.svg?v=1788462018&amp;width=1200" alt="" srcset="//apolloneuro.com/cdn/shop/files/Group_626848.svg?v=1788462018&amp;width=400 400w, //apolloneuro.com/cdn/shop/files/Group_626848.svg?v=1788462018&amp;width=800 800w, //apolloneuro.com/cdn/shop/files/Group_626848.svg?v=1788462018&amp;width=1200 1200w" width="1200" height="560" loading="lazy">
15683                  </div><div class="zz-ft__hero-copy"><div class="zz-ft__hero-title zz-ft__mob-hide"><p>Scientifically<br/>Proven Sleep<br/>Results</p></div></div>
15684</div>
15685<div class="zz-ft__trial" style="--trial-bg: #10314a; --trial-text: #ffffff; --trial-h-color: #c5c2f3; --trial-h-mob: 22px; --trial-h-desk: 43px; --badge-w: 240px; --badge-top: -120px; --badge-left: 50px;"><img src="//apolloneuro.com/cdn/shop/files/Badge_4d7156e3-d2bc-436
15685a-b560-6aa1a0ef58a0.svg?v=1788463816&amp;width=200" alt="" srcset="//apolloneuro.com/cdn/shop/files/Badge_4d7156e3-d2bc-436a-b560-6aa1a0ef58a0.svg?v=1788463816&amp;width=100 100w, //apolloneuro.com/cdn/shop/files/Badge_4d7156e3-d2bc-436a-b560-6aa1a0ef58a0.svg?v=1788463816&amp;width=140 140w, //apolloneuro.com/cdn/shop/files/Badge_4d7156e3-d2bc-436a-b560-6aa1a0ef58a0.svg?v=1788463816&amp;width=200 200w" width="200" height="196" loading="lazy" class="zz-ft__trial-badge zz-ft__mob-hide">
15686<div class="zz-ft__trial-title">The Apollo Real-World Sleep Trial</div><div class="zz-ft__trial-text"><p>Apollo Neuro conducted the largest real-world sleep trial to date observing nearly half-a-million nights showing that Apollo gives back 46 minutes more sleep per night in just one night.</p></div><div class="zz-ft__trial-stats" style="--tstat-img-h-mob: 64px; --tstat-img-h-desk: 94px;"><div class="zz-ft__tstat"><img src="//apolloneuro.com/cdn/shop/files/Group_626849.svg?v=1788462206&amp;width=700" alt="Nearly half a million nights studied" srcset="//apolloneuro.com/cdn/shop/files/Group_626849.svg?v=1788462206&amp;width=200 200w, //apolloneuro.com/cdn/shop/files/Group_626849.svg?v=1788462206&amp;width=400 400w, //apolloneuro.com/cdn/shop/files/Group_626849.svg?v=1788462206&amp;width=700 700w" width="700" height="270" loading="lazy" class="zz-ft__tstat-img">
15687<span class="zz-ft__tstat-line" aria-hidden="true"></span>
15688                              <div class="zz-ft__tstat-label">Nearly half a million nights studied</div></div><div class="zz-ft__tstat"><img src="//apolloneuro.com/cdn/shop/files/Rem_Stat.svg?v=1788462633&amp;width=700" alt="More REM sleep with no trade-offs" srcset="//apolloneuro.com/cdn/shop/files/Rem_Stat.svg?v=1788462633&amp;width=200 200w, //apolloneuro.com/cdn/shop/files/Rem_Stat.svg?v=1788462633&amp;width=400 400w, //apolloneuro.com/cdn/shop/files/Rem_Stat.svg?v=1788462633&amp;width=700 700w" width="700" height="233" loading="lazy" class="zz-ft__tstat-img">
15689<span class="zz-ft__tstat-line" aria-hidden="true"></span>
15690                              <div class="zz-ft__tstat-label">More REM sleep with no trade-offs</div></div><div class="zz-ft__tstat"><img src="//apolloneuro.com/cdn/shop/files/77_Stat.svg?v=1788462665&amp;width=700" alt="Overnight Apollo usage equals more sleep" srcset="//apolloneuro.com/cdn/shop/files/77_Stat.svg?v=1788462665&amp;width=200 200w, //apolloneuro.com/cdn/shop/files/77_Stat.svg?v=1788462665&amp;width=400 400w, //apolloneuro.com/cdn/shop/files/77_Stat.svg?v=1788462665&amp;width=700 700w" width="700" height="314" loading="lazy" class="zz-ft__tstat-img">
15691<span class="zz-ft__tstat-line" aria-hidden="true"></span>
15692                              <div class="zz-ft__tstat-label">Overnight Apollo usage equals more sleep</div></div><div class="zz-ft__tstat"><img src="//apolloneuro.com/cdn/shop/files/46Stat.svg?v=1788462692&amp;width=700" alt="Real life, real people, real results" srcset="//apolloneuro.com/cdn/shop/files/46Stat.svg?v=1788462692&amp;width=200 200w, //apolloneuro.com/cdn/shop/files/46Stat.svg?v=1788462692&amp;width=400 400w, //apolloneuro.com/cdn/shop/files/46Stat.svg?v=1788462692&amp;width=700 700w" width="700" height="299" loading="lazy" class="zz-ft__tstat-img">
15693<span class="zz-ft__tstat-line" aria-hidden="true"></span>
15694                              <div class="zz-ft__tstat-label">Real life, real people, real results</div></div></div><a class="zz-ft__trial-cta" href="https://apolloneuro.com/pages/apollo-neuro-research#sleepstudy" style="--cta-bg: #e8c21c; --cta-text: #1c1c1c;">Read the Sleep Trial</a></div></div><div
15695              class="zz-ft__panel zz-ft__mob3"
15696              role="tabpanel"
15697              id="zzft-panel-template--19420722397381__zz_feature_tabs_ik7Vre-1"
15698              aria-labelledby="zzft-tab-template--19420722397381__zz_feature_tabs_ik7Vre-1"
15699              data-panel="1"
15700              style="--tab-accent: #5a2d8c; --mob-cols: 3;"
15701              hidden
15702            ><div class="zz-ft__hero" style="color: #ffffff; border-radius: 16px; --hero-h-mob: 26px; --hero-h-desk: 44px; --hero-t-mob: 13px; --hero-t-desk: 22px; --hero-x: 0px; --hero-y: 76px; --hero-ov-mob: 0.0; --hero-ov-desk: 0.0;"><div class="zz-ft__hero-bg zz-ft__hero-bg--desktop">
15703                    <img src="//apolloneuro.com/cdn/shop/files/Stay_Asleep_1.jpg?v=1788372497&amp;
15703width=1600" alt="Stay Asleep Longer" srcset="//apolloneuro.com/cdn/shop/files/Stay_Asleep_1.jpg?v=1788372497&amp;width=800 800w, //apolloneuro.com/cdn/shop/files/Stay_Asleep_1.jpg?v=1788372497&amp;width=1200 1200w, //apolloneuro.com/cdn/shop/files/Stay_Asleep_1.jpg?v=1788372497&amp;width=1600 1600w" width="1600" height="752" loading="lazy">
15704                  </div><div class="zz-ft__hero-bg zz-ft__hero-bg--mobile"><img src="//apolloneuro.com/cdn/shop/files/Card_df1de231-c3de-42a4-b650-55994561e435.png?v=1788891802&amp;width=800" alt="Stay Asleep Longer" srcset="//apolloneuro.com/cdn/shop/files/Card_df1de231-c3de-42a4-b650-55994561e435.png?v=1788891802&amp;width=375 375w, //apolloneuro.com/cdn/shop/files/Card_df1de231-c3de-42a4-b650-55994561e435.png?v=1788891802&amp;width=600 600w, //apolloneuro.com/cdn/shop/files/Card_df1de231-c3de-42a4-b650-55994561e435.png?v=1788891802&amp;width=800 800w" width="800" height="855" loading="lazy">
15705                  </div><img src="//apolloneuro.com/cdn/shop/files/Group_626843_1.png?v=1788372371&amp;width=900" alt="" srcset="//apolloneuro.com/cdn/shop/files/Group_626843_1.png?v=1788372371&amp;width=400 400w, //apolloneuro.com/cdn/shop/files/Group_626843_1.png?v=1788372371&amp;width=600 600w, //apolloneuro.com/cdn/shop/files/Group_626843_1.png?v=1788372371&amp;width=900 900w" width="900" height="704" loading="lazy" class="zz-ft__hero-fg zz-ft__mob-hide">
15706<div class="zz-ft__hero-copy"><div class="zz-ft__hero-title zz-ft__mob-hide"><p>SmartVibes AI</p></div><div class="zz-ft__hero-text zz-ft__mob-hide" style="color: #ffffff;"><p>Fewer wake-ups. Deeper sleep. Zero effort.</p></div></div>
15707<div class="zz-ft__ideal" style="background: linear-gradient(90deg, rgba(113, 18, 143, 1) 11%, rgba(36, 19, 108, 1) 81%);"><span class="zz-ft__ideal-label" style="--ideal-label-bg: #cabce4;--ideal-label-color: #000000;--ideal-bar-bg: linear-gradient(90deg, rgba(113, 18, 143, 1) 11%, rgba(36, 19, 108, 1) 81%);">Ideal for:</span><div class="zz-ft__ideal-tags"><span class="zz-ft__tag"><img src="//apolloneuro.com/cdn/shop/files/eye.svg?v=1788369522&amp;width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/eye.svg?v=1788369522&amp;width=15 15w, //apolloneuro.com/cdn/shop/files/eye.svg?v=1788369522&amp;width=30 30w" width="30" height="23" loading="lazy">
15708<span>2AM wake-ups</span>
15709          </span><span class="zz-ft__tag"><img src="//apolloneuro.com/cdn/shop/files/tired.svg?v=1788369588&amp;width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/tired.svg?v=1788369588&amp;width=15 15w, //apolloneuro.com/cdn/shop/files/tired.svg?v=1788369588&amp;width=30 30w" width="30" height="30" loading="lazy">
15710<span>Light sleepers</span>
15711          </span><span class="zz-ft__tag"><img src="//apolloneuro.com/cdn/shop/files/bolt.svg?v=1788369601&amp;width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/bolt.svg?v=1788369601&amp;width=15 15w, //apolloneuro.com/cdn/shop/files/bolt.svg?v=1788369601&amp;width=30 30w" width="30" height="40" loading="lazy">
15712<span>Waking up wired</span>
15713          </span></div>
15714  </div></div>
15715<div class="zz-ft__ideal-m">
15716    <div class="zz-ft__ideal" style="background: linear-gradient(90deg, rgba(113, 18, 143, 1) 11%, rgba(36, 19, 108, 1) 81%);"><span class="zz-ft__ideal-label" style="--ideal-label-bg: #cabce4;--ideal-label-color: #000000;--ideal-bar-bg: linear-gradient(90deg, rgba(113, 18, 143, 1) 11%, rgba(36, 19, 108, 1) 81%);">Ideal for:</span><div class="zz-ft__ideal-tags"><span class="zz-ft__tag"><img src="//apolloneuro.com/cdn/shop/files/eye.svg?v=1788369522&amp;width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/eye.svg?v=1788369522&amp;width=15 15w, //apolloneuro.com/cdn/shop/files/eye.svg?v=1788369522&amp;width=30 30w" width="30" height="23" loading="lazy">
15717<span>2AM wake-ups</span>
15718            </span><span class="zz-ft__tag"><img src="//apolloneuro.com/cdn/shop/files/tired.svg?v=1788369588&amp;width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/tired.svg?v=1788369588&amp;width=15 15w, //apolloneuro.com/cdn/shop/files/tired.svg?v=1788369588&amp;width=30 30w" width="30" height="30" loading="lazy">
15719<span>Light sleepers</span>
15720            </span><span class="zz-ft__tag"><img src="//apolloneuro.com/cdn/shop/files/bolt.svg?v=1788369601&amp;width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/bolt.svg?v=1788369601&amp;width=15 15w, //apolloneuro.com/cdn/shop/files/bolt.svg?v=1788369601&amp;width=30 30w" width="30" height="40" loading="lazy">
15721<span>Waking up wired</span>
15722            </span></div>
15723    </div><img src="//apolloneuro.com/cdn/shop/files/StayAsleep-mobile.png?v=1788891924&amp;width=700" alt="" srcset="//apolloneuro.com/cdn/shop/files/StayAsleep-mobile.png?v=1788891924&amp;width=250 250w, //apolloneuro.com/cdn/shop/files/StayAsleep-mobile.png?v=1788891924&amp;width=450 450w, //apolloneuro.com/cdn/shop/files/StayAsleep-mobile.png?v=1788891924&amp;width=700 700w" width="700" height="1271" loading="lazy" class="zz-ft__ideal-m-img">
15724</div><div class="zz-ft__banners-m"><img src="//apolloneuro.com/cdn/shop/files/Weekly_Report_2.png?v=1788894551&amp;width=1200" alt="" srcset="//apolloneuro.com/cdn/shop/files/Weekly_Report_2.png?v=1788894551&amp;width=375 375w, //apolloneuro.com/cdn/shop/files/Weekly_Report_2.png?v=1788894551&amp;width=600 600w, //apolloneuro.com/cdn/shop/files/Weekly_Report_2.png?v=1788894551&amp;width=900 900w, //apolloneuro.com/cdn/shop/files/Weekly_Report_2.png?v=1788894551&amp;width=1200 1200w" width="1200" height="720" loading="lazy" class="zz-ft__banner-m-img">
15725<img src="//apolloneuro.com/cdn/shop/files/Frame_1618873447_1.jpg?v=1788892049&amp;width=1200" alt="" srcset="//apolloneuro.com/cdn/shop/files/Frame_1618873447_1.jpg?v=1788892049&amp;width=375 375w, //apolloneuro.com/cdn/shop/files/Frame_1618873447_1.jpg?v=1788892049&amp;width=600 600w, //apolloneuro.com/cdn/shop/files/Frame_1618873447_1.jpg?v=1788892049&amp;width=900 900w, //apolloneuro.com/cdn/shop/files/Frame_1618873447_1.jpg?v=1788892049&amp;width=1200 1200w" width="1200" height="623" loading="lazy" class="zz-ft__banner-m-img zz-ft__banner-m-img--2">
15726</div><div class="zz-ft__cols">
15727                    <div class="zz-ft__main"><div class="zz-ft__intro" style="--intro-bg: linear-gradient(90deg, rgba(212, 236, 230, 1), rgba(169, 161, 211, 1) 100%); --intro-h-mob: 20px; --intro-h-desk: 28px; --intro-t-mob: 14px;
15727 --intro-t-desk: 20px;"><h3 class="zz-ft__intro-title">How It Works</h3><div class="zz-ft__intro-text"><p>SmartVibes® uses AI to detect when you’re starting to wake up and delivers timed Vibes® to help you fall back asleep.</p></div></div><p class="zz-ft__eyebrow" style="--eb-mob: 13px; --eb-desk: 22px;">In 2025, Apollo users experienced:</p><div class="zz-ft__stats"><div class="zz-ft__stat" style=""><img src="//apolloneuro.com/cdn/shop/files/Calendar_24829dd0-1d1f-49d4-887e-4fcde6ce0d11.png?v=1789406665&amp;width=200" alt="" srcset="//apolloneuro.com/cdn/shop/files/Calendar_24829dd0-1d1f-49d4-887e-4fcde6ce0d11.png?v=1789406665&amp;width=64 64w, //apolloneuro.com/cdn/shop/files/Calendar_24829dd0-1d1f-49d4-887e-4fcde6ce0d11.png?v=1789406665&amp;width=96 96w, //apolloneuro.com/cdn/shop/files/Calendar_24829dd0-1d1f-49d4-887e-4fcde6ce0d11.png?v=1789406665&amp;width=128 128w" width="200" height="200" loading="lazy">
15728<span class="zz-ft__stat-value">273</span><span class="zz-ft__stat-divider" aria-hidden="true"></span><span class="zz-ft__stat-label">Years of<br>sleep
15729</span></div><div class="zz-ft__stat" style=""><img src="//apolloneuro.com/cdn/shop/files/SleepMoon.png?v=1789406213&amp;width=200" alt="" srcset="//apolloneuro.com/cdn/shop/files/SleepMoon.png?v=1789406213&amp;width=64 64w, //apolloneuro.com/cdn/shop/files/SleepMoon.png?v=1789406213&amp;width=96 96w, //apolloneuro.com/cdn/shop/files/SleepMoon.png?v=1789406213&amp;width=128 128w" width="200" height="200" loading="lazy">
15730<span class="zz-ft__stat-value">100K</span><span class="zz-ft__stat-divider" aria-hidden="true"></span><span class="zz-ft__stat-label">Extra nights<br>of sleep
15731</span></div><div class="zz-ft__stat" style=""><img src="//apolloneuro.com/cdn/shop/files/Alarm.png?v=1789406692&amp;width=200" alt="" srcset="//apolloneuro.com/cdn/shop/files/Alarm.png?v=1789406692&amp;width=64 64w, //apolloneuro.com/cdn/shop/files/Alarm.png?v=1789406692&amp;width=96 96w, //apolloneuro.com/cdn/shop/files/Alarm.png?v=1789406692&amp;width=128 128w" width="200" height="200" loading="lazy">
15732<span class="zz-ft__stat-value">2.3M</span><span class="zz-ft__stat-divider" aria-hidden="true"></span><span class="zz-ft__stat-label">Extra minutes<br>of sleep
15733</span></div></div>
15734                    </div>
15735<div class="zz-ft__aside">
15736  <div class="zz-ft__quote" style="--tm-bg: #6a4a9c; --tm-text: #ffffff; background-image: url(//apolloneuro.com/cdn/shop/files/Testimonial.png?v=1788374266&width=1200);"><div class="zz-ft__quote-top"><img src="//apolloneuro.com/cdn/shop/files/Frame_1618873407.png?v=1788371538&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Frame_1618873407.png?v=1788371538&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/Frame_1618873407.png?v=1788371538&amp;width=400 400w" width="400" height="130" loading="lazy">
15737<div class="zz-ft__quote-rating"><div class="zz-ft__stars" aria-label="5 out of 5 stars">&#9733;&#9733;&#9733;&#9733;&#9733;</div><span class="zz-ft__trust">Trusted By Over 150,000 Happy Customers</span></div></div><div class="zz-ft__quote-body" style="--q-gap: 40px; --q-gap-m: 0px;"><p>“Apollo has been a game changer in my ability to focus, be present, and relax. My patients love the fact that Apollo is drug-free, has no negative side effects, and is completely effortless.” </p></div><div class="zz-ft__quote-author">&mdash; — Dr. Michael Breus</div><div class="zz-ft__quote-role">The Sleep Doctor, Double Board-Certified Clinical Psychologist and Clinical Sleep Specialist</div></div>
15738</div>
15739</div></div><div
15740              class="zz-ft__panel zz-ft__mob3"
15741              role="tabpanel"
15742              id="zzft-panel-template--19420722397381__zz_feature_tabs_ik7Vre-2"
15743              aria-labelledby="zzft-tab-template--19420722397381__zz_feature_tabs_ik7Vre-2"
15744              data-panel="2"
15745              style="--tab-accent: #a61c7b; --mob-cols: 3;"
15746              hidden
15747            ><div class="zz-ft__hero" style="color: #f1c226; border-radius: 16px; --hero-h-mob: 26px; --hero-h-desk: 44px; --hero-t-mob: 14px; --hero-t-desk: 22px; --hero-x: 0px; --hero-y: 76px; --hero-ov-mob: 0.0; --hero-ov-desk: 0.0;"><div class="zz-ft__hero-bg zz-ft__hero-bg--desktop">
15748                    <img src="//apolloneuro.com/cdn/shop/files/tempImage7HeEkd_1_1.jpg?v=1788452036&amp;width=1600" alt="Better Sleep + Better Days" srcset="//apolloneuro.com/cdn/shop/files/tempImage7HeEkd_1_1.jpg?v=1788452036&amp;width=800 800w, //apolloneuro.com/cdn/shop/files/tempImage7HeEkd_1_1.jpg?v=1788452036&amp;width=1200 1200w, //apolloneuro.com/cdn/shop/files/tempImage7HeEkd_1_1.jpg?v=1788452036&amp;width=1600 1600w" width="1600" height="752" loading="lazy">
15749                  </div><div class="zz-ft__hero-bg zz-ft__hero-bg--mobile"><img src="//apolloneuro.com/cdn/shop/files/Box_1.png?v=1788891040&amp;width=800" alt="Better Sleep + Better Days" srcset="//apolloneuro.com/cdn/shop/files/Box_1.png?v=1788891040&amp;width=375 375w, //apolloneuro.com/cdn/shop/files/Box_1.png?v=1788891040&amp;width=600 600w, //apolloneuro.com/cdn/shop/files/Box_1.png?v=1788891040&amp;width=800 800w" width="800" height="857" loading="lazy">
15750                  </div><img src="//apolloneuro.com/cdn/shop/files/Group_626844_2.png?v=1788455246&amp;width=900" alt="" srcset="//apolloneuro.com/cdn/shop/files/Group_626844_2.png?v=1788455246&amp;width=400 400w, //apolloneuro.com/cdn/shop/files/Group_626844_2.png?v=1788455246&amp;width=600 600w, //apolloneuro.com/cdn/shop/files/Group_626844_2.png?v=1788455246&amp;width=900 900w" width="900" height="783" loading="lazy" class="zz-ft__hero-fg zz-ft__mob-hide">
15751<div class="zz-ft__hero-copy"><div class="zz-ft__hero-title zz-ft__mob-hide"><p>Better Sleep<br/>Better Days</p></div><div class="zz-ft__hero-text zz-ft__mob-hide" style="color: #ffffff;"><p>Better nights = steadier energy<br/>and sharper focus.</p></div></div>
15752<div class="zz-ft__ideal" style="background: linear-gradient(127deg, rgba(163, 81, 79, 1) 11%, rgba(129, 23, 88, 1) 81%);"><span class="zz-ft__ideal-label" style="--ideal-label-bg: #dccbda;--ideal-label-color: #000000;--ideal-bar-bg: linear-gradient(127deg, rgba(163, 81, 79, 1) 11%, rgba(129, 23, 88, 1) 81%);">Ideal for:</span><div class="zz-ft__ideal-tags"><span class="zz-ft__tag"><img src="//apolloneuro.com/cdn/shop/files/sunrise.svg?v=1788452860&amp;width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/sunrise.svg?v=1788452860&amp;width=15 15w, //apolloneuro.com/cdn/shop/files/sunrise.svg?v=1788452860&amp;width=30 30w" width="30" height="27" loading="lazy">
15753<span>Easier mornings</span>
15754          </span><span class="zz-ft__tag"><img src="//apolloneuro.com/cdn/shop/files/wand-magic-sparkles.svg?v=1788452905&amp;width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/wand-magic-sparkles.svg?v=1788452905&amp;width=15 15w, //apolloneuro.com/cdn/shop/files/wand-magic-sparkles.svg?v=1788452905&amp;width=30 30w" width="30" height="29" loading="lazy">
15755<span>Fewer afternoon slumps</span>
15756          </span><span class="zz-ft__tag"><img src="//apolloneuro.com/cdn/shop/files/bolt_1.svg?v=1788452922&amp;width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/bolt_1.svg?v=1788452922&amp;width=15 15w, //apolloneuro.com/cdn/shop/files/bolt_1.svg?v=1788452922&amp;width=30 30w" width="30" height="40" loading="lazy">
15757<span>More energy</span>
15758          </span></div>
15759  </div></div>
15760<div class="zz-ft__ideal-m">
15761    <div class="zz-ft__ideal" style="background: linear-gradient(127deg, rgba(163, 81, 79, 1) 11%, rgba(129, 23, 88, 1) 81%);"><span class="zz-ft__ideal-label" style="--ideal-label-bg: #dccbda;--ideal-label-color: #000000;--ideal-bar-bg: linear-gradient(127deg, rgba(163, 81, 79, 1) 11%, rgba(129, 23, 88, 1) 81%);">Ideal for:</span><div class="zz-ft__ideal-tags"><span class="zz-ft__tag"><img src="//apolloneuro.com/cdn/shop/files/sunrise.svg?v=1788452860&amp;width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/sunrise.svg?v=1788452860&amp;width=15 15w, //apolloneuro.com/cdn/shop/files/sunrise.svg?v=1788452860&amp;width=30 30w" width="30" height="27" loading="lazy">
15762<span>Easier mornings</span>
15763            </span><span class="zz-ft__tag"><img src="//apolloneuro.com/cdn/shop/files/wand-magic-sparkles.svg?v=1788452905&amp;width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/wand-magic-sparkles.svg?v=1788452905&amp;width=15 15w, //apolloneuro.com/cdn/shop/files/wand-magic-sparkles.svg?v=1788452905&amp;width=30 30w" width="30" height="29" loading="lazy">
15764<span>Fewer afternoon slumps</span>
15765            </span><span class="zz-ft__tag"><img src="//apolloneuro.com/cdn/shop/files/bolt_1.svg?v=1788452922&amp;width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/bolt_1.svg?v=1788452922&amp;width=15 15w, //apolloneuro.com/cdn/shop/files/bolt_1.svg?v=1788452922&amp;width=30 30w" width="30" height="40" loading="lazy">
15766<span>More energy</span>
15767            </span></div>
15768    </div><img src="//apolloneuro.com/cdn/shop/files/Good_Afternoon-mobile.png?v=1788891158&amp;width=700" alt="" srcset="//apolloneuro.com/cdn/shop/files/Good_Afternoon-mobile.png?v=1788891158&amp;width=250 250w, //apolloneuro.com/cdn/shop/files/Good_Afternoon-mobile.png?v=1788891158&amp;width=450 450w, //apolloneuro.com/cdn/shop/files/Good_Afternoon-mobile.png?v=1788891158&amp;width=700 700w" width="700" height="1167" loading="lazy" class="zz-ft__ideal-m-img">
15769</div><div class="zz-ft__banners-m"><img src="//apolloneuro.com/cdn/shop/files/Group_626844_3.png?v=1788895072&amp;width=1200" alt="" srcset="//apolloneuro.com/cdn/shop/files/Group_626844_3.png?v=1788895072&amp;width=375 375w, //apolloneuro.com/cdn/shop/files/Group_626844_3.png?v=1788895072&amp;width=600 600w, //apolloneuro.com/cdn/shop/files/Group_626844_3.png?v=1788895072&amp;width=900 900w, //apolloneuro.com/cdn/shop/files/Group_626844_3.png?v=1788895072&amp;width=1200 1200w" width="1200" height="702" loading="lazy" class="zz-ft__banner-m-img">
15770<img src="//apolloneuro.com/cdn/shop/files/Frame_1618873447.jpg?v=1788891299&amp;width=1200" alt="" srcset="//apolloneuro.com/cdn/shop/files/Frame_1618873447.jpg?v=1788891299&amp;width=375 375w, //apolloneuro.com/cdn/shop/files/Frame_1618873447.jpg?v=1788891299&amp;width=600 600w, //apolloneuro.com/cdn/shop/files/Frame_1618873447.jpg?v=1788891299&amp;width=900 900w, //apolloneuro.com/cdn/shop/files/Frame_1618873447.jpg?v=1788891299&amp;width=1200 1200w" width="1200" height="616" loading="lazy" class="zz-ft__banner-m-img zz-ft__banner-m-img--2">
15771</div><div class="zz-ft__cols">
15772                    <div class="zz-ft__main"><div class="zz-ft__intro" style="--intro-bg: #ead6c7; --intro-h-mob: 20px; --intro-h-desk: 28px; --intro-t-mob: 14px;
15772 --intro-t-desk: 20px;"><h3 class="zz-ft__intro-title">The Science of Feeling Better</h3><div class="zz-ft__intro-text"><p>With consistent use, Apollo reports <strong>30% more sleep</strong> and <strong>25% more focus</strong>—plus <strong>improved HRV</strong> and <strong>resiliency</strong>.</p></div></div><p class="zz-ft__eyebrow" style="--eb-mob: 13px; --eb-desk: 22px;">Results you can feel:</p><div class="zz-ft__stats"><div class="zz-ft__stat" style="--item-bg: linear-gradient(135deg, rgba(243, 217, 192, 1) 33%, rgba(190, 170, 224, 1) 100%);"><img src="//apolloneuro.com/cdn/shop/files/Bullseye.png?v=1789406178&amp;width=200" alt="" srcset="//apolloneuro.com/cdn/shop/files/Bullseye.png?v=1789406178&amp;width=64 64w, //apolloneuro.com/cdn/shop/files/Bullseye.png?v=1789406178&amp;width=96 96w, //apolloneuro.com/cdn/shop/files/Bullseye.png?v=1789406178&amp;width=128 128w" width="200" height="200" loading="lazy">
15773<span class="zz-ft__stat-value" style="color: #d33129;">25%</span><span class="zz-ft__stat-divider" aria-hidden="true"></span><span class="zz-ft__stat-label" style="color: #000000;">More focus<br>and concentration
15774</span></div><div class="zz-ft__stat" style="--item-bg: linear-gradient(135deg, rgba(243, 217, 192, 1) 33%, rgba(190, 170, 224, 1) 100%);"><img src="//apolloneuro.com/cdn/shop/files/HRV_0aba3c50-4619-40df-bb17-1dd12025afc7.png?v=1789406198&amp;width=200" alt="" srcset="//apolloneuro.com/cdn/shop/files/HRV_0aba3c50-4619-40df-bb17-1dd12025afc7.png?v=1789406198&amp;width=64 64w, //apolloneuro.com/cdn/shop/files/HRV_0aba3c50-4619-40df-bb17-1dd12025afc7.png?v=1789406198&amp;width=96 96w, //apolloneuro.com/cdn/shop/files/HRV_0aba3c50-4619-40df-bb17-1dd12025afc7.png?v=1789406198&amp;width=128 128w" width="200" height="200" loading="lazy">
15775<span class="zz-ft__stat-value" style="color: #781b62;">11%</span><span class="zz-ft__stat-divider" aria-hidden="true"></span><span class="zz-ft__stat-label" style="color: #000000;">Increase in Heart<br>Rate Variability (HRV)
15776</span></div><div class="zz-ft__stat" style="--item-bg: linear-gradient(135deg, rgba(243, 217, 192, 1) 33%, rgba(190, 170, 224, 1) 100%);"><img src="//apolloneuro.com/cdn/shop/files/SleepMoon.png?v=1789406213&amp;width=200" alt="" srcset="//apolloneuro.com/cdn/shop/files/SleepMoon.png?v=1789406213&amp;width=64 64w, //apolloneuro.com/cdn/shop/files/SleepMoon.png?v=1789406213&amp;width=96 96w, //apolloneuro.com/cdn/shop/files/SleepMoon.png?v=1789406213&amp;width=128 128w" width="200" height="200" loading="lazy">
15777<span class="zz-ft__stat-value" style="color: #4b399b;">46 Min</span><span class="zz-ft__stat-divider" aria-hidden="true"></span><span class="zz-ft__stat-label" style="color: #000000;">Extra minutes of<br>sleep per night
15778</span></div></div>
15779                    </div>
15780<div class="zz-ft__aside">
15781  <div class="zz-ft__quote" style="--tm-bg: #6a4a9c; --tm-text: #ffffff; background-image: url(//apolloneuro.com/cdn/shop/files/Testimonial_1.png?v=1788455020&width=1200);"><div class="zz-ft__quote-top"><img src="//apolloneuro.com/cdn/shop/files/Frame_1618873407.png?v=1788371538&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Frame_1618873407.png?v=1788371538&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/Frame_1618873407.png?v=1788371538&amp;width=400 400w" width="400" height="130" loading="lazy">
15782<div class="zz-ft__quote-rating"><div class="zz-ft__stars" aria-label="5 out of 5 stars">&#9733;&#9733;&#9733;&#9733;&#9733;</div><span class="zz-ft__trust">Trusted By Over 150,000 Happy Customers</span></div></div><div class="zz-ft__quote-body" style="--q-gap: 100px; --q-gap-m: 0px;"><p>“I noticed it most the next day.”</p></div><div class="zz-ft__quote-author">&mdash; Apollo User Name</div></div>
15783</div>
15784</div></div><div
15785              class="zz-ft__panel"
15786              role="tabpanel"
15787              id="zzft-panel-template--19420722397381__zz_feature_tabs_ik7Vre-3"
15788              aria-labelledby="zzft-tab-template--19420722397381__zz_feature_tabs_ik7Vre-3"
15789              data-panel="3"
15790              style="--tab-accent: #1b3fa0; --mob-cols: 2;"
15791              hidden
15792            ><div class="zz-ft__hero" style="color: #a2b8ef; border-radius: 16px; --hero-h-mob: 26px; --hero-h-desk: 44px; --hero-t-mob: 14px; --hero-t-desk: 22px; --hero-x: 0px; --hero-y: 76px; --hero-ov-mob: 0.0; --hero-ov-desk: 0.0;"><div class="zz-ft__hero-bg zz-ft__hero-bg--desktop">
15793                    <img src="//apolloneuro.com/cdn/shop/files/Stay_Asleep_2_1.jpg?v=1788455534&amp;width=1600" alt="Fall Asleep Faster" srcset="//apolloneuro.com/cdn/shop/files/Stay_Asleep_2_1.jpg?v=1788455534&amp;width=800 800w, //apolloneuro.com/cdn/shop/files/Stay_Asleep_2_1.jpg?v=1788455534&amp;width=1200 1200w, //apolloneuro.com/cdn/shop/files/Stay_Asleep_2_1.jpg?v=1788455534&amp;width=1600 1600w" width="1600" height="752" loading="lazy">
15794                  </div><div class="zz-ft__hero-bg zz-ft__hero-bg--mobile"><img src="//apolloneuro.com/cdn/shop/files/calmBody-Mobile.png?v=1788888537&amp;width=800" alt="Fall Asleep Faster" srcset="//apolloneuro.com/cdn/shop/files/calmBody-Mobile.png?v=1788888537&amp;width=375 375w, //apolloneuro.com/cdn/shop/files/calmBody-Mobile.png?v=1788888537&amp;width=600 600w, //apolloneuro.com/cdn/shop/files/calmBody-Mobile.png?v=1788888537&amp;width=800 800w" width="800" height="855" loading="lazy">
15795                  </div><div class="zz-ft__hero-copy"><div class="zz-ft__hero-title zz-ft__mob-hide"><p>Calm Body & Clear<br/>Mind Before Bed</p></div><div class="zz-ft__hero-text zz-ft__mob-hide" style="color: #ffffff;"><p>Apollo's gentle, soothing<br/>vibrations act like a hug for your<br/>nervous system.</p></div></div>
15796<div class="zz-ft__ideal" style="background: linear-gradient(97deg, rgba(142, 165, 223, 1), rgba(52, 92, 200, 1) 100%);"><span class="zz-ft__ideal-label" style="--ideal-label-bg: #d0d0fa;--ideal-label-color: #000000;--ideal-bar-bg: linear-gradient(97deg, rgba(142, 165, 223, 1), rgba(52, 92, 200, 1) 100%);">Ideal for:</span><div class="zz-ft__ideal-tags"><span class="zz-ft__tag"><img src="//apolloneuro.com/cdn/shop/files/sunset.svg?v=1788455689&amp;width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/sunset.svg?v=1788455689&amp;width=15 15w, //apolloneuro.com/cdn/shop/files/sunset.svg?v=1788455689&amp;width=30 30w" width="30" height="26" loading="lazy">
15797<span>Wind-down routines</span>
15798          </span><span class="zz-ft__tag"><img src="//apolloneuro.com/cdn/shop/files/plane.svg?v=1788455685&amp;width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/plane.svg?v=1788455685&amp;width=15 15w, //apolloneuro.com/cdn/shop/files/plane.svg?v=1788455685&amp;width=30 30w" width="30" height="28" loading="lazy">
15799<span>Post-travel</span>
15800          </span><span class="zz-ft__tag"><img src="//apolloneuro.com/cdn/shop/files/gears.svg?v=1788455682&amp;width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/gears.svg?v=1788455682&amp;width=15 15w, //apolloneuro.com/cdn/shop/files/gears.svg?v=1788455682&amp;width=30 30w" width="30" height="24" loading="lazy">
15801<span>High-stress weeks</span>
15802          </span></div>
15803  </div></div>
15804<div class="zz-ft__ideal-m">
15805    <div class="zz-ft__ideal" style="background: linear-gradient(97deg, rgba(142, 165, 223, 1), rgba(52, 92, 200, 1) 100%);"><span class="zz-ft__ideal-label" style="--ideal-label-bg: #d0d0fa;--ideal-label-color: #000000;--ideal-bar-bg: linear-gradient(97deg, rgba(142, 165, 223, 1), rgba(52, 92, 200, 1) 100%);">Ideal for:</span><div class="zz-ft__ideal-tags"><span class="zz-ft__tag"><img src="//apolloneuro.com/cdn/shop/files/sunset.svg?v=1788455689&amp;width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/sunset.svg?v=1788455689&amp;width=15 15w, //apolloneuro.com/cdn/shop/files/sunset.svg?v=1788455689&amp;width=30 30w" width="30" height="26" loading="lazy">
15806<span>Wind-down routines</span>
15807            </span><span class="zz-ft__tag"><img src="//apolloneuro.com/cdn/shop/files/plane.svg?v=1788455685&amp;width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/plane.svg?v=1788455685&amp;width=15 15w, //apolloneuro.com/cdn/shop/files/plane.svg?v=1788455685&amp;width=30 30w" width="30" height="28" loading="lazy">
15808<span>Post-travel</span>
15809            </span><span class="zz-ft__tag"><img src="//apolloneuro.com/cdn/shop/files/gears.svg?v=1788455682&amp;width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/gears.svg?v=1788455682&amp;width=15 15w, //apolloneuro.com/cdn/shop/files/gears.svg?v=1788455682&amp;width=30 30w" width="30" height="24" loading="lazy">
15810<span>High-stress weeks</span>
15811            </span></div>
15812    </div><img src="//apolloneuro.com/cdn/shop/files/StayAsleep2-Mobile.png?v=1788890584&amp;width=700" alt="" srcset="//apolloneuro.com/cdn/shop/files/StayAsleep2-Mobile.png?v=1788890584&amp;width=250 250w, //apolloneuro.com/cdn/shop/files/StayAsleep2-Mobile.png?v=1788890584&amp;width=450 450w, //apolloneuro.com/cdn/shop/files/StayAsleep2-Mobile.png?v=1788890584&amp;width=700 700w" width="700" height="1198" loading="lazy" class="zz-ft__ideal-m-img">
15813</div><div class="zz-ft__banners-m"><img src="//apolloneuro.com/cdn/shop/files/Frame_1618873447.png?v=1788890823&amp;width=1200" alt="" srcset="//apolloneuro.com/cdn/shop/files/Frame_1618873447.png?v=1788890823&amp;width=375 375w, //apolloneuro.com/cdn/shop/files/Frame_1618873447.png?v=1788890823&amp;width=600 600w, //apolloneuro.com/cdn/shop/files/Frame_1618873447.png?v=1788890823&amp;width=900 900w, //apolloneuro.com/cdn/shop/files/Frame_1618873447.png?v=1788890823&amp;width=1200 1200w" width="1200" height="976" loading="lazy" class="zz-ft__banner-m-img zz-ft__banner-m-img--2">
15814</div><div class="zz-ft__cols">
15815                    <div class="zz-ft__main"><h3 class="zz-ft__routine-title" style="--rt-h-mob: 22px; --rt-h-desk: 40px;">Your Bedtime Routine</h3><div class="zz-ft__routine"><div class="zz-ft__rcard" style="--item-bg: linear-gradient(92deg, rgba(213, 223, 248, 1), rgba(220, 220, 220, 1) 100%);"><span class="zz-ft__rtime" style="--rtime-bg: linear-gradient(96deg, rgba(134, 162, 137, 1) 8%, rgba(80, 110, 77, 1) 83%);--rtime-text: #ffffff;">4:00 pm</span><span class="zz-ft__rvline" aria-hidden="true"></span><div class="zz-ft__rname">Quick reset<br>before workout</div><span class="zz-ft__rhline" aria-hidden="true" style="background: linear-gradient(96deg, rgba(134, 162, 137, 1) 8%, rgba(80, 110, 77, 1) 83%);"></span><div class="zz-ft__rprogress" style="--rprog-bg: #daeee0;--rprog-text: #111111;"><span class="zz-ft__rmin"><img src="//apolloneuro.com/cdn/shop/files/play.svg?v=1788458476&amp;width=48" alt="" srcset="//apolloneuro.com/cdn/shop/files/play.svg?v=1788458476&amp;width=16 16w, //apolloneuro.com/cdn/shop/files/play.svg?v=1788458476&amp;width=32 32w, //apolloneuro.com/cdn/shop/files/play.svg?v=1788458476&amp;width=48 48w" width="48" height="58" loading="lazy" class="zz-ft__rplay-img">20 min</span><span class="zz-ft__rdiv" aria-hidden="true"></span><img src="//apolloneuro.com/cdn/shop/files/sliders.svg?v=1788458103&amp;width=60" alt="" srcset="//apolloneuro.com/cdn/shop/files/sliders.svg?v=1788458103&amp;width=20 20w, //apolloneuro.com/cdn/shop/files/sliders.svg?v=1788458103&amp;width=40 40w" width="60" height="55" loading="lazy" class="zz-ft__rpct-icon">
15816<span class="zz-ft__rpct">30%</span></div><img src="//apolloneuro.com/cdn/shop/files/phone01a_022801e3-f447-4547-86d3-ad06f10b4316.png?v=1788458957&amp;width=500" alt="" srcset="//apolloneuro.com/cdn/shop/files/phone01a_022801e3-f447-4547-86d3-ad06f10b4316.png?v=1788458957&amp;width=250 250w, //apolloneuro.com/cdn/shop/files/phone01a_022801e3-f447-4547-86d3-ad06f10b4316.png?v=1788458957&amp;width=400 400w, //apolloneuro.com/cdn/shop/files/phone01a_022801e3-f447-4547-86d3-ad06f10b4316.png?v=1788458957&amp;width=500 500w" width="500" height="392" loading="lazy" class="zz-ft__rimg">
15817</div><div class="zz-ft__rcard" style="--item-bg: linear-gradient(92deg, rgba(213, 223, 248, 1), rgba(220, 220, 220, 1) 100%);"><span class="zz-ft__rtime" style="--rtime-bg: linear-gradient(91deg, rgba(190, 130, 172, 1), rgba(129, 55, 96, 1) 100%);--rtime-text: #ffffff;">6:00 pm</span><span class="zz-ft__rvline" aria-hidden="true"></span><div class="zz-ft__rname">Bounce back<br>after the gym</div><span class="zz-ft__rhline" aria-hidden="true" style="background: linear-gradient(91deg, rgba(190, 130, 172, 1), rgba(129, 55, 96, 1) 100%);"></span><div class="zz-ft__rprogress" style="--rprog-bg: #f0e2ec;--rprog-text: #111111;"><span class="zz-ft__rmin"><img src="//apolloneuro.com/cdn/shop/files/play_1.svg?v=1788459736&amp;width=48" alt="" srcset="//apolloneuro.com/cdn/shop/files/play_1.svg?v=1788459736&amp;width=16 16w, //apolloneuro.com/cdn/shop/files/play_1.svg?v=1788459736&amp;width=32 32w, //apolloneuro.com/cdn/shop/files/play_1.svg?v=1788459736&amp;width=48 48w" width="48" height="58" loading="lazy" class="zz-ft__rplay-img">30 min</span><span class="zz-ft__rdiv" aria-hidden="true"></span><img src="//apolloneuro.com/cdn/shop/files/sliders_1.svg?v=1788459755&amp;width=60" alt="" srcset="//apolloneuro.com/cdn/shop/files/sliders_1.svg?v=1788459755&amp;width=20 20w, //apolloneuro.com/cdn/shop/files/sliders_1.svg?v=1788459755&amp;width=40 40w" width="60" height="55" loading="lazy" class="zz-ft__rpct-icon">
15818<span class="zz-ft__rpct">50%</span></div><img src="//apolloneuro.com/cdn/shop/files/phone02a.png?v=1788460508&amp;width=500" alt="" srcset="//apolloneuro.com/cdn/shop/files/phone02a.png?v=1788460508&amp;width=250 250w, //apolloneuro.com/cdn/shop/files/phone02a.png?v=1788460508&amp;width=400 400w, //apolloneuro.com/cdn/shop/files/phone02a.png?v=1788460508&amp;width=500 500w" width="500" height="392" loading="lazy" class="zz-ft__rimg">
15819</div><div class="zz-ft__rcard" style="--item-bg: linear-gradient(92deg, rgba(213, 223, 248, 1), rgba(220, 220, 220, 1) 100%);"><span class="zz-ft__rtime" style="--rtime-bg: linear-gradient(127deg, rgba(110, 163, 164, 1) 11%, rgba(64, 110, 114, 1) 90%);--rtime-text: #ffffff;">7:00 pm</span><span class="zz-ft__rvline" aria-hidden="true"></span><div class="zz-ft__rname">Wind down<br>from your day</div><span class="zz-ft__rhline" aria-hidden="true" style="background: linear-gradient(127deg, rgba(110, 163, 164, 1) 11%, rgba(64, 110, 114, 1) 90%);"></span><div class="zz-ft__rprogress" style="--rprog-bg: #dbe5e5;--rprog-text: #111111;"><span class="zz-ft__rmin"><img src="//apolloneuro.com/cdn/shop/files/play_2.svg?v=1788459867&amp;width=48" alt="" srcset="//apolloneuro.com/cdn/shop/files/play_2.svg?v=1788459867&amp;width=16 16w, //apolloneuro.com/cdn/shop/files/play_2.svg?v=1788459867&amp;width=32 32w, //apolloneuro.com/cdn/shop/files/play_2.svg?v=1788459867&amp;width=48 48w" width="48" height="58" loading="lazy" class="zz-ft__rplay-img">40 min</span><span class="zz-ft__rdiv" aria-hidden="true"></span><img src="//apolloneuro.com/cdn/shop/files/sliders_2.svg?v=1788459879&amp;width=60" alt="" srcset="//apolloneuro.com/cdn/shop/files/sliders_2.svg?v=1788459879&amp;width=20 20w, //apolloneuro.com/cdn/shop/files/sliders_2.svg?v=1788459879&amp;width=40 40w" width="60" height="55" loading="lazy" class="zz-ft__rpct-icon">
15820<span class="zz-ft__rpct">45%</span></div><img src="//apolloneuro.com/cdn/shop/files/phone_03.png?v=1788460650&amp;width=500" alt="" srcset="//apolloneuro.com/cdn/shop/files/phone_03.png?v=1788460650&amp;width=250 250w, //apolloneuro.com/cdn/shop/files/phone_03.png?v=1788460650&amp;width=400 400w, //apolloneuro.com/cdn/shop/files/phone_03.png?v=1788460650&amp;width=500 500w" width="500" height="392" loading="lazy" class="zz-ft__rimg">
15821</div><div class="zz-ft__rcard" style="--item-bg: linear-gradient(92deg, rgba(213, 223, 248, 1), rgba(220, 220, 220, 1) 100%);"><span class="zz-ft__rtime" style="--rtime-bg: linear-gradient(90deg, rgba(57, 82, 126, 1) 10%, rgba(30, 40, 85, 1) 91%);--rtime-text: #ffffff;">8:00 pm</span><span class="zz-ft__rvline" aria-hidden="true"></span><div class="zz-ft__rname">Get ready<br>for restful sleep</div><span class="zz-ft__rhline" aria-hidden="true" style="background: linear-gradient(90deg, rgba(57, 82, 126, 1) 10%, rgba(30, 40, 85, 1) 91%);"></span><div class="zz-ft__rprogress" style="--rprog-bg: #d7e5fc;--rprog-text: #111111;"><span class="zz-ft__rmin"><img src="//apolloneuro.com/cdn/shop/files/play_3.svg?v=1788460078&amp;width=48" alt="" srcset="//apolloneuro.com/cdn/shop/files/play_3.svg?v=1788460078&am
15821p;width=16 16w, //apolloneuro.com/cdn/shop/files/play_3.svg?v=1788460078&amp;width=32 32w, //apolloneuro.com/cdn/shop/files/play_3.svg?v=1788460078&amp;width=48 48w" width="48" height="58" loading="lazy" class="zz-ft__rplay-img">90 min</span><span class="zz-ft__rdiv" aria-hidden="true"></span><img src="//apolloneuro.com/cdn/shop/files/sliders_3.svg?v=1788460089&amp;width=60" alt="" srcset="//apolloneuro.com/cdn/shop/files/sliders_3.svg?v=1788460089&amp;width=20 20w, //apolloneuro.com/cdn/shop/files/sliders_3.svg?v=1788460089&amp;width=40 40w" width="60" height="55" loading="lazy" class="zz-ft__rpct-icon">
15822<span class="zz-ft__rpct">90%</span></div><img src="//apolloneuro.com/cdn/shop/files/phone_04.png?v=1788460758&amp;width=500" alt="" srcset="//apolloneuro.com/cdn/shop/files/phone_04.png?v=1788460758&amp;width=250 250w, //apolloneuro.com/cdn/shop/files/phone_04.png?v=1788460758&amp;width=400 400w, //apolloneuro.com/cdn/shop/files/phone_04.png?v=1788460758&amp;width=500 500w" width="500" height="392" loading="lazy" class="zz-ft__rimg">
15823</div></div>
15824                    </div>
15825<div class="zz-ft__aside">
15826  <div class="zz-ft__quote" style="--tm-bg: #6a4a9c; --tm-text: #ffffff; background-image: url(//apolloneuro.com/cdn/shop/files/Group_626845.png?v=1788460897&width=1200);"><div class="zz-ft__quote-top"><img src="//apolloneuro.com/cdn/shop/files/Frame_1618873407.png?v=1788371538&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Frame_1618873407.png?v=1788371538&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/Frame_1618873407.png?v=1788371538&amp;width=400 400w" width="400" height="130" loading="lazy">
15827<div class="zz-ft__quote-rating"><div class="zz-ft__stars" aria-label="5 out of 5 stars">&#9733;&#9733;&#9733;&#9733;&#9733;</div><span class="zz-ft__trust">Trusted By Over 150,000 Happy Customers</span></div></div><div class="zz-ft__quote-body" style="--q-gap: 100px; --q-gap-m: 0px;"><p>“With Apollo, my bedtime routine finally feels automatic.”</p></div><div class="zz-ft__quote-author">&mdash; Apollo User Name</div></div>
15828</div>
15829</div></div></div></div>
15830  </div>
15831</section>
15832
15833<script>
15834  (function () {
15835    var root = document.getElementById('template--19420722397381__zz_feature_tabs_ik7Vre');
15836    if (!root) return;
15837    var tablist = root.querySelector('.zz-ft__tabs');
15838    if (!tablist) return;
15839    var pills = Array.prototype.slice.call(root.querySelectorAll('.zz-ft__pill'));
15840    var panels = Array.prototype.slice.call(root.querySelectorAll('.zz-ft__panel'));
15841    var headings = Array.prototype.slice.call(root.querySelectorAll('.zz-ft__heading'));
15842
15843    function activate(index, focus) {
15844      pills.forEach(function (p, i) {
15845        var on = i === index;
15846        p.classList.toggle('is-active', on);
15847        p.setAttribute('aria-selected', on ? 'true' : 'false');
15848        p.setAttribute('tabindex', on ? '0' : '-1');
15849        if (on && focus) p.focus();
15850      });
15851      panels.forEach(function (panel, i) {
15852        var on = i === index;
15853        panel.classList.toggle('is-active', on);
15854        if (on) { panel.removeAttribute('hidden'); } else { panel.setAttribute('hidden', ''); }
15855      });
15856      headings.forEac
15856h(function (h, i) { h.classList.toggle('is-active', i === index); });
15857      var pill = pills[index];
15858      var grad = pill && pill.getAttribute('data-bg-gradient');
15859      if (grad === 'rgba(0,0,0,0)') grad = '';
15860      var bg = pill && pill.getAttribute('data-bg');
15861      root.style.background = grad ? grad : (bg ? bg : '');
15862    }
15863
15864    pills.forEach(function (pill, i) {
15865      pill.addEventListener('click', function () { activate(i, false); });
15866      pill.addEventListener('keydown', function (e) {
15867        var last = pills.length - 1;
15868        var next = null;
15869        if (e.key === 'ArrowRight' || e.key === 'ArrowDown') next = i === last ? 0 : i + 1;
15870        else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') next = i === 0 ? last : i - 1;
15871        else if (e.key === 'Home') next = 0;
15872        else if (e.key === 'End') next = last;
15873        if (next !== null) { e.preventDefault(); activate(next, true); }
15874      });
15875    });
15876  })();
15877</script>
15877
15878
15879
15880</section><section id="shopify-section-template--19420722397381__c_features_J8UihN" class="shopify-section section">
15881<link
15882  rel="stylesheet"
15883  href="//apolloneuro.com/cdn/shop/t/251/assets/component-features.css?v=12484119883202962371763642731"
15884  media="print"
15885  onload="this.media='all'"
15886>
15887
15888<style data-shopify>
15889  #template--19420722397381__c_features_J8UihN {
15890    background-color: #f7b267;
15891  }
15892  
15893  @media screen and (min-width: 750px) {
15894    #template--19420722397381__c_features_J8UihN {
15895      padding: 48px 0 48px 0;
15896    }
15897  }
15898  
15899  @media screen and (max-width: 749px) {
15900    #template--19420722397381__c_features_J8UihN {
15901      padding: 32px 0 32px 0;
15902    }
15903  }
15904  
15905  #template--19420722397381__c_features_J8UihN .c-feature__heading {
15906    color: #181e21;
15907  }
15908  
15909  #template--19420722397381__c_features_J8UihN .c-feature__text {
15910    color: #181e21;
15911  }
15912</style>
15913
15914<section class="c-section c-features" id="template--19420722397381__c_features_J8UihN">
15915  <div class="c-section__inner">
15916    
15917    
15918    <div class="c-features__container">
15919      <div class="c-features__row">
15920        
15921          <div class="c-features__column" >
15922            
15923
15924<div class="c-feature__block">
15925  
15926    <div class="c-feature__icon">
15927      <img src="//apolloneuro.com/cdn/shop/files/SmileyWink.svg?v=1761562167&amp;width=500" alt="Stress Relief That Works" srcset="//apolloneuro.com/cdn/shop/files/SmileyWink.svg?v=1761562167&amp;width=28 28w, //apolloneuro.com/cdn/shop/files/SmileyWink.svg?v=1761562167&amp;width=352 352w" width="28" height="28" loading="lazy" class="c-feature__icon-image">
15928    </div>
15929  
15930
15931  <div class="c-feature__content">
15932    
15933      <h3 class="c-feature__heading">Stress Relief That Works</h3>
15934    
15935
15936    
15937      <p class="c-feature__text">Calm your body and mind in minutes.</p>
15938    
15939  </div>
15940</div>
15941          </div>
15942        
15943          <div class="c-features__column" >
15944            
15945
15946<div class="c-feature__block">
15947  
15948    <div class="c-feature__icon">
15949      <img src="//apolloneuro.com/cdn/shop/files/MoonStars.svg?v=1761562354&amp;width=500" alt="Better Sleep, Every Night" srcset="//apolloneuro.com/cdn/shop/files/MoonStars.svg?v=1761562354&amp;width=28 28w, //apolloneuro.com/cdn/shop/files/MoonStars.svg?v=1761562354&amp;width=352 352w" width="28" height="28" loading="lazy" class="c-feature__icon-image">
15950    </div>
15951  
15952
15953  <div class="c-feature__content">
15954    
15955      <h3 class="c-feature__heading">Better Sleep, Every Night</h3>
15956    
15957
15958    
15959      <p class="c-feature__text">Drift off faster, sleep deeper.</p>
15960    
15961  </div>
15962</div>
15963          </div>
15964        
15965          <div class="c-features__column" >
15966            
15967
15968<div class="c-feature__block">
15969  
15970    <div class="c-feature__icon">
15971      <img src="//apolloneuro.com/cdn/shop/files/CheckCircle.svg?v=1761562354&amp;width=500" alt="Easy to Use, Anywhere" srcset="//apolloneuro.com/cdn/shop/files/CheckCircle.svg?v=1761562354&amp;width=28 28w, //apolloneuro.com/cdn/shop/files/CheckCircle.svg?v=1761562354&amp;width=352 352w" width="28" height="28" loading="lazy" class="c-feature__icon-image">
15972    </div>
15973  
15974
15975  <div class="c-feature__content">
15976    
15977      <h3 class="c-feature__heading">Easy to Use, Anywhere</h3>
15978    
15979
15980    
15981      <p class="c-feature__text">Wear it. Feel better. Go on with your day.</p>
15982    
15983  </div>
15984</div>
15985          </div>
15986        
15987          <div class="c-features__column" >
15988            
15989
15990<div class="c-feature__block">
15991  
15992    <div class="c-feature__icon">
15993      <img src="//apolloneuro.com/cdn/shop/files/Palette.svg?v=1761562354&amp;width=500" alt="Personalized to Your Day" srcset="//apolloneuro.com/cdn/shop/files/Palette.svg?v=1761562354&amp;width=28 28w, //apolloneuro.com/cdn/shop/files/Palette.svg?v=1761562354&amp;width=352 352w" width="28" height="28" loading="lazy" class="c-feature__icon-image">
15994    </div>
15995  
15996
15997  <div class="c-feature__content">
15998    
15999      <h3 class="c-feature__heading">Personalized to Your Day</h3>
16000    
16001
16002    
16003      <p class="c-feature__text">Vibes that adapt to your needs.</p>
16004    
16005  </div>
16006</div>
16007          </div>
16008        
16009      </div>
16010    </div>
16011  </div> <!-- /.c-section__inner -->
16012</section>
16013
16014</section><div id="shopify-section-template--19420722397381__c_testimonials_swiper_dPNGdy" class="shopify-section">
16015
16016
16017
16018<style data-shopify>
16019  #template--19420722397381__c_testimonials_swiper_dPNGdy {
16020    background: linear-gradient(245deg,#F5F0FE 1.6%,#F5EEF4 25.7%,#F6ECEB 59.09%,#F6E8D8 82.87%);
16021  }
16022
16023  #template--19420722397381__c_testimonials_swiper_dPNGdy .t-wrap {
16024    /* max-width:1440px; */
16025    margin:0 auto;
16026    padding:64px 0 72px;
16027  }
16028
16029  #template--19420722397381__c_testimonials_swiper_dPNGdy .t-title {
16030    font-family:"Founders Grotesk";
16031    font-weight:400;
16032    line-height:120%;
16033    font-size:56px;
16034    color:#3D4347;
16035    text-align:center;
16036    margin:0 auto;
16037    margin-bottom:48px;
16038    max-width: 778px;
16039  }
16040
16041  /* ===== Swiper Layout ===== */
16042  #template--19420722397381__c_testimonials_swiper_dPNGdy .t-swiper {
16043    overflow:visible;
16044    display:flex;
16045    align-items:center;
16046  }
16047
16048  #template--19420722397381__c_testimonials_swiper_dPNGdy .t-swiper .swiper-wrapper {
16049    align-items:center;
16050  }
16051
16052  #template--19420722397381__c_testimonials_swiper_dPNGdy .t-swiper .swiper-slide {
16053    flex:0 0 auto;
16054    width:448px;
16055    display:flex;
16056    align-items:center;
16057    justify-content:center;
16058    transition:opacity .35s ease;
16059  }
16060
16061  /* Prevent vertical jump by locking Swiper height */
16062  #template--19420722397381__c_testimonials_swiper_dPNGdy .t-swiper {
16063    position: relative;
16064    overflow: hidden;
16065  }
16066
16067  #template--19420722397381__c_testimonials_swiper_dPNGdy .t-swiper::after {
16068    content: "";
16069    display: block;
16070    height: 714px;
16071    pointer-events: none;
16072    visibility: hidden;
16073  }
16074
16075  #template--19420722397381__c_testimonials_swiper_dPNGdy .t-swiper .swiper-wrapper {
16076    align-items: center;
16077    position: absolute;
16078    top: 0;
16079    left: 0;
16080    width: 100%;
16081    transform: translateY(-50%);
16082  }
16083
16084  /* Create overlay layer on inactive slides */
16085  #template--19420722397381__c_testimonials_swiper_dPNGdy .t-swiper .swiper-slide::before {
16086    content: '';
16087    position: absolute;
16088    inset: 0;
16089    z-index: 2;
16090    border-radius: 20px;
16091    pointer-events: none;
16092    transition: opacity 0.35s ease;
16093    background:
16094      linear-gradient(0deg, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.41) 100%),
16095      linear-gradient(180deg, rgba(0, 0, 0, 0.00) 45.62%, rgba(0, 0, 0, 0.64) 100%),
16096      linear-gradient(180deg, rgba(238, 235, 225, 0.00) 32.39%, rgba(238, 235, 225, 0.20) 100%);
16097    background-blend-mode: normal;
16098    opacity: 1;
16099  }
16100
16101  /* Remove overlay from active slide */
16102  #template--19420722397381__c_testimonials_swiper_dPNGdy .t-swiper .swiper-slide-active::before {
16103    opacity: 0;
16104  }
16105
16106
16107  /* ===== Card ===== */
16108  #template--19420722397381__c_testimonials_swiper_dPNGdy .t-card {
16109    position:relative;
16110    display:flex;
16111    flex-direction:column;
16112    width:100%;
16113    border-radius:20px;
16114    overflow:hidden;
16115    background:#000;
16116    color:#fff;
16117  }
16118
16119  #template--19420722397381__c_testimonials_swiper_dPNGdy .t-card__media {
16120    position:relative;
16121    width:100%;
16122    height:582px;
16123    transition:height .35s ease;
16124  }
16125
16126  #template--19420722397381__c_testimonials_swiper_dPNGdy .t-card__media::before {
16127    content: "";
16128    position: absolute;
16129    inset: 0;
16130    border-radius: 24px;
16131    background:
16132      linear-gradient(180deg, rgba(0, 0, 0, 0.00) 39.29%, rgba(0, 0, 0, 0.90) 75.35%),
16133      linear-gradient(180deg, rgba(238, 235, 225, 0.00) 32.39%, rgba(238, 235, 225, 0.20) 100%);
16134    pointer-events: none;
16135    z-index: 2;
16136  }
16137
16138  #template--19420722397381__c_testimonials_swiper_dPNGdy .swiper-slide-active .t-card__media {
16139    height:714px;
16140  }
16141
16142  #template--19420722397381__c_testimonials_swiper_dPNGdy .t-card__image,
16143  #template--19420722397381__c_testimonials_swiper_dPNGdy .t-card__video {
16144    position:absolute;
16145    inset:0;
16146    width:100%;
16147    height:100%;
16148    object-fit:cover;
16149  }
16150
16151  /* ===== Chips ===== */
16152  #template--19420722397381__c_testimonials_swiper_dPNGdy .t-card__chip {
16153    position:absolute;
16154    top:19px;
16155    right:20px;
16156    display:flex;
16157    align-items:center;
16158    justify-content:center;
16159    padding:12px 24px;
16160    border-radius: 40px;
16161    border: 1px solid var(--Neutral-Lightest-Gray, #E3E6E5);
16162    background: rgba(255, 255, 255, 0.21);
16163    color: var(--Neutral-Lightest-Gray, #E3E6E5) !important;
16164    font-family: var(--extra-family) !important;
16165    font-size: var(--Text-Sizes-Text-Regular, 16px);
16166    font-style: normal;
16167    font-weight: 400;
16168    line-height: 150%;
16169    gap:8px;
16170    text-decoration: none;
16171    transition: background 0.3s ease, transform 0.2s ease;
16172    z-index: 3;
16173  }
16174  
16175  #template--19420722397381__c_testimonials_swiper_dPNGdy .t-card__chip:hover {
16176    background: rgba(255, 255, 255, 0.35);
16177    transform: translateY(-1px);
16178  }
16179  
16180  #template--19420722397381__c_testimonials_swiper_dPNGdy .t-card__chip--read{ display:none; }
16181  #template--19420722397381__c_testimonials_swiper_dPNGdy .swiper-slide-active .t-card__chip--read{ display:flex; }
16182
16183  /* ===== Bubble ===== */
16184  #template--19420722397381__c_testimonials_swiper_dPNGdy .t-card__bubble {
16185    position:absolute;
16186    left:16px;
16187    right:16px;
16188    bottom:32px;
16189    padding: 16px;
16190    border-radius:24px;
16191    background:rgba(255,255,255,.24);
16192    z-index: 2;
16193    opacity:0;
16194    transform:translateY(8px);
16195    transition:opacity .3s ease, transform .3s ease;
16196    display:flex;
16197    flex-direction:column;
16198  }
16199  #template--19420722397381__c_testimonials_swiper_dPNGdy .swiper-slide-active .t-card__bubble {
16200    opacity:1;
16201    transform:translateY(0);
16202  }
16203
16204  .t-card__stars{ display:flex; gap:2px; }
16205  .t-card__stars svg{ width:16px; height:16px; fill:#F9A825; }
16206
16207  .t-card__quote {
16208    color: var(--Neutral-Lightest-Gray, #E3E6E5);
16209    font-family: var(--body-family) !important;
16210    font-size: 14px;
16211    font-style: normal;
16212    font-weight: 400;
16213    line-height: 120%;
16214    margin: 10px 0 21px 0;
16215    @media (width >= 768px) {
16216      font-size: 18px;
16217    }
16218  }
16219
16220  .t-card__role {
16221    color: var(--Neutral-Lightest-Gray, #E3E6E5);
16222    font-family: var(--body-family) !important;
16223    font-size: 15px;
16224    font-style: normal;
16225    font-weight: 400;
16226    line-height: 120%;
16227    text-transform: uppercase;
16228  }
16229
16230  .t-card__role-bubble {
16231    color: var(--Neutral-Lightest-Gray, #E3E6E5);
16232    font-family: var(--body-family) !important;
16233    font-size: 12px;
16234    font-style: normal;
16235    font-weight: 400;
16236    line-height: 120%;
16237    text-transform: uppercase;
16238    @media (width >= 768px) {
16239      font-size: 14px;
16240    }
16241  }
16242
16243  .t-card__name {
16244    color: var(--Neutral-Lightest-Gray, #E3E6E5);
16245    font-family: "Founders Grotesk";
16246    font-size: var(--Text-Sizes-Heading-1, 42px);
16247    font-style: normal;
16248    font-weight: 400;
16249    line-height: 120%;
16250    padding-top: 10px;
16251  }
16252
16253  .t-card__followers {
16254    color: var(--Neutral-Lighter-Gray, #C7CCCD);
16255    font-family: var(--body-family) !important;
16256    font-size: 12px;
16257    font-style: normal;
16258    font-weight: 400;
16259    line-height: 120%;
16260    text-transform: uppercase;
16261    @media(width >= 768px){
16262      font-size: 14px;
16263    }
16264  }
16265
16266  /* ===== Bottom name/role for inactive cards ===== */
16267  #template--19420722397381__c_testimonials_swiper_dPNGdy .t-card__meta-bottom {
16268    position:absolute;
16269    left:16px;
16270    right:16px;
16271    bottom:16px;
16272    display:flex;
16273    flex-direction:column;
16274    gap:6px;
16275    color:#fff;
16276    text-align:left;
16277    z-index: 2;
16278  }
16279  #template--19420722397381__c_testimonials_swiper_dPNGdy .swiper-slide-active .t-card__meta-bottom {
16280    display:none;
16281  }
16282
16283  /* ===== Nav Buttons ===== */
16284  #template--19420722397381__c_testimonials_swiper_dPNGdy .t-nav {
16285    display:flex;
16286    justify-content:center;
16287    gap:14px;
16288    padding-top:32px;
16289  }
16290
16291  #template--19420722397381__c_testimonials_swiper_dPNGdy .t-btn {
16292    display:flex;
16293    width:42px;
16294    height:42px;
16295    padding:10px;
16296    padding-bottom: 10px !important;
16297    padding-top: 10px !important;
16298    justify-content:center;
16299    align-items:center;
16300    border-radius:100px;
16301    aspect-ratio:1/1;
16302    border:none;
16303    transition:none;
16304  }
16305
16306  #template--19420722397381__c_testimonials_swiper_dPNGdy .t-prev {
16307    background:#E3E6E5; /* Neutral-Lightest-Gray */
16308  }
16309
16310  #template--19420722397381__c_testimonials_swiper_dPNGdy .t-next {
16311    background:#606664; /* Neutral-Middle-Gray */
16312  }
16313
16314  #template--19420722397381__c_testimonials_swiper_dPNGdy .t-prev:hover {
16315    background:#606664;
16316  }
16317
16318  #template--19420722397381__c_testimonials_swiper_dPNGdy .t-prev:hover path {
16319    fill:#E3E6E5;
16320  }
16321
16322  #template--19420722397381__c_testimonials_swiper_dPNGdy .t-next:hover {
16323    background:#E3E6E5;
16324  }
16325
16326  #template--19420722397381__c_testimonials_swiper_dPNGdy .t-next:hover path {
16327    fill:#181E21;
16328  }
16329
16330  #template--19420722397381__c_testimonials_swiper_dPNGdy .t-btn svg {
16331    width:12px;
16332    height:12px;
16333    color:#fff;
16334  }
16335
16336  @media (width < 768px){
16337    #template--19420722397381__c_testimonials_swiper_dPNGdy .t-title{ font-size:40px; }
16338    #template--19420722397381__c_testimonials_swiper_dPNGdy .t-card__name{ font-size: 26px; }
16339    #template--19420722397381__c_testimonials_swiper_dPNGdy .t-swiper .swiper-slide{ width:82vw; opacity:1; }
16340    #template--19420722397381__c_testimonials_swiper_dPNGdy .t-card__media{ height:460px; }
16341    #template--19420722397381__c_testimonials_swiper_dPNGdy .swiper-slide-active .t-card__media, #template--19420722397381__c_testimonials_swiper_dPNGdy .t-swiper::after { height:460px; }
16342  }
16343</style>
16344
16345<section id="template--19420722397381__c_testimonials_swiper_dPNGdy" class="c-section">
16346  <div class="c-section__inner">
16347  <div class="t-wrap">
16348    
16349      <h2 class="t-title">Trusted By Leading Health & Wellness Experts</h2>
16350    
16351
16352    <div class="t-swiper swiper" id="t-swiper-template--19420722397381__c_testimonials_swiper_dPNGdy">
16353      <div class="swiper-wrapper">
16354        
16355          
16356          <div class="swiper-slide" >
16357            <div class="t-card">
16358              <div class="t-card__media">
16359                
16360                  <img
16361                    class="t-card__image"src="//apolloneuro.com/cdn/shop/files/dave-asprey-testimonial.png?v=1761913735&width=800"
16362                    alt="Dave Asprey"
16363                  >
16364                
16365                              </div>
16366
16367              <!-- Testimonial bubble for active card -->
16368              <div class="t-card__bubble" aria-label="“Vibration is a signal from the environment - the definition of  biohacking. It changes the environment around and inside of you so that  you have control of your own biology.”">
16369                <div class="t-card__stars">
16370                  
16371                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16372                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16373                    </svg>
16374                  
16375                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16376                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16377                    </svg>
16378                  
16379                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16380                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16381                    </svg>
16382                  
16383                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16384                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16385                    </svg>
16386                  
16387                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16388                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16389                    </svg>
16390                  
16391                </div>
16392                <p class="t-card__quote">“Vibration is a signal from the environment - the definition of  biohacking. It changes the environment around and inside of you so that  you have control of your own biology.”</p>
16393                <div>
16394                  <div class="t-card__role-bubble">Author and Biohacker</div>
16395                  <div class="t-card__name">Dave Asprey</div>
16396                  <div class="t-card__followers">1.3M Followers</div>
16397                </div>
16398              </div>
16399
16400              <!-- Meta info for non-active cards -->
16401              <div class="t-card__meta-bottom">
16402                <div class="t-card__role">Author and Biohacker</div>
16403                <div class="t-card__name">Dave Asprey</div>
16404                <div class="t-card__followers">1.3M Followers</div>
16405              </div>
16406            </div>
16407          </div>
16408        
16409          
16410          <div class="swiper-slide" >
16411            <div class="t-card">
16412              <div class="t-card__media">
16413                
16414                  <img
16415                    class="t-card__image"src="//apolloneuro.com/cdn/shop/files/kaisa-keranen-apollo-health-wellness-expert.jpg?v=1750703002&width=800"
16416                    alt="Kaisa Keranen"
16417                  >
16418                
16419                              </div>
16420
16421              <!-- Testimonial bubble for active card -->
16422              <div class="t-card__bubble" aria-label="“Apollo has a been an absolute game changer both for my mental and physical recovery. Apollo helps me wind down and actually relax. Plus my sleep has never been better. I’m so grateful to have found a device that positively impacts my health and wellness, which in turn has helped me take my performance to another level!”">
16423                <div class="t-card__stars">
16424                  
16425                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16426                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16427                    </svg>
16428                  
16429                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16430                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16431                    </svg>
16432                  
16433                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16434                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16435                    </svg>
16436                  
16437                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16438                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16439                    </svg>
16440                  
16441                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16442                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16443                    </svg>
16444                  
16445                </div>
16446                <p class="t-card__quote">“Apollo has a been an absolute game changer both for my mental and physical recovery. Apollo helps me wind down and actually relax. Plus my sleep has never been better. I’m so grateful to have found a device that positively impacts my health and wellness, which in turn has helped me take my performance to another level!”</p>
16447                <div>
16448                  <div class="t-card__role-bubble">Personal Trainer and Fitness Educator</div>
16449                  <div class="t-card__name">Kaisa Keranen</div>
16450                  <div class="t-card__followers">1M Followers</div>
16451                </div>
16452              </div>
16453
16454              <!-- Meta info for non-active cards -->
16455              <div class="t-card__meta-bottom">
16456                <div class="t-card__role">Personal Trainer and Fitness Educator</div>
16457                <div class="t-card__name">Kaisa Keranen</div>
16458                <div class="t-card__followers">1M Followers</div>
16459              </div>
16460            </div>
16461          </div>
16462        
16463          
16464          <div class="swiper-slide" >
16465            <div class="t-card">
16466              <div class="t-card__media">
16467                
16468                  <img
16469                    class="t-card__image"src="//apolloneuro.com/cdn/shop/files/jim-kwik-apollo-health-wellness-expert.jpg?v=1750703267&width=800"
16470                    alt="Jim Kwik"
16471                  >
16472                
16473                              </div>
16474
16475              <!-- Testimonial bubble for active card -->
16476              <div class="t-card__bubble" aria-label="“My life&#39;s work is about redrawing the borders and boundaries of what&#39;s possible. Apollo Neuro helps me train a little harder, focus a bit more, sleep better — and overall, approach my days with a little more patience and compassion to be a better version of myself.&quot;">
16477                <div class="t-card__stars">
16478                  
16479                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16480                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16481                    </svg>
16482                  
16483                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16484                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16485                    </svg>
16486                  
16487                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16488                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16489                    </svg>
16490                  
16491                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16492                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16493                    </svg>
16494                  
16495                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16496                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16497                    </svg>
16498                  
16499                </div>
16500                <p class="t-card__quote">
16500“My life's work is about redrawing the borders and boundaries of what's possible. Apollo Neuro helps me train a little harder, focus a bit more, sleep better — and overall, approach my days with a little more patience and compassion to be a better version of myself."</p>
16501                <div>
16502                  <div class="t-card__role-bubble">NYT Best Selling Author and Memory Trainer</div>
16503                  <div class="t-card__name">Jim Kwik</div>
16504                  <div class="t-card__followers">2.4M Followers</div>
16505                </div>
16506              </div>
16507
16508              <!-- Meta info for non-active cards -->
16509              <div class="t-card__meta-bottom">
16510                <div class="t-card__role">NYT Best Selling Author and Memory Trainer</div>
16511                <div class="t-card__name">Jim Kwik</div>
16512                <div class="t-card__followers">2.4M Followers</div>
16513              </div>
16514            </div>
16515          </div>
16516        
16517          
16518          <div class="swiper-slide" >
16519            <div class="t-card">
16520              <div class="t-card__media">
16521                
16522                  <img
16523                    class="t-card__image"src="//apolloneuro.com/cdn/shop/files/katie-wells-testimonial.png?v=1761913782&width=800"
16524                    alt="Katie Wells, CTNC, MCHC"
16525                  >
16526                
16527                              </div>
16528
16529              <!-- Testimonial bubble for active card -->
16530              <div class="t-card__bubble" aria-label="“Getting consistent, high-quality sleep is a priority and I find that the Apollo is a great tool to allow us a much better night&#39;s sleep.When I am really busy and feeling stressed out, Apollo calms my body and mind. My whole family is in love with Apollo!”">
16531                <div class="t-card__stars">
16532                  
16533                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16534                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16535                    </svg>
16536                  
16537                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16538                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16539                    </svg>
16540                  
16541                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16542                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16543                    </svg>
16544                  
16545                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16546                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16547                    </svg>
16548                  
16549                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16550                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16551                    </svg>
16552                  
16553                </div>
16554                <p class="t-card__quote">“Getting consistent, high-quality sleep is a priority and I find that the Apollo is a great tool to allow us a much better night's sleep.When I am really busy and feeling stressed out, Apollo calms my body and mind. My whole family is in love with Apollo!”</p>
16555                <div>
16556                  <div class="t-card__role-bubble">founder of wellness mama</div>
16557                  <div class="t-card__name">Katie Wells, CTNC, MCHC</div>
16558                  <div class="t-card__followers">255K followers</div>
16559                </div>
16560              </div>
16561
16562              <!-- Meta info for non-active cards -->
16563              <div class="t-card__meta-bottom">
16564                <div class="t-card__role">founder of wellness mama</div>
16565                <div class="t-card__name">Katie Wells, CTNC, MCHC</div>
16566                <div class="t-card__followers">255K followers</div>
16567              </div>
16568            </div>
16569          </div>
16570        
16571          
16572          <div class="swiper-slide" >
16573            <div class="t-card">
16574              <div class="t-card__media">
16575                
16576                  <img
16577                    class="t-card__image"src="//apolloneuro.com/cdn/shop/files/dr-gabrielle-lyon-apollo-health-wellness-expert.jpg?v=1750703350&width=800"
16578                    alt="Dr. Gabrielle Lyon, MD"
16579                  >
16580                
16581                              </div>
16582
16583              <!-- Testimonial bubble for active card -->
16584              <div class="t-card__bubble" aria-label="“The Apollo wearable helps me sleep better, stay calm and be more present. When I don&#39;t wear it I really feel the difference.”">
16585                <div class="t-card__stars">
16586                  
16587                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16588                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16589                    </svg>
16590                  
16591                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16592                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16593                    </svg>
16594                  
16595                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16596                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16597                    </svg>
16598                  
16599                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16600                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16601                    </svg>
16602                  
16603                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16604                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16605                    </svg>
16606                  
16607                </div>
16608                <p class="t-card__quote">“The Apollo wearable helps me sleep better, stay calm and be more present. When I don't wear it I really feel the difference.”</p>
16609                <div>
16610                  <div class="t-card__role-bubble">functional medicine practitioner, author and podcaster</div>
16611                  <div class="t-card__name">Dr. Gabrielle Lyon, MD</div>
16612                  <div class="t-card__followers">1.2m followers</div>
16613                </div>
16614              </div>
16615
16616              <!-- Meta info for non-active cards -->
16617              <div class="t-card__meta-bottom">
16618                <div class="t-card__role">functional medicine practitioner, author and podcaster</div>
16619                <div class="t-card__name">Dr. Gabrielle Lyon, MD</div>
16620                <div class="t-card__followers">1.2m followers</div>
16621              </div>
16622            </div>
16623          </div>
16624        
16625          
16626          <div class="swiper-slide" >
16627            <div class="t-card">
16628              <div class="t-card__media">
16629                
16630                  <img
16631                    class="t-card__image"src="//apolloneuro.com/cdn/shop/files/ben-greenfield-apollo-health-wellness-expert.jpg?v=1750703394&width=800"
16632                    alt="Ben Greenfield"
16633                  >
16634                
16635                              </div>
16636
16637              <!-- Testimonial bubble for active card -->
16638              <div class="t-card__bubble" aria-label="“The Apollo is the most unique wearable I’ve ever discovered. I use Social for parties, Unwind for naps, and Sleep for a deep night of restorative sleep. It’s an indispensable and safe tool for anyone who wants a bit of better living through science.”">
16639                <div class="t-card__stars">
16640                  
16641                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16642                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16643                    </svg>
16644                  
16645                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16646                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16647                    </svg>
16648                  
16649                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16650                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16651                    </svg>
16652                  
16653                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16654                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16655                    </svg>
16656                  
16657                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16658                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16659                    </svg>
16660                  
16661                </div>
16662                <p class="t-card__quote">“The Apollo is the most unique wearable I’ve ever discovered. I use Social for parties, Unwind for naps, and Sleep for a deep night of restorative sleep. It’s an indispensable and safe tool for anyone who wants a bit of better living through science.”</p>
16663                <div>
16664                  <div class="t-card__role-bubble">author, ironman triathlete, fitness & nutrition expert</div>
16665                  <div class="t-card__name">Ben Greenfield</div>
16666                  <div class="t-card__followers">454k followers</div>
16667                </div>
16668              </div>
16669
16670              <!-- Meta info for non-active cards -->
16671              <div class="t-card__meta-bottom">
16672                <div class="t-card__role">author, ironman triathlete, fitness & nutrition expert</div>
16673                <div class="t-card__name">Ben Greenfield</div>
16674                <div class="t-card__followers">454k followers</div>
16675              </div>
16676            </div>
16677          </div>
16678        
16679          
16680          <div class="swiper-slide" >
16681            <div class="t-card">
16682              <div class="t-card__media">
16683                
16684                  <img
16685                    class="t-card__image"src="//apolloneuro.com/cdn/shop/files/don-saladino-testimonial.png?v=1761915302&width=800"
16686                    alt="Don Saladino"
16687                  >
16688                
16689                              </div>
16690
16691              <!-- Testimonial bubble for active card -->
16692              <div class="t-card__bubble" aria-label="“It’s mind-blowing how vibration can enable me to relax quickly, resulting in better sleep and improved HRV. I feel great and sleep better anytime I use my Apollo.”">
16693                <div class="t-card__stars">
16694                  
16695                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16696                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16697                    </svg>
16698                  
16699                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16700                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16701                    </svg>
16702                  
16703                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16704                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16705                    </svg>
16706                  
16707                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16708                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16709                    </svg>
16710                  
16711                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16712                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16713                    </svg>
16714                  
16715                </div>
16716                <p class="t-card__quote">“It’s mind-blowing how vibration can enable me to relax quickly, resulting in better sleep and improved HRV. I feel great and sleep better anytime I use my Apollo.”</p>
16717                <div>
16718                  <div class="t-card__role-bubble">Celebrity fitness trainer and health entrepreneur</div>
16719                  <div class="t-card__name">Don Saladino</div>
16720                  <div class="t-card__followers">430K Followers</div>
16721                </div>
16722              </div>
16723
16724              <!-- Meta info for non-active cards -->
16725              <div class="t-card__meta-bottom">
16726                <div class="t-card__role">Celebrity fitness trainer and health entrepreneur</div>
16727                <div class="t-card__name">Don Saladino</div>
16728                <div class="t-card__followers">430K Followers</div>
16729              </div>
16730            </div>
16731          </div>
16732        
16733          
16734          <div class="swiper-slide" >
16735            <div class="t-card">
16736              <div class="t-card__media">
16737                
16738                  <img
16739                    class="t-card__image"src="//apolloneuro.com/cdn/shop/files/dr-stephanie-estima-apollo-health-wellness-expert.jpg?v=1750703296&width=800"
16740                    alt="Dr. Stephanie Estima, DC"
16741                  >
16742                
16743                              </div>
16744
16745              <!-- Testimonial bubble for active card -->
16746              <div class="t-card__bubble" aria-label="“It&#39;s been an effortless way to improve my sleep scores, my recovery and my HRV.”">
16747                <div class="t-card__stars">
16748                  
16749                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16750                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16751                    </svg>
16752                  
16753                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16754                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16755                    </svg>
16756                  
16757                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16758                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16759                    </svg>
16760                  
16761                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16762                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16763                    </svg>
16764                  
16765                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16766                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16767                    </svg>
16768                  
16769                </div>
16770                <p class="t-card__quote">“It's been an effortless way to improve my sleep scores, my recovery and my HRV.”</p>
16771                <div>
16772                  <div class="t-card__role-bubble">women’s health expert and podcast hoster</div>
16773                  <div class="t-card__name">Dr. Stephanie Estima, DC</div>
16774                  <div class="t-card__followers">144K followers</div>
16775                </div>
16776              </div>
16777
16778              <!-- Meta info for non-active cards -->
16779              <div class="t-card__meta-bottom">
16780                <div class="t-card__role">women’s health expert and podcast hoster</div>
16781                <div class="t-card__name">Dr. Stephanie Estima, DC</div>
16782                <div class="t-card__followers">144K followers</div>
16783              </div>
16784            </div>
16785          </div>
16786        
16787          
16788          <div class="swiper-slide" >
16789           
16789 <div class="t-card">
16790              <div class="t-card__media">
16791                
16792                  <img
16793                    class="t-card__image"src="//apolloneuro.com/cdn/shop/files/dr-mark-testimonial.png?v=1761917981&width=800"
16794                    alt="Dr. Mark Hyman, MD"
16795                  >
16796                
16797                              </div>
16798
16799              <!-- Testimonial bubble for active card -->
16800              <div class="t-card__bubble" aria-label="“I&#39;m always looking for new ways to reimagine health — primarily how we care for our mental and physical health. The Apollo wearable revolutionizes how we approach our health, actively improving sleep, cardiovascular metrics, focus, and more — and it&#39;s completely effortless for the user. Most importantly to me, it&#39;s making people feel good again. It&#39;s a fascinating mix of cutting-edge technology and ancient health knowledge.”">
16801                <div class="t-card__stars">
16802                  
16803                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16804                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16805                    </svg>
16806                  
16807                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16808                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16809                    </svg>
16810                  
16811                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16812                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16813                    </svg>
16814                  
16815                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16816                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16817                    </svg>
16818                  
16819                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16820                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16821                    </svg>
16822                  
16823                </div>
16824                <p class="t-card__quote">“I'm always looking for new ways to reimagine health — primarily how we care for our mental and physical health. The Apollo wearable revolutionizes how we approach our health, actively improving sleep, cardiovascular metrics, focus, and more — and it's completely effortless for the user. Most importantly to me, it's making people feel good again. It's a fascinating mix of cutting-edge technology and ancient health knowledge.”</p>
16825                <div>
16826                  <div class="t-card__role-bubble">Leader in Health Revolution Industry, physician and author</div>
16827                  <div class="t-card__name">Dr. Mark Hyman, MD</div>
16828                  <div class="t-card__followers">3.7M followers</div>
16829                </div>
16830              </div>
16831
16832              <!-- Meta info for non-active cards -->
16833              <div class="t-card__meta-bottom">
16834                <div class="t-card__role">Leader in Health Revolution Industry, physician and author</div>
16835                <div class="t-card__name">Dr. Mark Hyman, MD</div>
16836                <div class="t-card__followers">3.7M followers</div>
16837              </div>
16838            </div>
16839          </div>
16840        
16841          
16842          <div class="swiper-slide" >
16843            <div class="t-card">
16844              <div class="t-card__media">
16845                
16846                  <img
16847                    class="t-card__image"src="//apolloneuro.com/cdn/shop/files/dr-michael-gervais-apollo-health-wellness-expert.jpg?v=1750703667&width=800"
16848                    alt="Dr. Michael Gervais, PhD"
16849                  >
16850                
16851                              </div>
16852
16853              <!-- Testimonial bubble for active card -->
16854              <div class="t-card__bubble" aria-label="“The Apollo wearable is a go-to tool for anyone looking to make meaningful changes in their personal life, career, as an athlete, or wanting to show up a little better. By utilizing the power of touch, Apollo trains your nervous system to cope with stress better over time – so you can access your most optimal state more often. Apollo is a reminder that we&#39;re incredibly capable of healing and showing up as our most authentic selves when we feel safe.”">
16855                <div class="t-card__stars">
16856                  
16857                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16858                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16859                    </svg>
16860                  
16861                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16862                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16863                    </svg>
16864                  
16865                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16866                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16867                    </svg>
16868                  
16869                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16870                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16871                    </svg>
16872                  
16873                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16874                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16875                    </svg>
16876                  
16877                </div>
16878                <p class="t-card__quote">“The Apollo wearable is a go-to tool for anyone looking to make meaningful changes in their personal life, career, as an athlete, or wanting to show up a little better. By utilizing the power of touch, Apollo trains your nervous system to cope with stress better over time – so you can access your most optimal state more often. Apollo is a reminder that we're incredibly capable of healing and showing up as our most authentic selves when we feel safe.”</p>
16879                <div>
16880                  <div class="t-card__role-bubble">High Performance Psychologist and Host of Finding Mastery Podcast</
16880div>
16881                  <div class="t-card__name">Dr. Michael Gervais, PhD</div>
16882                  <div class="t-card__followers">220K followers</div>
16883                </div>
16884              </div>
16885
16886              <!-- Meta info for non-active cards -->
16887              <div class="t-card__meta-bottom">
16888                <div class="t-card__role">High Performance Psychologist and Host of Finding Mastery Podcast</div>
16889                <div class="t-card__name">Dr. Michael Gervais, PhD</div>
16890                <div class="t-card__followers">220K followers</div>
16891              </div>
16892            </div>
16893          </div>
16894        
16895          
16896          <div class="swiper-slide" >
16897            <div class="t-card">
16898              <div class="t-card__media">
16899                
16900                  <img
16901                    class="t-card__image"src="//apolloneuro.com/cdn/shop/files/dr-josh-axe-testimonial.png?v=1761917981&width=800"
16902                    alt="Dr. Josh Axe, DC, DNM, CNS"
16903                  >
16904                
16905                              </div>
16906
16907              <!-- Testimonial bubble for active card -->
16908              <div class="t-card__bubble" aria-label="“I rarely find something I&#39;m 100% in on, but that&#39;s the Apollo wearable. It is paramount in finding inner balance, allowing people to get out of a stress response and into a mindset where they can make healthier decisions. It is an effective tool for everyone — from individuals suffering with their health to the healthiest people I know, Apollo helps unlock a new level of feeling better, and that&#39;s what I care about most.”">
16909                <div class="t-card__stars">
16910                  
16911                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16912                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16913                    </svg>
16914                  
16915                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16916                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16917                    </svg>
16918                  
16919                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16920                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16921                    </svg>
16922                  
16923                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16924                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16925                    </svg>
16926                  
16927                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16928                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16929                    </svg>
16930                  
16931                </div>
16932                <p class="t-card__quote">“I rarely find something I'm 100% in on, but that's the Apollo wearable. It is paramount in finding inner balance, allowing people to get out of a stress response and into a mindset where they can make healthier decisions. It is an effective tool for everyone — from individuals suffering with their health to the healthiest people I know, Apollo helps unlock a new level of feeling better, and that's what I care about most.”</p>
16933                <div>
16934                  <div class="t-card__role-bubble">Doctor of Chiropractic, Certified Doctor of Natural Medicine and Clinical Nutritionist</div>
16935                  <div class="t-card__name">Dr. Josh Axe, DC, DNM, CNS</div>
16936                  <div class="t-card__followers">1.5m followers</div>
16937                </div>
16938              </div>
16939
16940              <!-- Meta info for non-active cards -->
16941              <div class="t-card__meta-bottom">
16942                <div class="t-card__role">Doctor of Chiropractic, Certified Doctor of Natural Medicine and Clinical Nutritionist</div>
16943                <div class="t-card__name">Dr. Josh Axe, DC, DNM, CNS</div>
16944                <div class="t-card__followers">1.5m followers</div>
16945              </div>
16946            </div>
16947          </div>
16948        
16949          
16950          <div class="swiper-slide" >
16951            <div class="t-card">
16952              <div class="t-card__media">
16953                
16954                  <img
16955                    class="t-card__image"src="//apolloneuro.com/cdn/shop/files/dr-halland-chen-apollo-health-wellness-expert.jpg?v=1750703445&width=800"
16956                    alt="Dr. Halland Chen, MD"
16957                  >
16958                
16959                              </div>
16960
16961              <!-- Testimonial bubble for active card -->
16962              <div class="t-card__bubble" aria-label="“My days as an MD are endless. The Apollo wearable is like my secret sidekick. It’s my top choice for shaking off stress, getting my brain back on track quickly - anything that helps create more efficiency in my life is amazing.&quot;">
16963                <div class="t-card__stars">
16964                  
16965                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16966                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16967                    </svg>
16968                  
16969                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16970                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16971                    </svg>
16972                  
16973                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16974                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16975                    </svg>
16976                  
16977                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16978                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16979                    </svg>
16980                  
16981                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
16982                      <path d="M12 .587l3.668 7.568L24 9.748l-6 5.847 1.416 8.267L12 19.771l-7.416 4.091L6 15.595 0 9.748l8.332-1.593z"/>
16983                    </svg>
16984                  
16985                </div>
16986                <p class="t-card__quote">“My days as an MD are endless. The Apollo wearable is like my secret sidekick. It’s my top choice for shaking off stress, getting my brain back on track quickly - anything that helps create more efficiency in my life is amazing."</p>
16987                <div>
16988                  <div class="t-card__role-bubble">Double Board Certified Physician</div>
16989                  <div class="t-card__name">Dr. Halland Chen, MD</div>
16990                  <div class="t-card__followers">32K followers</div>
16991                </div>
16992              </div>
16993
16994              <!-- Meta info for non-active cards -->
16995              <div class="t-card__meta-bottom">
16996                <div class="t-card__role">Double Board Certified Physician</div>
16997                <div class="t-card__name">Dr. Halland Chen, MD</div>
16998                <div class="t-card__followers">32K followers</div>
16999              </div>
17000            </div>
17001          </div>
17002        
17003      </div>
17004    </div>
17005
17006    <div class="t-nav">
17007      <button class="t-btn t-prev" aria-label="Previous">
17008        <svg xmlns="http://www.w3.org/2000/svg" width="17" height="12" viewBox="0 0 17 12" fill="none">
17009          <path d="M15.75 4.77295C16.1642 4.77295 16.5 5.10874 16.5 5.52295C16.5 5.93716 16.1642 6.27295 15.75 6.27295V5.52295V4.77295ZM0.219669 6.05328C-0.0732241 5.76039 -0.0732241 5.28551 0.219669 4.99262L4.99264 0.219648C5.28553 -0.073245 5.76041 -0.073245 6.0533 0.219648C6.34619 0.512542 6.34619 0.987415 6.0533 1.28031L1.81066 5.52295L6.0533 9.76559C6.34619 10.0585 6.34619 10.5334 6.0533 10.8263C5.76041 11.1191 5.28553 11.1191 4.99264 10.8263L0.219669 6.05328ZM15.75 5.52295V6.27295H0.749999V5.52295V4.77295H15.75V5.52295Z" fill="#181E21"/>
17010        </svg>
17011      </button>
17012      <button class="t-btn t-next" aria-label="Next">
17013        <svg xmlns="http://www.w3.org/2000/svg" width="17" height="12" viewBox="0 0 17 12" fill="none">
17014          <path d="M0.75 4.77295C0.335786 4.77295 0 5.10874 0 5.52295C0 5.93716 0.335786 6.27295 0.75 6.27295V5.52295V4.77295ZM16.2803 6.05328C16.5732 5.76039 16.5732 5.28551 16.2803 4.99262L11.5074 0.219648C11.2145 -0.073245 10.7396 -0.073245 10.4467 0.219648C10.1538 0.512542 10.1538 0.987415 10.4467 1.28031L14.6893 5.52295L10.4467 9.76559C10.1538 10.0585 10.1538 10.5334 10.4467 10.8263C10.7396 11.1191 11.2145 11.1191 11.5074 10.8263L16.2803 6.05328ZM0.75 5.52295V6.27295H15.75V5.52295V4.77295H0.75V5.52295Z" fill="#E3E6E5"/>
17015        </svg>
17016      </button>
17017    </div>
17018  </div>
17019  </div>
17020</section>
17021
17022<script>
17023(function () {
17024  const sid = 'template--19420722397381__c_testimonials_swiper_dPNGdy';
17025  const host = document.getElementById('t-swiper-' + sid);
17026  if (!host) return;
17027
17028  // Play/pause videos
17029  function syncMedia(sw) {
17030    (sw.slides || []).forEach((sl) => {
17031      const v = sl.querySelector('.t-card__video');
17032      if (!v) return;
17033      if (sl.classList.contains('swiper-slide-active')) {
17034        v.muted = true;
17035        v.playsInline = true;
17036        v.play().catch(() => {});
17037      } else {
17038        try { v.pause(); } catch (_) {}
17039      }
17040    });
17041  }
17042
17043  function init() {
17044    if (!window.Swiper) return false;
17045    const slides = host.querySelectorAll('.swiper-slide');
17046
17047    const sw = new Swiper(host, {
17048      slidesPerView: 'auto',
17049      centeredSlides: true,
17050      spaceBetween: 24,
17051      grabCursor: true,
17052      watchSlidesProgress: true,
17053      loop: true,
17054      slideToClickedSlide: true,
17055      navigation: { nextEl: '#' + sid + ' .t-next', prevEl: '#' + sid + ' .t-prev' },
17056      speed: 400,
17057      initialSlide: 1,
17058      autoplay: {
17059        delay: 5000,
17060        disableOnInteraction: false,
17061        pauseOnMouseEnter: true,
17062      },
17063      on: {
17064        init() { syncMedia(this); },
17065        slideChangeTransitionEnd() { syncMedia(this); },
17066      },
17067    });
17068
17069    host.querySelector('.swiper-wrapper').style.alignItems = 'center';
17070
17071    // ❌ REMOVE the manual click binding:
17072    // slides.forEach((slide, index) => {
17073    //   slide.addEventListener('click', (e) => {
17074    //     if (sw.isDragging) return;
17075    //     if (slide.classList.contains('swiper-slide-active')) return;
17076    //     sw.slideToLoop(index, 400);
17077    //   });
17078    // });
17079
17080    window.addEventListener('resize', () => {
17081      if (window.innerWidth >= 978) sw.update();
17082    });
17083
17084    return true;
17085  }
17086
17087  // Initialise once the section nears the viewport, and only after the deferred
17088  // Swiper bundle has loaded. This replaces a setInterval that re-tried init()
17089  // every 150 ms for up to 3 s because the bundle did not exist yet.
17090  (window.onceVisible || function (_, cb) { cb(); })(host, function () {
17091    (window.swiperReady || Promise.resolve()).then(init);
17092  });
17093  })();
17094</script>
17094
17095
17096
17097
17098</div><div id="shopify-section-template--19420722397381__c_intro_kBwnwL" class="shopify-section">
17099
17100
17101
17102<style data-shopify>
17103#template--19420722397381__c_intro_kBwnwL {
17104  position: relative;
17105  overflow: hidden;
17106  background-color: #F9F7F3;
17107  color: #181E21;
17108  display: flex;
17109}
17110
17111#template--19420722397381__c_intro_kBwnwL .intro-wrap {
17112  position: relative;
17113  width: 100%;
17114  height: 710px;
17115  padding: 64px;
17116  flex-direction: column;
17117  align-items: center;
17118  gap: 80px;
17119}
17120
17121#template--19420722397381__c_intro_kBwnwL .intro-bg {
17122  position: absolute;
17123  inset: 0;
17124  z-index: 0;
17125  overflow: hidden;
17126}
17127#template--19420722397381__c_intro_kBwnwL .intro-bg video,
17128#template--19420722397381__c_intro_kBwnwL .intro-bg img {
17129  width: 100%;
17130  height: 100%;
17131  object-fit: cover;
17132}
17133
17134#template--19420722397381__c_intro_kBwnwL .intro-bg::after {
17135  content: "";
17136  position: absolute;
17137  inset: 0;
17138  background: linear-gradient(180deg, rgba(0,0,0,0.0) 20%, rgba(0,0,0,0.55) 90%);
17139  z-index: 1;
17140}
17141
17142#template--19420722397381__c_intro_kBwnwL .intro-content {
17143  position: relative;
17144  z-index: 3;
17145  height: 100%;
17146  color: #fff;
17147  opacity: 1;
17148  transition: opacity .5s ease;
17149  display: flex;
17150  flex-direction: column;
17151  justify-content: space-between;
17152  align-items: flex-start;
17153  flex: 1 0 0;
17154  align-self: stretch;
17155  max-width: var(--c-section-max-width, 1440px);
17156  margin: 0 auto;
17157  width: 100%;
17158}
17159
17160#template--19420722397381__c_intro_kBwnwL.c-section--full-width .intro-content {
17161  max-width: none;
17162}
17163
17164#template--19420722397381__c_intro_kBwnwL.is-playing .intro-content {
17165  opacity: 0;
17166  pointer-events: none;
17167}
17168
17169#template--19420722397381__c_intro_kBwnwL .intro-content__header {
17170  display: flex;
17171  flex-direction: column;
17172  gap: 42px;
17173}
17174
17175#template--19420722397381__c_intro_kBwnwL .intro-title > h2 {
17176  color: var(--Neutral-Darker-Gray, #FFFFFF);
17177  font-family: "Founders Grotesk";
17178  font-size: 64px;
17179  font-style: normal;
17180  font-weight: 400;
17181  line-height: 120%;
17182  margin: 0;
17183}
17184
17185#template--19420722397381__c_intro_kBwnwL .intro-btn {
17186  display: flex;
17187  padding: 8px 12px !important;
17188  align-items: center;
17189  gap: 14px;
17190  border-radius: 100px;
17191  background: rgba(96, 102, 100, 0.39);
17192  transition: background .25s ease;
17193  cursor: pointer;
17194  border: none;
17195  width: fit-content;
17196  color: var(--Neutral-Lightest-Gray, #E3E6E5);
17197  font-size: 24px;
17198  font-weight: 700;
17199  line-height: 120%;
17200  font-family: var(--body-family) !important;
17201}
17202#template--19420722397381__c_intro_kBwnwL .intro-btn:hover {
17203  background: rgba(255,255,255,0.35);
17204}
17205
17206#template--19420722397381__c_intro_kBwnwL .intro-btn svg {
17207  width: 26px;
17208  height: 26px;
17209  flex-shrink: 0;
17210}
17211
17212/* === Features === */
17213#template--19420722397381__c_intro_kBwnwL .intro-features {
17214  display: flex;
17215  flex-direction: column;
17216  gap: 18px;
17217}
17218
17219#template--19420722397381__c_intro_kBwnwL .feature {
17220  border-left: 1px solid #fff;
17221  padding-left: 12px;
17222  transition: all .3s ease;
17223  cursor: pointer;
17224  overflow: hidden;
17225}
17226
17227#template--19420722397381__c_intro_kBwnwL .feature-title {
17228  color: #FFF;
17229  font-family: "Founders Grotesk";
17230  font-size: 24px;
17231  font-weight: 500;
17232  line-height: 120%;
17233  text-transform: capitalize;
17234  transition: font-size .3s ease, font-weight .3s ease;
17235}
17236
17237#template--19420722397381__c_intro_kBwnwL .feature-text {
17238  display: none;
17239  opacity: 0;
17240  transform: translateY(-4px);
17241  transition: opacity .3s ease, transform .3s ease;
17242}
17243
17244#template--19420722397381__c_intro_kBwnwL .feature-text > p {
17245  font-family: var(--body-family) !important;
17246  color: rgba(255,255,255,1);
17247  font-size: 16px;
17248  line-height: 120%;
17249  margin: 0;
17250}
17251
17252/* === .is-open State === */
17253#template--19420722397381__c_intro_kBwnwL .feature.is-open {
17254  border-left-width: 3px;
17255  padding-left: 16px;
17256}
17257#template--19420722397381__c_intro_kBwnwL .feature.is-open .feature-title {
17258  font-size: 32px;
17259  font-weight: 500;
17260}
17261#template--19420722397381__c_intro_kBwnwL .feature.is-open .feature-text {
17262  display: block;
17263  opacity: 1;
17264  transform: translateY(0);
17265}
17266
17267/* ===== VIDEO CONTAINER ===== */
17268#template--19420722397381__c_intro_kBwnwL .intro-video-container {
17269  position: fixed;
17270  inset: 0;
17271  z-index: 1000;
17272  display: flex;
17273  align-items: center;
17274  justify-content: center;
17275  background: rgba(0, 0, 0, 0.95);
17276  opacity: 0;
17277  pointer-events: none;
17278  transition: opacity .5s ease;
17279  padding: 20px;
17280}
17281#template--19420722397381__c_intro_kBwnwL.is-playing .intro-video-container {
17282  opacity: 1;
17283  pointer-events: auto;
17284}
17285
17286#template--19420722397381__c_intro_kBwnwL .intro-video {
17287  width: 100%;
17288  max-width: 1200px;
17289  height: auto;
17290  aspect-ratio: 16 / 9;
17291  object-fit: contain;
17292  border-radius: 8px;
17293  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
17294}
17295
17296#template--19420722397381__c_intro_kBwnwL .intro-video iframe,
17297#template--19420722397381__c_intro_kBwnwL .intro-video video {
17298  width: 100%;
17299  height: 100%;
17300  border-radius: 8px;
17301}
17302
17303/* Mobile player */
17304@media (max-width: 768px){
17305  #template--19420722397381__c_intro_kBwnwL .intro-video-container { 
17306    padding: 12px;
17307  }
17308  #template--19420722397381__c_intro_kBwnwL .intro-wrap { padding: 64px 20px; }
17309  #template--19420722397381__c_intro_kBwnwL .intro-video { 
17310    max-width: 100%;
17311    border-radius: 4px;
17312  }
17313  #template--19420722397381__c_intro_kBwnwL .intro-btn { font-size: 18px; }
17314  #template--19420722397381__c_intro_kBwnwL .video-close { top: 8px; right: 8px; }
17315  #template--19420722397381__c_intro_kBwnwL .intro-title > h2 { font-size: 40px; }
17316}
17317
17318#template--19420722397381__c_intro_kBwnwL .video-close {
17319  position: absolute;
17320  top: 24px;
17321  right: 24px;
17322  width: 48px;
17323  height: 48px;
17324  border-radius: 999px;
17325  background: rgba(255,255,255,0.15);
17326  backdrop-filter: blur(10px);
17327  border: 1px solid rgba(255,255,255,0.2);
17328  display: flex;
17329  align-items: center;
17330  justify-content: center;
17331  cursor: pointer;
17332  z-index: 1001;
17333  padding: 0 !important;
17334  font-size: 24px;
17335  color: #fff;
17336  transition: all 0.3s ease;
17337}
17338#template--19420722397381__c_intro_kBwnwL .video-close:hover { 
17339  background: rgba(255,255,255,0.3);
17340  transform: scale(1.05);
17341}
17342
17343/* Click outside to close */
17344#template--19420722397381__c_intro_kBwnwL .intro-video-overlay {
17345  position: absolute;
17346  inset: 0;
17347  z-index: 999;
17348  cursor: pointer;
17349}
17350</style>
17351
17352<section id="template--19420722397381__c_intro_kBwnwL" class="c-section c-intro">
17353  <div class="intro-wrap">
17354
17355    <!-- Background Image -->
17356    <div class="intro-bg">
17357      
17358<video
17359    class="c-video"
17360    playsinline
17361    preload="none" data-autoplay muted
17362    loop
17363    
17364
17365 poster="//apolloneuro.com/cdn/shop/files/preview_images/66d3768cfcc74011a26d5ad8e8b11bd2.thumbnail.0000000000.jpg?v=1762441665&width=720"
17366 width="1920" height="1080"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/66d3768cfcc74011a26d5ad8e8b11bd2/66d3768cfcc74011a26d5ad8e8b11bd2.HD-720p-1.6Mbps-61839456.mp4?v=0" type="video/mp4"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/66d3768cfcc74011a26d5ad8e8b11bd2/66d3768cfcc74011a26d5ad8e8b11bd2.HD-1080p-2.5Mbps-61839456.mp4?v=0" type="video/mp4"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/66d3768cfcc74011a26d5ad8e8b11bd2/66d3768cfcc74011a26d5ad8e8b11bd2.m3u8?v=0" type="application/x-mpegURL"><img
17367        src="//apolloneuro.com/cdn/shop/files/preview_images/66d3768cfcc74011a26d5ad8e8b11bd2.thumbnail.0000000000.jpg?v=1762441665&width=720"
17368        alt=""
17369        width="720"
17370        height="405"
17371        loading="lazy"></video>
17372    </div>
17373
17374    <!-- Content -->
17375    <div class="intro-content">
17376      <div class="intro-content__header">
17377        
17378          <div class="intro-title"><h2>Meet Apollo.<br/>The Science of Feeling Better.</h2></div>
17379        
17380
17381        
17382          <button type="button" class="intro-btn js-play-video" data-video="template--19420722397381__c_intro_kBwnwL">
17383            <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
17384              <path d="M13 0C10.4288 0 7.91543 0.762437 5.77759 2.1909C3.63975 3.61935 1.97351 5.64968 0.989572 8.02512C0.0056327 10.4006 -0.251811 13.0144 0.249797 15.5362C0.751405 18.0579 1.98953 20.3743 3.80762 22.1924C5.6257 24.0105 7.94208 25.2486 10.4638 25.7502C12.9856 26.2518 15.5995 25.9944 17.9749 25.0104C20.3503 24.0265 22.3807 22.3603 23.8091 20.2224C25.2376 18.0846 26 15.5712 26 13C25.9964 9.5533 24.6256 6.24882 22.1884 3.81163C19.7512 1.37445 16.4467 0.00363977 13 0ZM18.0688 13.8225L11.5688 18.3225C11.4187 18.4263 11.2431 18.487 11.061 18.4981C10.8789 18.5093 10.6972 18.4704 10.5357 18.3856C10.3741 18.3009 10.2388 18.1736 10.1443 18.0175C10.0499 17.8614 10 17.6824 10 17.5V8.5C10 8.31756 10.0499 8.1386 10.1443 7.98249C10.2388 7.82638 10.3741 7.69907 10.5357 7.61436C10.6972 7.52964 10.8789 7.49074 11.061 7.50187C11.2431 7.513 11.4187 7.57374 11.5688 7.6775L18.0688 12.1775C18.2018 12.2695 18.3105 12.3924 18.3856 12.5357C18.4608 12.6789 18.5 12.8382 18.5 13C18.5 13.1618 18.4608 13.3211 18.3856 13.4643C18.3105 13.6076 18.2018 13.7305 18.0688 13.8225Z" fill="#E3E6E5"/>
17385            </svg>
17386            Watch the Apollo Neuro Film
17387          </button>
17388        
17389      </div>
17390
17391      
17392        <div class="intro-features">
17393          
17394            <div class="feature is-open" >
17395              <div class="feature-title">Sleep You Can Count On</div>
17396              
17397                <div class="feature-text"><p>Fall asleep faster, stay asleep longer, and </p><p>wake up more refreshed.</p></div>
17398              
17399            </div>
17400          
17401            <div class="feature" >
17402              <div class="feature-title">Calm That Lasts</div>
17403              
17404                <div class="feature-text"><p>Ease your mind and body with soothing </p><p>vibrations that help you unwind anytime, anywhere.</p></div>
17405              
17406            </div>
17407          
17408            <div class="feature" >
17409              <div class="feature-title">Science You Can Feel</div>
17410              
17411                <div class="feature-text"><p>Developed by neuroscientists and proven </p><p>in clinical studies to balance your nervous system naturally.</p></div>
17412              
17413            </div>
17414          
17415            <div class="feature" >
17416              <div class="feature-title">Effortless Integration</div>
17417              
17418                <div class="feature-text"><p>Wear it on your wrist, clip it to your clothing, and let it work quietly in the background.</p></div>
17419              
17420            </div>
17421          
17422        </div>
17423      
17424    </div>
17425
17426    <!-- Hidden Video Player -->
17427    
17428      <div class="intro-video-container" id="intro-video-wrap-template--19420722397381__c_intro_kBwnwL">
17429        <div class="intro-video-overlay js-close-video" data-video="template--19420722397381__c_intro_kBwnwL"></div>
17430        <button class="video-close js-close-video" data-video="template--19420722397381__c_intro_kBwnwL" aria-label="Close video">✕</button>
17431        <div id="intro-video-template--19420722397381__c_intro_kBwnwL" class="intro-video"><video
17432    
17433    playsinline
17434    preload="none"
17435    
17436    controls
17437
17438 poster="//apolloneuro.com/cdn/shop/files/preview_images/66d3768cfcc74011a26d5ad8e8b11bd2.thumbnail.0000000000.jpg?v=1762441665&width=720"
17439 width="1920" height="1080"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/66d3768cfcc74011a26d5ad8e8b11bd2/66d3768cfcc74011a26d5ad8e8b11bd2.HD-1080p-2.5Mbps-61839456.mp4?v=0" type="video/mp4"><source src="//apolloneuro.com/cdn/shop/videos/c/vp/66d3768cfcc74011a26d5ad8e8b11bd2/66d3768cfcc74011a26d5ad8e8b11bd2.m3u8?v=0" type="application/x-mpegURL"><img
17440        src="//apolloneuro.com/cdn/shop/files/preview_images/66d3768cfcc74011a26d5ad8e8b11bd2.thumbnail.0000000000.jpg?v=1762441665&width=720"
17441        alt=""
17442        width="720"
17443        height="405"
17444        loading="lazy"></video></div>
17445      </div>
17446    
17447
17448  </div>
17449</section>
17450
17451<script>
17452document.addEventListener("DOMContentLoaded", () => {
17453  // Video play
17454  document.querySelectorAll(".js-play-video").forEach(btn => {
17455    btn.addEventListener("click", () => {
17456      const sid = btn.dataset.video;
17457      const section = document.getElementById(sid);
17458      const videoContainer = document.getElementById(`intro-video-${sid}`);
17459      if (!section || !videoContainer) return;
17460      
17461      section.classList.add("is-playing");
17462      
17463      // Try to play if it's an HTML5 video
17464      const video = videoContainer.querySelector('video');
17465      if (video) {
17466        video.currentTime = 0;
17467        video.play().catch(()=>{});
17468      }
17469      
17470      // For YouTube/Vimeo iframes, add autoplay parameter
17471      const iframe = videoContainer.querySelector('iframe');
17472      if (iframe) {
17473        const src = iframe.src;
17474        if (src && !src.includes('autoplay=1')) {
17475          iframe.src = src + (src.includes('?') ? '&' : '?') + 'autoplay=1';
17476        }
17477      }
17478    });
17479  });
17480
17481  // Video close
17482  document.querySelectorAll(".js-close-video").forEach(btn => {
17483    btn.addEventListener("click", () => {
17484      const sid = btn.dataset.video;
17485      const section = document.getElementById(sid);
17486      const videoContainer = document.getElementById(`intro-video-${sid}`);
17487      if (!section || !videoContainer) return;
17488      
17489      section.classList.remove("is-playing");
17490      
17491      // Try to pause if it's an HTML5 video
17492      const video = videoContainer.querySelector('video');
17493      if (video) {
17494        video.pause();
17495      }
17496      
17497      // For YouTube/Vimeo iframes, reload to stop
17498      const iframe = videoContainer.querySelector('iframe');
17499      if (iframe) {
17500        const src = iframe.src.replace(/[?&]autoplay=1/, '');
17501        iframe.src = src;
17502      }
17503    });
17504  });
17505
17506  // Feature toggle
17507  const sectionEl = document.querySelector("#template--19420722397381__c_intro_kBwnwL");
17508  if (!sectionEl) return;
17509  const features = sectionEl.querySelectorAll(".feature");
17510  
17511  let autoRotateInterval = null;
17512  let currentIndex = 0;
17513  const ROTATION_DELAY = 4000; // 4 seconds
17514
17515  // Function to open a specific feature
17516  function openFeature(index) {
17517    features.forEach((f, i) => {
17518      if (i === index) {
17519        f.classList.add("is-open");
17520      } else {
17521        f.classList.remove("is-open");
17522      }
17523    });
17524  }
17525
17526  // Auto-rotate features
17527  function startAutoRotate() {
17528    if (autoRotateInterval) clearInterval(autoRotateInterval);
17529    
17530    autoRotateInterval = setInterval(() => {
17531      currentIndex = (currentIndex + 1) % features.length;
17532      openFeature(currentIndex);
17533    }, ROTATION_DELAY);
17534  }
17535
17536  // Stop auto-rotate and reset timer
17537  function resetAutoRotate() {
17538    if (autoRotateInterval) clearInterval(autoRotateInterval);
17539    startAutoRotate();
17540  }
17541
17542  // Manual click on features
17543  features.forEach((feature, index) => {
17544    feature.addEventListener("click", () => {
17545      currentIndex = index;
17546      openFeature(currentIndex);
17547      resetAutoRotate(); // Reset timer on manual interaction
17548    });
17549  });
17550
17551  // Start auto-rotation
17552  if (features.length > 0) {
17553    // Find initial open feature
17554    const initialOpen = Array.from(features).findIndex(f => f.classList.contains("is-open"));
17555    currentIndex = initialOpen >= 0 ? initialOpen : 0;
17556    startAutoRotate();
17557  }
17558
17559  // Pause auto-rotate when video is playing
17560  document.querySelectorAll(".js-play-video").forEach(btn => {
17561    btn.addEventListener("click", () => {
17562      if (autoRotateInterval) clearInterval(autoRotateInterval);
17563    });
17564  });
17565
17566  // Resume auto-rotate when video is closed
17567  document.querySelectorAll(".js-close-video").forEach(btn => {
17568    btn.addEventListener("click", () => {
17569      startAutoRotate();
17570    });
17571  });
17572});
17573</script>
17573
17574
17575
17576</div><section id="shopify-section-template--19420722397381__c_hotspot_feature_callout_DNgcwR" class="shopify-section c-hotspot-feature-callout">
17577
17578
17579
17580<style data-shopify>
17581  /* IMPORTANT: Always use these exact media query breakpoints */
17582  /* Mobile first (without media query) */
17583  /* Tablet: @media (width >= 768px) {} */
17584  /* Laptop: @media (width >= 978px) {} */
17585  /* Desktop: @media (width >= 1200px) {} */
17586  /* TV: @media (width >= 1980px) {} */
17587
17588  #template--19420722397381__c_hotspot_feature_callout_DNgcwR.c-hotspot {
17589    background: linear-gradient(245deg, rgba(245, 240, 254, 1) 1.6%, rgba(245, 238, 244, 1) 25.7%, rgba(246, 236, 235, 1) 59.09%, rgba(246, 232, 216, 1) 82.87%);
17590    padding: 80px 0 64px;
17591  }
17592
17593  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__inner {
17594    display: grid;
17595    grid-template-columns: 1fr;
17596    gap: 48px;
17597    align-items: center;
17598    width: 100%;
17599  }
17600
17601  /* ===== Section Title ===== */
17602  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__title,
17603  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__title p,
17604  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__title h1,
17605  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__title h2,
17606  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__title h3,
17607  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__title h4,
17608  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__title h5,
17609  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__title h6 {
17610    color: var(--Neutral-Darker-Gray, #3D4347);
17611    text-align: center;
17612    font-family: "Founders Grotesk";
17613    font-size: 36px;
17614    font-weight: 400;
17615    line-height: 120%;
17616    margin: 0 0 48px 0;
17617  }
17618
17619  /* ===== Image Stage ===== */
17620  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__stage {
17621    position: relative;
17622    width: 100%;
17623    aspect-ratio: 1;
17624    margin: 0 auto;
17625    max-width: 485px;
17626    display: grid;
17627    place-items: center;
17628  }
17629
17630  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__img {
17631    position: absolute;
17632    inset: 0;
17633    width: 100%;
17634    height: 100%;
17635    object-fit: contain;
17636  }
17637
17638  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__item {
17639    position: absolute;
17640    top: 0;
17641    left: 0;
17642    width: 0;
17643    height: 0;
17644    z-index: 6;
17645  }
17646
17647  /* -------------------------------------------------- */
17648  /* HOTSPOT DOT — PURE CSS VERSION                     */
17649  /* -------------------------------------------------- */
17650  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__dot {
17651    --hotspot-size: 1.6rem;
17652    --hotspot-color: 247, 178, 103;
17653    position: absolute;
17654    left: 0;
17655    top: 0;
17656    transform: translate(-50%, -50%);
17657    width: var(--hotspot-size);
17658    height: var(--hotspot-size);
17659    border: none;
17660    background: transparent;
17661    padding: 0;
17662    cursor: pointer;
17663    outline: none;
17664    z-index: 5;
17665  }
17666
17667  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__dot::before,
17668  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__dot::after {
17669    content: "";
17670    position: absolute;
17671    border-radius: 50%;
17672    inset: 0;
17673    pointer-events: none;
17674  }
17675
17676  /* Solid inner dot */
17677  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__dot::before {
17678    background-color: rgb(var(--hotspot-color));
17679    width: 100%;
17680    height: 100%;
17681    transform: scale(1);
17682    transition: transform 0.4s ease;
17683    z-index: 2;
17684  }
17685
17686  /* Animated outer glow */
17687  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__dot::after {
17688    background-color: rgba(var(--hotspot-color), 0.5);
17689    animation: hotspotPulse 1.5s ease infinite;
17690    z-index: 1;
17691    opacity: 1;
17692  }
17693
17694  /* Hover or active = scaled inner dot */
17695  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__dot:hover::before,
17696  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__dot[aria-current="true"]::before {
17697    transform: scale(1.5);
17698  }
17699
17700  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge {
17701    --badge-bg: #FFFFFF;
17702    --badge-text-color: #181E21;
17703    background: var(--badge-bg);
17704    color: var(--badge-text-color, #181E21);
17705    border-radius: 20px;
17706    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
17707    padding: 12px 14px;
17708    display: flex;
17709    align-items: center;
17710    gap: 12px;
17711    min-width: 200px;
17712    max-width: 260px;
17713    position: absolute;
17714    top: 0;
17715    left: 50%;
17716    transform: translate(-50%, -50%) scale(0.96);
17717    opacity: 0;
17718    pointer-events: none;
17719    transition: opacity 0.25s ease, transform 0.25s ease;
17720    text-align: center;
17721  }
17722
17723  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-image {
17724    width: 48px;
17725    height: 48px;
17726    border-radius: 12px;
17727    object-fit: contain;
17728    flex-shrink: 0;
17729  }
17730
17731  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-body {
17732    display: grid;
17733    gap: 4px;
17734    justify-items: center;
17735  }
17736
17737  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-title,
17738  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-title p,
17739  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-title h1,
17740  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-title h2,
17741  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-title h3,
17742  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-title h4,
17743  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-title h5,
17744  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-title h6 {
17745    color: var(--badge-text-color, #181E21);
17746    font-family: var(--body-family) !important;
17747    font-size: 16px;
17748    font-weight: 600;
17749    line-height: 120%;
17750    margin: 0;
17751    text-align: center;
17752  }
17753
17754  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-subtitle,
17755  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-subtitle p,
17756  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-subtitle h1,
17757  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-subtitle h2,
17758  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-subtitle h3,
17759  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-subtitle h4,
17760  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-subtitle h5,
17761  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-subtitle h6 {
17762    color: var(--badge-text-color, #3D4347);
17763    font-family: var(--body-family) !important;
17764    font-size: 13px;
17765    font-weight: 400;
17766    line-height: 140%;
17767    margin: 0;
17768    text-align: center;
17769    text-wrap: nowrap;
17770  }
17771
17772  /* JS-driven visibility for mobile (centered) */
17773  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge.is-visible {
17774    opacity: 1;
17775    pointer-events: auto;
17776    transform: translate(-50%, -50%) scale(1);
17777  }
17778
17779  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__hint {
17780    position: absolute;
17781    top: -12px;
17782    display: inline-flex;
17783    align-items: center;
17784    gap: 8px;
17785    border-radius: 999px;
17786    line-height: 1.2;
17787  }
17788
17789  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__hint span {
17790    color: #000;
17791    font-family: var(--body-family) !important;
17792    font-size: 16px;
17793  }
17794
17795  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__hint-icon {
17796    width: 22px;
17797    height: 22px;
17798    color: currentColor;
17799  }
17800
17801  /* ===== Mobile Modal Overlay ===== */
17802  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__modal {
17803    position: absolute;
17804    inset: 0;
17805    display: flex;
17806    align-items: center;
17807    justify-content: center;
17808    opacity: 0;
17809    pointer-events: none;
17810    transition: opacity 0.25s ease;
17811    z-index: 10;
17812  }
17813
17814  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__modal.is-open {
17815    opacity: 1;
17816    pointer-events: auto;
17817  }
17818
17819  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__modal-content {
17820    max-width: 320px;
17821    width: 90%;
17822  }
17823
17824  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__modal-close {
17825    position: absolute;
17826    top: 10px;
17827    right: 10px;
17828    background: #FFFFFF;
17829    border: 1px solid rgba(0,0,0,0.12);
17830    border-radius: 999px;
17831    width: 32px;
17832    height: 32px;
17833    display: grid;
17834    place-items: center;
17835    cursor: pointer;
17836    display: none;
17837  }
17838
17839  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__modal-close svg {
17840    width: 16px;
17841    height: 16px;
17842  }
17843
17844  /* Override badge layout inside modal */
17845  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__modal .c-hotspot__badge {
17846    position: relative;
17847    top: auto;
17848    left: auto;
17849    transform: none;
17850    opacity: 1;
17851    pointer-events: auto;
17852    margin: 0 auto;
17853    text-align: center;
17854    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
17855  }
17856
17857  @keyframes hotspotPulse {
17858    0% {
17859      transform: scale(1.8);
17860      opacity: 1;
17861    }
17862    50% {
17863      transform: scale(2.3);
17864      opacity: 1;
17865    }
17866    100% {
17867      transform: scale(1.8);
17868      opacity: 1;
17869    }
17870  }
17871
17872  /* ===== Panels ===== */
17873  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__panels {
17874    position: relative;
17875    width: 100%;
17876    min-height: 220px;
17877  }
17878
17879  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__panel {
17880    opacity: 0;
17881    pointer-events: none;
17882    position: absolute;
17883    inset: 0;
17884    transition: opacity 0.4s ease;
17885  }
17886
17887  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__panel.is-active {
17888    opacity: 1;
17889    pointer-events: auto;
17890    position: relative;
17891    z-index: 2;
17892  }
17893
17894  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__panel.is-fading-out {
17895    opacity: 0;
17896    pointer-events: none;
17897    z-index: 1;
17898  }
17899
17900  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__heading {
17901    color: var(--Neutral-Darkest-Gray, #181E21);
17902    text-align: center;
17903    font-family: "Founders Grotesk";
17904    font-size: 24px;
17905    font-weight: 500;
17906    line-height: 120%;
17907    margin: 0 0 21px;
17908  }
17909
17910  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__desc,
17911  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__desc p,
17912  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__desc h1,
17913  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__desc h2,
17914  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__desc h3,
17915  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__desc h4,
17916  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__desc h5,
17917  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__desc h6 {
17918    color: var(--Neutral-Darkest-Gray, #181E21);
17919    text-align: center;
17920    font-family: "Founders Grotesk";
17921    font-size: 16px;
17922    font-weight: 400;
17923    line-height: 140%;
17924    margin: 0 0 42px;
17925  }
17926
17927  #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__cta-wrap {
17928    display: flex;
17929    gap: 12px;
17930    flex-wrap: wrap;
17931    justify-content: center;
17932    margin-top: 24px;
17933  }
17934
17935  /* ===== Tablet ===== */
17936  @media (width >= 768px) {
17937    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__modal {
17938      display: none;
17939    }
17940
17941    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge {
17942      padding: 14px 16px;
17943      min-width: 220px;
17944      max-width: 300px;
17945      left: auto;
17946      right: auto;
17947      transform: translateY(-50%) scale(0.96);
17948      text-align: left;
17949    }
17950
17951    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__item--right .c-hotspot__badge {
17952      left: 24px;
17953    }
17954
17955    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__item--left .c-hotspot__badge {
17956      right: 24px;
17957    }
17958
17959    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-body {
17960      justify-items: start;
17961    }
17962
17963    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-title,
17964    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-title p,
17965    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-title h1,
17966    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-title h2,
17967    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-title h3,
17968    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-title h4,
17969    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-title h5,
17970    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-title h6,
17971    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-subtitle,
17972    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-subtitle p,
17973    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-subtitle h1,
17974    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-subtitle h2,
17975    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-subtitle h3,
17976    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-subtitle h4,
17977    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-subtitle h5,
17978    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-subtitle h6 {
17979      text-align: left;
17980    }
17981
17982    /* JS-driven visibility for tablet+ (side badges) */
17983    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge.is-visible {
17984      opacity: 1;
17985      pointer-events: auto;
17986      transform: translateY(-50%) scale(1);
17987    }
17988  }
17989
17990  /* ===== Laptop ===== */
17991  @media (width >= 978px) {
17992    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__inner {
17993      grid-template-columns: 1.1fr 1fr;
17994      align-items: center;
17995      gap: 64px;
17996    }
17997
17998    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__heading {
17999      font-size: 32px;
18000    }
18001
18002    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__title {
18003      grid-column: 1 / -1;
18004      text-align: center;
18005    }
18006
18007    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__title,
18008    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__title p,
18009    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__title h1,
18010    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__title h2,
18011    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__title h3,
18012    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__title h4,
18013    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__title h5,
18014    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__title h6 {
18015      font-size: 64px;
18016      margin: 0;
18017    }
18018
18019    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__desc,
18020    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__desc p,
18021    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__desc h1,
18022    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__desc h2,
18023    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__desc h3,
18024    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__desc h4,
18025    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__desc h5,
18026    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__desc h6 {
18027      text-align: center;
18028      font-size: 24px;
18029    }
18030
18031    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-title,
18032    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-title p,
18033    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-title h1,
18034    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-title h2,
18035    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-title h3,
18036    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-title h4,
18037    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-title h5,
18038    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-title h6 {
18039      font-size: 18px;
18040    }
18041
18042    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-subtitle,
18043    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-subtitle p,
18044    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-subtitle h1,
18045    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-subtitle h2,
18046    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-subtitle h3,
18047    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-subtitle h4,
18048    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-subtitle h5,
18049    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge-subtitle h6 {
18050      font-size: 14px;
18051    }
18052  }
18053
18054  /* ===== Desktop ===== */
18055  @media (width >= 1200px) {
18056    #template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-hotspot__badge {
18057      padding: 16px 18px;
18058      min-width: 240px;
18059      max-width: 320px;
18060    }
18061  }
18062</style>
18063
18064<section
18065  id="template--19420722397381__c_hotspot_feature_callout_DNgcwR"
18066  class="c-section c-hotspot"
18067>
18068  <div class="c-section__inner">
18069  <div
18070    class="c-hotspot__inner"
18071    data-hotspot-root="template--19420722397381__c_hotspot_feature_callout_DNgcwR"
18072    data-panel-change="false"
18073  >
18074    
18075      <div class="c-hotspot__title"><p>Scientifically Proven to<br/>Support Your Nervous System</p></div>
18076    
18077
18078    <!-- Stage -->
18079    <div
18080      class="c-hotspot__stage"
18081      data-hotspot-stage
18082    >
18083      
18084        <img
18085          class="c-hotspot__img"
18086          src="//apolloneuro.com/cdn/shop/files/featured-hotspot-product.png?v=1761308909&width=1440"
18087          alt=""
18088          loading="lazy"
18089        >
18090      
18091
18092      <div
18093        class="c-hotspot__hint"
18094        aria-hidden="true"
18095      >
18096        <span>Mouse hover the dots to discover.</span>
18097        <span
18098          class="c-hotspot__hint-icon"
18099          aria-hidden="true"
18100        >
18101          <svg
18102            width="22"
18103            height="22"
18104            viewBox="0 0 22 22"
18105            fill="none"
18106            xmlns="http://www.w3.org/2000/svg"
18107          >
18108            <path d="M6.68701 11.5902V6.68669C6.68701 6.33201 6.82791 5.99186 7.07871 5.74106C7.3295 5.49026 7.66966 5.34937 8.02434 5.34937C8.37902 5.34937 8.71917 5.49026 8.96997 5.74106C9.22077 5.99186 9.36167 6.33201 9.36167 6.68669V11.5902" stroke="black" stroke-width="1.7831" stroke-linecap="round" stroke-linejoin="round"/>
18109            <path d="M17.3856 11.1445V14.0421C17.3856 16.8732 15.0903 19.1685 12.2592 19.1685H11.8134C8.98231 19.1685 6.68701 16.8732 6.68701 14.0421V11.1445" stroke="black" stroke-width="1.7831" stroke-linecap="round" stroke-linejoin="round"/>
18110            <path d="M9.36133 12.9275V10.6987C9.36133 10.344 9.50222 10.0038 9.75302 9.75302C10.0038 9.50222 10.344 9.36133 10.6987 9.36133C11.0533 9.36133 11.3935 9.50222 11.6443 9.75302C11.8951 10.0038 12.036 10.344 12.036 10.6987M12.036 10.6987V12.9275M12.036 10.6987C12.036 10.344 12.1769 10.0038 12.4277 9.75302C12.6785 9.50222 13.0186 9.36133 13.3733 9.36133C13.728 9.36133 14.0681 9.50222 14.3189 9.75302C14.5697 10.0038 14.7106 10.344 14.7106 10.6987M14.7106 10.6987V12.9275M14.7106 10.6987C14.7106 10.344 14.8515 10.0038 15.1023 9.75302C15.3531 9.50222 15.6933 9.36133 16.048 9.36133C16.4026 9.36133 16.7428 9.50222 16.9936 9.75302C17.2444 10.0038 17.3853 10.344 17.3853 10.6987V12.9275" stroke="black" stroke-width="1.7831" stroke-linecap="round" stroke-linejoin="round"/>
18111            <path d="M12.4819 6.68676C12.4829 5.73254 12.1767 4.80335 11.6086 4.03663C11.1944 3.47574 10.6542 3.01997 10.0316 2.706C9.40906 2.39203 8.72144 2.22865 8.02417 2.229C7.32682 2.22858 6.63911 2.39193 6.01644 2.7059C5.39377 3.01987 4.85353 3.47568 4.43924 4.03663C3.87136 4.80341 3.56533 5.73259 3.56641 6.68676" stroke="black" stroke-width="1.7831" stroke-linecap="round"/>
18112          </svg>
18113        </span>
18114      </div>
18115
18116      <!-- Mobile Modal Overlay -->
18117      <div
18118        class="c-hotspot__modal"
18119        data-hotspot-modal
18120        role="dialog"
18121        aria-modal="true"
18122        aria-hidden="true"
18123      >
18124        <button
18125          class="c-hotspot__modal-close"
18126          data-hotspot-modal-close
18127          aria-label="Close"
18128        >
18129          <svg
18130            viewBox="0 0 24 24"
18131            fill="none"
18132            xmlns="http://www.w3.org/2000/svg"
18133          >
18134            <path d="M6 6l12 12M18 6L6 18" stroke="#181E21" stroke-width="2" stroke-linecap="round" />
18135          </svg>
18136        </button>
18137        <div
18138          class="c-hotspot__modal-content"
18139          data-hotspot-modal-content
18140        ></div>
18141      </div>
18142
18143      
18144        
18145        
18146        <div
18147          class="c-hotspot__item c-hotspot__item--right"
18148          style="left: 80%; top: 65%;"
18149        >
18150          <button
18151            class="c-hotspot__dot"
18152            type="button"
18153            data-hotspot-dot="hotspot_BCfbWp"
18154            data-cta-bg="#c092c6"
18155            data-cta-text="#181e21"
18156            data-is-default="true"
18157            style="--hotspot-color: 192, 146, 198;"
18158            aria-label="Backed by Real Science"
18159            aria-controls="panel-template--19420722397381__c_hotspot_feature_callout_DNgcwR-hotspot_BCfbWp"
18160            aria-current="true"
18161          ></button>
18162
18163          <div
18164            class="c-hotspot__badge is-visible"
18165            style="--badge-bg: #c092c6; --badge-text-color: #181e21;"
18166            data-hotspot-id="hotspot_BCfbWp"
18167          >
18168            
18169              <img src="//apolloneuro.com/cdn/shop/files/badge-2.png?v=1767034818&amp;width=160" alt="Backed by Real Science" srcset="//apolloneuro.com/cdn/shop/files/badge-2.png?v=1767034818&amp;width=46 46w, //apolloneuro.com/cdn/shop/files/badge-2.png?v=1767034818&amp;width=92 92w, //apolloneuro.com/cdn/shop/files/badge-2.png?v=1767034818&amp;width=160 160w" width="160" height="176" loading="lazy" class="c-hotspot__badge-image" sizes="46px">
18170            
18171            <div class="c-hotspot__badge-body">
18172              
18173                <div class="c-hotspot__badge-title"><p>46 more minutes</p></div>
18174              
18175              
18176                <div class="c-hotspot__badge-subtitle"><p>of sleep a night, on average</p></div>
18177              
18178            </div>
18179          </div>
18180        </div>
18181      
18182        
18183        
18184        <div
18185          class="c-hotspot__item c-hotspot__item--right"
18186          style="left: 85%; top: 18%;"
18187        >
18188          <button
18189            class="c-hotspot__dot"
18190            type="button"
18191            data-hotspot-dot="hotspot_YqHBcw"
18192            data-cta-bg="#f7b267"
18193            data-cta-text="#181e21"
18194            data-is-default="false"
18195            style="--hotspot-color: 247, 178, 103;"
18196            aria-label="Backed by Real Science"
18197            aria-controls="panel-template--19420722397381__c_hotspot_feature_callout_DNgcwR-hotspot_YqHBcw"
18198            aria-current="false"
18199          ></button>
18200
18201          <div
18202            class="c-hotspot__badge"
18203            style="--badge-bg: #f7b267; --badge-text-color: #181e21;"
18204            data-hotspot-id="hotspot_YqHBcw"
18205          >
18206            
18207              <img src="//apolloneuro.com/cdn/shop/files/badge-1.png?v=1767034404&amp;width=160" alt="Backed by Real Science" srcset="//apolloneuro.com/cdn/shop/files/badge-1.png?v=1767034404&amp;width=46 46w, //apolloneuro.com/cdn/shop/files/badge-1.png?v=1767034404&amp;width=92 92w, //apolloneuro.com/cdn/shop/files/badge-1.png?v=1767034404&amp;width=160 160w" width="160" height="139" loading="lazy" class="c-hotspot__badge-image" sizes="46px">
18208            
18209            <div class="c-hotspot__badge-body">
18210              
18211                <div class="c-hotspot__badge-title"><p>40% less stress</p></div>
18212              
18213              
18214                <div class="c-hotspot__badge-subtitle"><p>and feelings of anxiety</p></div>
18215              
18216            </div>
18217          </div>
18218        </div>
18219      
18220        
18221        
18222        <div
18223          class="c-hotspot__item c-hotspot__item--left"
18224          style="left: 55%; top: 60%;"
18225        >
18226          <button
18227            class="c-hotspot__dot"
18228            type="button"
18229            data-hotspot-dot="hotspot_AwR9kE"
18230            data-cta-bg="#aee3d2"
18231            data-cta-text="#181e21"
18232            data-is-default="false"
18233            style="--hotspot-color: 174, 227, 210;"
18234            aria-label="Backed by Real Science"
18235            aria-controls="panel-template--19420722397381__c_hotspot_feature_callout_DNgcwR-hotspot_AwR9kE"
18236            aria-current="false"
18237          ></button>
18238
18239          <div
18240            class="c-hotspot__badge"
18241            style="--badge-bg: #aee3d2; --badge-text-color: #181e21;"
18242            data-hotspot-id="hotspot_AwR9kE"
18243          >
18244            
18245              <img src="//apolloneuro.com/cdn/shop/files/badge_d23c307b-667c-4732-86d9-cb2d37d05ad0.png?v=1767034969&amp;width=160" alt="Backed by Real Science" srcset="//apolloneuro.com/cdn/shop/files/badge_d23c307b-667c-4732-86d9-cb2d37d05ad0.png?v=1767034969&amp;width=46 46w, //apolloneuro.com/cdn/shop/files/badge_d23c307b-667c-4732-86d9-cb2d37d05ad0.png?v=1767034969&amp;width=92 92w, //apolloneuro.com/cdn/shop/files/badge_d23c307b-667c-4732-86d9-cb2d37d05ad0.png?v=1767034969&amp;width=160 160w" width="160" height="117" loading="lazy" class="c-hotspot__badge-image" sizes="46px">
18246            
18247            <div class="c-hotspot__badge-body">
18248              
18249                <div class="c-hotspot__badge-title"><p>11% increase</p></div>
18250              
18251              
18252                <div class="c-hotspot__badge-subtitle"><p>in Heart Rate Variability</p></div>
18253              
18254            </div>
18255          </div>
18256        </div>
18257      
18258        
18259        
18260        <div
18261          class="c-hotspot__item c-hotspot__item--left"
18262          style="left: 35%; top: 10%;"
18263        >
18264          <button
18265            class="c-hotspot__dot"
18266            type="button"
18267            data-hotspot-dot="hotspot_KhUXCQ"
18268            data-cta-bg="#fce171"
18269            data-cta-text="#181e21"
18270            data-is-default="false"
18271            style="--hotspot-color: 252, 225, 113;"
18272            aria-label="Backed by Real Science"
18273            aria-controls="panel-template--19420722397381__c_hotspot_feature_callout_DNgcwR-hotspot_KhUXCQ"
18274            aria-current="false"
18275          ></button>
18276
18277          <div
18278            class="c-hotspot__badge"
18279            style="--badge-bg: #fce171; --badge-text-color: #181e21;"
18280            data-hotspot-id="hotspot_KhUXCQ"
18281          >
18282            
18283              <img src="//apolloneuro.com/cdn/shop/files/badge_d23c307b-667c-4732-86d9-cb2d37d05ad0.png?v=1767034969&amp;width=160" alt="Backed by Real Science" srcset="//apolloneuro.com/cdn/shop/files/badge_d23c307b-667c-4732-86d9-cb2d37d05ad0.png?v=1767034969&amp;width=46 46w, //apolloneuro.com/cdn/shop/files/badge_d23c307b-667c-4732-86d9-cb2d37d05ad0.png?v=1767034969&amp;width=92 92w, //apolloneuro.com/cdn/shop/files/badge_d23c307b-667c-4732-86d9-cb2d37d05ad0.png?v=1767034969&amp;width=160 160w" width="160" height="117" loading="lazy" class="c-hotspot__badge-image" sizes="46px">
18284            
18285            <div class="c-hotspot__badge-body">
18286              
18287                <div class="c-hotspot__badge-title"><p>10% faster</p></div>
18288              
18289              
18290                <div class="c-hotspot__badge-subtitle"><p>physical recovery</p></div>
18291              
18292            </div>
18293          </div>
18294        </div>
18295      
18296        
18297        
18298        <div
18299          class="c-hotspot__item c-hotspot__item--right"
18300          style="left: 45%; top: 88%;"
18301        >
18302          <button
18303            class="c-hotspot__dot"
18304            type="button"
18305            data-hotspot-dot="hotspot_M3Mp9b"
18306            data-cta-bg="#17758e"
18307            data-cta-text="#181e21"
18308            data-is-default="false"
18309            style="--hotspot-color: 23, 117, 142;"
18310            aria-label="Backed by Real Science"
18311            aria-controls="panel-template--19420722397381__c_hotspot_feature_callout_DNgcwR-hotspot_M3Mp9b"
18312            aria-current="false"
18313          ></button>
18314
18315          <div
18316            class="c-hotspot__badge"
18317            style="--badge-bg: #17758e; --badge-text-color: #181e21;"
18318            data-hotspot-id="hotspot_M3Mp9b"
18319          >
18320            
18321              <img src="//apolloneuro.com/cdn/shop/files/badge-3.png?v=1767034902&amp;width=160" alt="Backed by Real Science" srcset="//apolloneuro.com/cdn/shop/files/badge-3.png?v=1767034902&amp;width=46 46w, //apolloneuro.com/cdn/shop/files/badge-3.png?v=1767034902&amp;width=92 92w, //apolloneuro.com/cdn/shop/files/badge-3.png?v=1767034902&amp;width=160 160w" width="160" height="112" loading="lazy" class="c-hotspot__badge-image" sizes="46px">
18322            
18323            <div class="c-hotspot__badge-body">
18324              
18325                <div class="c-hotspot__badge-title"><p>19 more minutes</p></div>
18326              
18327              
18328                <div class="c-hotspot__badge-subtitle"><p>in deep sleep a night</p></div>
18329              
18330            </div>
18331          </div>
18332        </div>
18333      
18334        
18335        
18336        <div
18337          class="c-hotspot__item c-hotspot__item--right"
18338          style="left: 52%; top: 35%;"
18339        >
18340          <button
18341            class="c-hotspot__dot"
18342            type="button"
18343            data-hotspot-dot="hotspot_gJ86n8"
18344            data-cta-bg="#adb020"
18345            data-cta-text="#ffffff"
18346            data-is-default="false"
18347            style="--hotspot-color: 173, 176, 32;"
18348            aria-label="Backed by Real Science"
18349            aria-controls="panel-template--19420722397381__c_hotspot_feature_callout_DNgcwR-hotspot_gJ86n8"
18350            aria-current="false"
18351          ></button>
18352
18353          <div
18354            class="c-hotspot__badge"
18355            style="--badge-bg: #adb020; --badge-text-color: #ffffff;"
18356            data-hotspot-id="hotspot_gJ86n8"
18357          >
18358            
18359              <img src="//apolloneuro.com/cdn/shop/files/last-hotspot.png?v=1767111602&amp;width=160" alt="Backed by Real Science" srcset="//apolloneuro.com/cdn/shop/files/last-hotspot.png?v=1767111602&amp;width=46 46w, //apolloneuro.com/cdn/shop/files/last-hotspot.png?v=1767111602&amp;width=92 92w, //apolloneuro.com/cdn/shop/files/last-hotspot.png?v=1767111602&amp;width=160 160w" width="160" height="159" loading="lazy" class="c-hotspot__badge-image" sizes="46px">
18360            
18361            <div class="c-hotspot__badge-body">
18362              
18363                <div class="c-hotspot__badge-title"><p>25% more</p></div>
18364              
18365              
18366                <div class="c-hotspot__badge-subtitle"><p>focus and concentration</p></div>
18367              
18368            </div>
18369          </div>
18370        </div>
18371      
18372    </div>
18373
18374    <!-- Panels -->
18375    <div
18376      class="c-hotspot__panels"
18377      data-hotspot-panels
18378    >
18379      
18380        <div
18381          id="panel-template--19420722397381__c_hotspot_feature_callout_DNgcwR-hotspot_BCfbWp"
18382          class="c-hotspot__panel is-active"
18383          data-hotspot-panel="hotspot_BCfbWp"
18384          
18385        >
18386          
18387            <h3 class="c-hotspot__heading">Backed by Real Science</h3>
18388          
18389          
18390            <div class="c-hotspot__desc"><p>Wear it on your wrist, ankle or clipped to clothing with<br/>comfort and discretion.</p></div>
18391          
18392        </div>
18393      
18394        <div
18395          id="panel-template--19420722397381__c_hotspot_feature_callout_DNgcwR-hotspot_YqHBcw"
18396          class="c-hotspot__panel "
18397          data-hotspot-panel="hotspot_YqHBcw"
18398          
18399        >
18400          
18401            <h3 class="c-hotspot__heading">Backed by Real Science</h3>
18402          
18403          
18404            <div class="c-hotspot__desc"><p>Wear it on your wrist, ankle or clipped to clothing with<br/>comfort and discretion.</p></div>
18405          
18406        </div>
18407      
18408        <div
18409          id="panel-template--19420722397381__c_hotspot_feature_callout_DNgcwR-hotspot_AwR9kE"
18410          class="c-hotspot__panel "
18411          data-hotspot-panel="hotspot_AwR9kE"
18412          
18413        >
18414          
18415            <h3 class="c-hotspot__heading">Backed by Real Science</h3>
18416          
18417          
18418            <div class="c-hotspot__desc"><p>Wear it on your wrist, ankle or clipped to clothing with<br/>comfort and discretion.</p></div>
18419          
18420        </div>
18421      
18422        <div
18423          id="panel-template--19420722397381__c_hotspot_feature_callout_DNgcwR-hotspot_KhUXCQ"
18424          class="c-hotspot__panel "
18425          data-hotspot-panel="hotspot_KhUXCQ"
18426          
18427        >
18428          
18429            <h3 class="c-hotspot__heading">Backed by Real Science</h3>
18430          
18431          
18432            <div class="c-hotspot__desc"><p>Wear it on your wrist, ankle or clipped to clothing with<br/>comfort and discretion.</p></div>
18433          
18434        </div>
18435      
18436        <div
18437          id="panel-template--19420722397381__c_hotspot_feature_callout_DNgcwR-hotspot_M3Mp9b"
18438          class="c-hotspot__panel "
18439          data-hotspot-panel="hotspot_M3Mp9b"
18440          
18441        >
18442          
18443            <h3 class="c-hotspot__heading">Backed by Real Science</h3>
18444          
18445          
18446            <div class="c-hotspot__desc"><p>Wear it on your wrist, ankle or clipped to clothing with<br/>comfort and discretion.</p></div>
18447          
18448        </div>
18449      
18450        <div
18451          id="panel-template--19420722397381__c_hotspot_feature_callout_DNgcwR-hotspot_gJ86n8"
18452          class="c-hotspot__panel "
18453          data-hotspot-panel="hotspot_gJ86n8"
18454          
18455        >
18456          
18457            <h3 class="c-hotspot__heading">Backed by Real Science</h3>
18458          
18459          
18460            <div class="c-hotspot__desc"><p>Wear it on your wrist, ankle or clipped to clothing with<br/>comfort and discretion.</p></div>
18461          
18462        </div>
18463      
18464
18465      
18466        <div class="c-hotspot__cta-wrap">
18467          
18468            <style data-shopify>
18469  /* Base CTA styles */
18470  .c-cta {
18471    text-transform: capitalize;
18472    letter-spacing: unset;
18473    min-width: unset;
18474    font-family: var(--body-family) !important;
18475    display: inline-flex;
18476    align-items: center;
18477    justify-content: center;
18478    transition: all 0.3s ease;
18479    padding: 12px;
18480    text-decoration: none;
18481    cursor: pointer;
18482    border-radius: 40px;
18483  }
18484
18485  .c-cta--with-icon {
18486    gap: 8px;
18487  }
18488
18489  /* Primary style */
18490  .c-cta--primary {
18491    background-color: #F7B267;
18492    border: 1px solid #F7B267;
18493    color: var(--slate-black, #1a1b18);
18494    transition: all 0.2s ease;
18495  }
18496
18497  .c-cta--primary:hover {
18498    opacity: 0.85;
18499    transform: translateY(-2px);
18500  }
18501
18502  .c-cta--primary .c-cta__text {
18503    color: var(--slate-black, #1a1b18);
18504    font-weight: 600;
18505  }
18506
18507  /* Secondary style */
18508  .c-cta--secondary {
18509    background-color: transparent;
18510    border: 1px solid transparent;
18511    color: var(--slate-black, #1a1b18);
18512  }
18513
18514  .c-cta--secondary:hover {
18515    border-color: var(--slate-black, #1a1b18);
18516  }
18517
18518  .c-cta--secondary .c-cta__text {
18519    color: var(--slate-black, #1a1b18);
18520  }
18521
18522/*   .c-cta--secondary > svg {
18523    width: 11.75px;
18524    height: 9.731px;
18525    flex-shrink: 0;
18526  } */
18527
18528  /* Tertiary style */
18529  .c-cta--tertiary {
18530    background-color: var(--ruby-red, #c53030);
18531    border: 1px solid var(--ruby-red, #c53030);
18532    color: var(--btn-text, #f2f2f2);
18533  }
18534
18535  .c-cta--tertiary:hover {
18536    background-color: var(--btn-text, #f2f2f2);
18537    color: var(--ruby-red, #c53030);
18538    border-color: var(--ruby-red, #c53030);
18539  }
18540
18541  .c-cta--tertiary .c-cta__text {
18542    color: inherit;
18543  }
18544
18545  /* Outline style */
18546  .c-cta--outline {
18547    background-color: transparent;
18548    border: 1px solid var(--ruby-red, #c53030);
18549    color: var(--ruby-red, #c53030);
18550  }
18551
18552  .c-cta--outline:hover {
18553    background-color: var(--ruby-red, #c53030);
18554    color: var(--btn-text, #f2f2f2);
18555    border-color: var(--ruby-red, #c53030);
18556  }
18557
18558  .c-cta--outline .c-cta__text {
18559    color: inherit;
18560  }
18561
18562  /* Size variations */
18563  .c-cta--small {
18564    padding: 8px 16px;
18565    font-size: 14px;
18566  }
18567
18568  .c-cta--medium {
18569    padding: 12px 24px;
18570    font-size: 16px;
18571  }
18572
18573  .c-cta--large,
18574  .c-cta--big {
18575    padding: 16px 32px;
18576    font-size: 18px;
18577  }
18578
18579  /* Text styles */
18580  .c-cta__text {
18581    font-size: inherit;
18582    line-height: 1.5;
18583    font-family: var(--body-family) !important;
18584  }
18585
18586  /* Tablet and up */
18587  @media (width >= 768px) {
18588    .c-cta {
18589      gap: 8px;
18590    }
18591
18592    .c-cta--small {
18593      padding: 8px 20px;
18594    }
18595
18596    .c-cta--medium {
18597      padding: 12px 24px;
18598    }
18599
18600    .c-cta--large,
18601    .c-cta--big {
18602      padding: 16px 36px;
18603    }
18604  }
18605</style>
18606<a
18607  href="/products/apollo-wearable-1-year-ai-membership-starter-kit"
18608  class="c-cta c-cta--primary c-cta--medium "
18609  
18610  
18611  aria-label="Shop Apollo Wearable"
18612  
18613><span class="c-cta__text">Shop Apollo Wearable</span></a>
18614          
18615          
18616            <style data-shopify>
18617  /* Base CTA styles */
18618  .c-cta {
18619    text-transform: capitalize;
18620    letter-spacing: unset;
18621    min-width: unset;
18622    font-family: var(--body-family) !important;
18623    display: inline-flex;
18624    align-items: center;
18625    justify-content: center;
18626    transition: all 0.3s ease;
18627    padding: 12px;
18628    text-decoration: none;
18629    cursor: pointer;
18630    border-radius: 40px;
18631  }
18632
18633  .c-cta--with-icon {
18634    gap: 8px;
18635  }
18636
18637  /* Primary style */
18638  .c-cta--primary {
18639    background-color: #F7B267;
18640    border: 1px solid #F7B267;
18641    color: var(--slate-black, #1a1b18);
18642    transition: all 0.2s ease;
18643  }
18644
18645  .c-cta--primary:hover {
18646    opacity: 0.85;
18647    transform: translateY(-2px);
18648  }
18649
18650  .c-cta--primary .c-cta__text {
18651    color: var(--slate-black, #1a1b18);
18652    font-weight: 600;
18653  }
18654
18655  /* Secondary style */
18656  .c-cta--secondary {
18657    background-color: transparent;
18658    border: 1px solid transparent;
18659    color: var(--slate-black, #1a1b18);
18660  }
18661
18662  .c-cta--secondary:hover {
18663    border-color: var(--slate-black, #1a1b18);
18664  }
18665
18666  .c-cta--secondary .c-cta__text {
18667    color: var(--slate-black, #1a1b18);
18668  }
18669
18670/*   .c-cta--secondary > svg {
18671    width: 11.75px;
18672    height: 9.731px;
18673    flex-shrink: 0;
18674  } */
18675
18676  /* Tertiary style */
18677  .c-cta--tertiary {
18678    background-color: var(--ruby-red, #c53030);
18679    border: 1px solid var(--ruby-red, #c53030);
18680    color: var(--btn-text, #f2f2f2);
18681  }
18682
18683  .c-cta--tertiary:hover {
18684    background-color: var(--btn-text, #f2f2f2);
18685    color: var(--ruby-red, #c53030);
18686    border-color: var(--ruby-red, #c53030);
18687  }
18688
18689  .c-cta--tertiary .c-cta__text {
18690    color: inherit;
18691  }
18692
18693  /* Outline style */
18694  .c-cta--outline {
18695    background-color: transparent;
18696    border: 1px solid var(--ruby-red, #c53030);
18697    color: var(--ruby-red, #c53030);
18698  }
18699
18700  .c-cta--outline:hover {
18701    background-color: var(--ruby-red, #c53030);
18702    color: var(--btn-text, #f2f2f2);
18703    border-color: var(--ruby-red, #c53030);
18704  }
18705
18706  .c-cta--outline .c-cta__text {
18707    color: inherit;
18708  }
18709
18710  /* Size variations */
18711  .c-cta--small {
18712    padding: 8px 16px;
18713    font-size: 14px;
18714  }
18715
18716  .c-cta--medium {
18717    padding: 12px 24px;
18718    font-size: 16px;
18719  }
18720
18721  .c-cta--large,
18722  .c-cta--big {
18723    padding: 16px 32px;
18724    font-size: 18px;
18725  }
18726
18727  /* Text styles */
18728  .c-cta__text {
18729    font-size: inherit;
18730    line-height: 1.5;
18731    font-family: var(--body-family) !important;
18732  }
18733
18734  /* Tablet and up */
18735  @media (width >= 768px) {
18736    .c-cta {
18737      gap: 8px;
18738    }
18739
18740    .c-cta--small {
18741      padding: 8px 20px;
18742    }
18743
18744    .c-cta--medium {
18745      padding: 12px 24px;
18746    }
18747
18748    .c-cta--large,
18749    .c-cta--big {
18750      padding: 16px 36px;
18751    }
18752  }
18753</style>
18754<a
18755  href="/products/apollo-wearable-1-year-ai-membership-starter-kit"
18756  class="c-cta c-cta--secondary c-cta--medium c-cta--with-icon "
18757  
18758  
18759  aria-label="Explore Features"
18760  
18761><span class="c-cta__text">Explore Features</span>
18761      <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">      <path d="M20.6475 12.8976L13.8975 19.6476C13.7909 19.747 13.6498 19.8011 13.5041 19.7985C13.3584 19.7959 13.2193 19.7369 13.1163 19.6338C13.0132 19.5308 12.9542 19.3917 12.9516 19.246C12.949 19.1003 13.0031 18.9593 13.1025 18.8526L18.8916 13.0626H3.75C3.60082 13.0626 3.45774 13.0034 3.35225 12.8979C3.24676 12.7924 3.1875 12.6493 3.1875 12.5001C3.1875 12.3509 3.24676 12.2079 3.35225 12.1024C3.45774 11.9969 3.60082 11.9376 3.75 11.9376H18.8916L13.1025 6.14763C13.0031 6.041 12.949 5.89996 12.9516 5.75424C12.9542 5.60851 13.0132 5.46947 13.1163 5.36641C13.2193 5.26335 13.3584 5.20432 13.5041 5.20175C13.6498 5.19918 13.7909 5.25327 13.8975 5.35263L20.6475 12.1026C20.7528 12.2081 20.812 12.3511 20.812 12.5001C20.812 12.6492 20.7528 12.7922 20.6475 12.8976Z" fill="currentColor"/>      </svg>    
18762</a>
18763          
18764        </div>
18765      
18766    </div>
18767  </div>
18768  </div>
18769</section>
18770
18771<script>
18772  (function () {
18773    const root = document.querySelector('[data-hotspot-root="template--19420722397381__c_hotspot_feature_callout_DNgcwR"]');
18774    if (!root) return;
18775
18776    const dots = root.querySelectorAll('[data-hotspot-dot]');
18777    const panelsContainer = root.querySelector('[data-hotspot-panels]');
18778    const ctaPrimary = root.querySelector('.c-hotspot__cta-wrap .c-cta--primary');
18779    const enablePanelChange = root.dataset.panelChange === 'true';
18780    const mqTablet = window.matchMedia('(min-width: 768px)');
18781    let isTransitioning = false;
18782    let activeId = null;
18783
18784    // Build badge map
18785    const items = Array.from(root.querySelectorAll('.c-hotspot__item'));
18786    const badgeMap = new Map();
18787    items.forEach((item) => {
18788      const dot = item.querySelector('[data-hotspot-dot]');
18789      const badge = item.querySelector('.c-hotspot__badge');
18790      if (dot && badge) badgeMap.set(dot.dataset.hotspotDot, { badge, item });
18791    });
18792
18793    const stage = root.querySelector('[data-hotspot-stage]');
18794    const modal = stage ? stage.querySelector('[data-hotspot-modal]') : null;
18795    const modalContent = stage ? stage.querySelector('[data-hotspot-modal-content]') : null;
18796    const modalClose = stage ? stage.querySelector('[data-hotspot-modal-close]') : null;
18797
18798    function activate(id) {
18799      if (id === activeId) return;
18800      activeId = id;
18801
18802      // Sync dot aria-current states
18803      dots.forEach(dot =>
18804        dot.setAttribute('aria-current', dot.dataset.hotspotDot === id ? 'true' : 'false')
18805      );
18806
18807      // Sticky badge: hide all, show selected
18808      badgeMap.forEach(({ badge }) => badge.classList.remove('is-visible'));
18809      const selected = badgeMap.get(id);
18810      if (selected) selected.badge.classList.add('is-visible');
18811
18812      // Update CTA colours to match the selected hotspot
18813      if (ctaPrimary) {
18814        const activeDot = root.querySelector(`[data-hotspot-dot="${id}"]`);
18815        if (activeDot) {
18816          const bg = activeDot.dataset.ctaBg;
18817          const text = activeDot.dataset.ctaText;
18818          if (bg) ctaPrimary.style.backgroundColor = bg;
18819          if (text) ctaPrimary.style.color = text;
18820        }
18821      }
18822
18823      // Panel content transition (only when enabled)
18824      if (!enablePanelChange || isTransitioning) return;
18825      const currentPanel = root.querySelector('.c-hotspot__panel.is-active');
18826      const nextPanel = root.querySelector(`[data-hotspot-panel="${id}"]`);
18827      if (!nextPanel || currentPanel === nextPanel) return;
18828
18829      isTransitioning = true;
18830      panelsContainer.style.height = panelsContainer.offsetHeight + 'px';
18831      currentPanel.classList.add('is-fading-out');
18832
18833      setTimeout(() => {
18834        currentPanel.classList.remove('is-active', 'is-fading-out');
18835        nextPanel.classList.add('is-active');
18836        panelsContainer.style.height = nextPanel.offsetHeight + 'px';
18837        setTimeout(() => {
18838          panelsContainer.style.height = '';
18839          isTransitioning = false;
18840        }, 400);
18841      }, 400);
18842    }
18843
18844    function openModalWithBadge(id) {
18845      if (!modal || !modalContent) return;
18846      const entry = badgeMap.get(id);
18847      if (!entry) return;
18848      modalContent.innerHTML = '';
18849      const clone = entry.badge.cloneNode(true);
18850      clone.classList.remove('is-visible');
18851      modalContent.appendChild(clone);
18852      modal.classList.add('is-open');
18853      modal.setAttribute('aria-hidden', 'false');
18854    }
18855
18856    function closeModal() {
18857      if (!modal || !modalContent) return;
18858      modal.classList.remove('is-open');
18859      modal.setAttribute('aria-hidden', 'true');
18860      modalContent.innerHTML = '';
18861    }
18862
18863    closeModal();
18864    mqTablet.addEventListener('change', () => closeModal());
18865
18866    dots.forEach((dot) => {
18867      const id = dot.dataset.hotspotDot;
18868      dot.addEventListener('mouseenter', () => activate(id));
18869      dot.addEventListener('click', () => {
18870        activate(id);
18871        if (!mqTablet.matches) openModalWithBadge(id);
18872      });
18873      dot.addEventListener('keydown', (e) => {
18874        if (e.key === 'Enter' || e.key === ' ') {
18875          e.preventDefault();
18876          activate(id);
18877          if (!mqTablet.matches) openModalWithBadge(id);
18878        }
18879      });
18880    });
18881
18882    root.addEventListener('keydown', (e) => {
18883      if (e.key === 'Escape') closeModal();
18884    });
18885    if (modal) modal.addEventListener('click', (e) => { if (e.target === modal) closeModal(); });
18886    if (modalClose) modalClose.addEventListener('click', () => closeModal());
18887
18888    // Initialise: pre-select the default hotspot without an animated transition
18889    const defaultDot = Array.from(dots).find(d => d.dataset.isDefault === 'true') || dots[0];
18890    if (defaultDot) {
18891      const defaultId = defaultDot.dataset.hotspotDot;
18892      // Set the correct panel active so activate() skips the transition (currentPanel === nextPanel)
18893      root.querySelectorAll('.c-hotspot__panel').forEach(p => p.classList.remove('is-active'));
18894      const initPanel = root.querySelector(`[data-hotspot-panel="${defaultId}"]`);
18895      if (initPanel) initPanel.classList.add('is-active');
18896      activate(defaultId);
18897    }
18898  })();
18899</script>
18899
18900
18901
18902<style> #shopify-section-template--19420722397381__c_hotspot_feature_callout_DNgcwR .c-cta--primary {border: none;} </style></section><section id="shopify-section-template--19420722397381__modelo3d_dSOgnB" class="shopify-section c-modelo3d-section">
18903
18904
18905
18906<style data-shopify>
18907  /* IMPORTANT: Always use these exact media query breakpoints */
18908  /* Mobile first (without media query) */
18909  /* Tablet: @media (width >= 768px) {} */
18910  /* Laptop: @media (width >= 978px) {} */
18911  /* Desktop: @media (width >= 1200px) {} */
18912  /* TV: @media (width >= 1980px) {} */
18913
18914  #template--19420722397381__modelo3d_dSOgnB.c-modelo3d {
18915    --m3d-stage-w: 741px;
18916    background: linear-gradient(90deg, #F7EDE2 0%, #FFFFFF 50%, #F3EEF7 100%);
18917    padding: 40px 0;
18918  }
18919
18920  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__inner {
18921    display: flex;
18922    flex-direction: column;
18923    align-items: center;
18924    gap: 24px;
18925    width: 100%;
18926  }
18927
18928  /* ===== Heading ===== */
18929  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__head {
18930    display: flex;
18931    flex-direction: column;
18932    align-items: center;
18933    gap: 12px;
18934    width: 100%;
18935    text-align: center;
18936    color: #000;
18937  }
18938
18939  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__title,
18940  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__title p,
18941  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__title h1,
18942  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__title h2,
18943  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__title h3,
18944  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__title h4,
18945  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__title h5,
18946  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__title h6 {
18947    font-family: "Founders Grotesk", "FounderGrotesk", var(--body-family);
18948    font-size: 30px;
18949    font-weight: 400;
18950    line-height: normal;
18951    margin: 0;
18952    color: inherit;
18953  }
18954
18955  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__subtitle {
18956    font-family: "Founders Grotesk", "FounderGrotesk", var(--body-family);
18957    font-size: 20px;
18958    font-weight: 400;
18959    line-height: 1.2;
18960    margin: 0;
18961    color: inherit;
18962  }
18963
18964  /* ===== Stage ===== */
18965  /* The stage is the coordinate space for the hotspots: a percentage in the
18966     block settings is a percentage of this box, both here and in the editor. */
18967  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__stage {
18968    position: relative;
18969    width: 100%;
18970    max-width: 741px;
18971    aspect-ratio: 4 / 5;
18972    margin: 0 auto;
18973  }
18974
18975  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__viewer {
18976    position: absolute;
18977    inset: 0;
18978    width: 100%;
18979    height: 100%;
18980    border-radius: 33px;
18981    overflow: hidden;
18982    background: transparent;
18983    /* Same drop shadow the Figma frame carries; on a transparent model it
18984       traces the silhouette rather than a box. */
18985    filter: drop-shadow(3px 2px 1px rgba(0, 0, 0, 0.15));
18986  }
18987
18988  #template--19420722397381__modelo3d_dSOgnB model-viewer.c-modelo3d__viewer {
18989    display: block;
18990    --poster-color: transparent;
18991    --progress-bar-color: #f7b267;
18992  }
18993
18994  #template--19420722397381__modelo3d_dSOgnB video.c-modelo3d__viewer {
18995    display: block;
18996    object-fit: cover;
18997  }
18998
18999  /* Con el fondo recortado el vídeo pasa a ser la fuente de una textura y lo que
19000     se ve es el lienzo. El <video> sigue en el DOM porque es quien decodifica;
19001     se le quita de la vista sin `display:none`, que en varios navegadores para
19002     la reproducción. */
19003  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__viewer--source {
19004    position: absolute;
19005    width: 1px;
19006    height: 1px;
19007    opacity: 0;
19008    pointer-events: none;
19009  }
19010
19011  #template--19420722397381__modelo3d_dSOgnB canvas.c-modelo3d__viewer {
19012    display: block;
19013  }
19014
19015  /* ===== Hint ===== */
19016  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__hint {
19017    position: absolute;
19018    top: 2px;
19019    left: 50%;
19020    transform: translateX(-50%);
19021    z-index: 4;
19022    display: inline-flex;
19023    align-items: flex-start;
19024    gap: 2.128px;
19025    pointer-events: none;
19026    white-space: nowrap;
19027  }
19028
19029  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__hint span {
19030    font-family: var(--body-family);
19031    font-size: 15px;
19032    font-weight: 500;
19033    line-height: 1.3;
19034    color: var(--slate-black, #181e21);
19035  }
19036
19037  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__hint-icon {
19038    width: 16px;
19039    height: 16px;
19040    flex-shrink: 0;
19041  }
19042
19043  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__hint-icon svg {
19044    display: block;
19045    width: 100%;
19046    height: 100%;
19047  }
19048
19049  /* ===== Hotspot overlay ===== */
19050  /* The overlay lets clicks through so dragging the model still rotates it;
19051     only the markers themselves catch the pointer. */
19052  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__spots {
19053    position: absolute;
19054    inset: 0;
19055    z-index: 5;
19056    pointer-events: none;
19057  }
19058
19059  /* El anclaje es 0 x 0 a propósito: marcador y tarjeta cuelgan de un punto, no
19060     de una caja, así que crecer no descoloca nada. */
19061  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__item {
19062    width: 0;
19063    height: 0;
19064  }
19065
19066  /* Camino de porcentajes: lo usa el modo vídeo y cualquier bloque al que aún no
19067     le hayan sacado la coordenada del modelo. */
19068  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__item--overlay {
19069    position: absolute;
19070    left: var(--m3d-x-mobile, var(--m3d-x));
19071    top: var(--m3d-y-mobile, var(--m3d-y));
19072  }
19073
19074  /* Camino anclado: la posición la pone <model-viewer> a partir de la coordenada
19075     en el espacio del modelo, de modo que el punto gira con la pieza. Cuando
19076     queda en la cara de atrás el visor le quita `data-visible` y desaparece. */
19077  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__item--anchored {
19078    position: relative;
19079  }
19080
19081  /* Vale para los dos anclajes: el de la malla y el del plato giratorio del
19082     vídeo. Mientras el punto mire hacia atrás, no se pinta. */
19083  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__item--anchored,
19084  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__item--turntable {
19085    opacity: 0;
19086    visibility: hidden;
19087    transition: opacity 0.2s ease, visibility 0s linear 0.2s;
19088  }
19089
19090  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__item--anchored[data-visible],
19091  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__item--turntable[data-visible] {
19092    opacity: 1;
19093    visibility: visible;
19094    transition: opacity 0.2s ease;
19095  }
19096
19097  /* El desvanecido junto al canto evita que el punto aparezca de golpe. */
19098  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__item--turntable[data-visible] {
19099    opacity: var(--m3d-facing, 1);
19100  }
19101
19102  /* ===== Marker ===== */
19103  /* Figma: solid core d=17.44, halo d=25.118 blurred by 7.474, both in the
19104     hotspot colour. Hovering scales the pair by 2.063. */
19105  /* Dentro del visor no hay capa que filtre el puntero, así que lo filtra el
19106     propio anclaje. Ojo con incluir aquí la tarjeta: esta regla es más
19107     específica que la que la apaga cuando está cerrada, y una tarjeta invisible
19108     de 200px se come el toque del marcador y el arrastre del modelo. */
19109  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__item--anchored {
19110    pointer-events: none;
19111  }
19112
19113  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__item--anchored .c-modelo3d__dot {
19114    pointer-events: auto;
19115  }
19116
19117  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__dot {
19118    --dot-core: 12.2px;
19119    --dot-halo: 17.6px;
19120    --dot-blur: 5.23px;
19121    position: absolute;
19122    top: 0;
19123    left: 0;
19124    transform: translate(-50%, -50%);
19125    width: var(--dot-halo);
19126    height: var(--dot-halo);
19127    padding: 0;
19128    border: 0;
19129    background: transparent;
19130    cursor: pointer;
19131    pointer-events: auto;
19132    z-index: 2;
19133  }
19134
19135  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__dot::before,
19136  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__dot::after {
19137    content: "";
19138    position: absolute;
19139    top: 50%;
19140    left: 50%;
19141    border-radius: 50%;
19142    background: var(--m3d-color, #f7b267);
19143    transition: width 0.25s ease, height 0.25s ease;
19144    pointer-events: none;
19145  }
19146
19147  /* Halo */
19148  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__dot::after {
19149    width: var(--dot-halo);
19150    height: var(--dot-halo);
19151    transform: translate(-50%, -50%);
19152    filter: blur(var(--dot-blur));
19153    z-index: 1;
19154  }
19155
19156  /* Core */
19157  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__dot::before {
19158    width: var(--dot-core);
19159    height: var(--dot-core);
19160    transform: translate(-50%, -50%);
19161    z-index: 2;
19162  }
19163
19164  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__item.is-open .c-modelo3d__dot::before {
19165    width: calc(var(--dot-core) * 2.063);
19166    height: calc(var(--dot-core) * 2.063);
19167  }
19168
19169  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__item.is-open .c-modelo3d__dot::after {
19170    width: calc(var(--dot-halo) * 2.063);
19171    height: calc(var(--dot-halo) * 2.063);
19172  }
19173
19174  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__dot:focus-visible {
19175    outline: 2px solid var(--slate-black, #181e21);
19176    outline-offset: 6px;
19177    border-radius: 50%;
19178  }
19179
19180  /* ===== Card ===== */
19181  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__card {
19182    position: absolute;
19183    top: 0;
19184    z-index: 3;
19185    display: flex;
19186    flex-direction: column;
19187    width: max-content;
19188    max-width: min(200px, 48vw);
19189    padding: 7.6px 11.4px;
19190    border-radius: 6.1px;
19191    background: var(--m3d-color, #f7b267);
19192    color: var(--m3d-text, #000);
19193    letter-spacing: 0.31px;
19194    opacity: 0;
19195    transform: translate(var(--m3d-nudge-x, 0px), calc(-50% + var(--m3d-nudge-y, 0px))) scale(0.96);
19196    transform-origin: center;
19197    pointer-events: none;
19198    transition: opacity 0.25s ease, transform 0.25s ease;
19199  }
19200
19201  /* The soft glow Figma paints as a blurred copy of the card behind it. */
19202  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__card::before {
19203    content: "";
19204    position: absolute;
19205    inset: 0;
19206    border-radius: 6.4px;
19207    background: var(--m3d-color, #f7b267);
19208    filter: blur(4.17px);
19209    z-index: -1;
19210  }
19211
19212  /* En móvil el escenario es estrecho: si respetáramos el lado elegido en el
19213     editor, un marcador pegado al borde sacaría la tarjeta de la pantalla. El
19214     lado lo decide la mitad en la que cae el marcador y el ancho se acota a
19215     media pantalla, con lo que siempre entra. A partir de 768px manda el ajuste. */
19216  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__item--m-right .c-modelo3d__card {
19217    left: calc(var(--dot-halo, 17.6px) / -2);
19218    right: auto;
19219  }
19220
19221  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__item--m-left .c-modelo3d__card {
19222    right: calc(var(--dot-halo, 17.6px) / -2);
19223    left: auto;
19224  }
19225
19226  /* Card fitting (script): the viewer clips whatever leaves its box, so a card
19227     that does not fit on its side opens on the other one (data-card-side) and,
19228     if neither fits, slides back inside (--m3d-nudge-x / --m3d-nudge-y). */
19229  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__item[data-card-side="right"] .c-modelo3d__card {
19230    left: calc(var(--dot-halo, 17.6px) / -2);
19231    right: auto;
19232  }
19233
19234  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__item[data-card-side="left"] .c-modelo3d__card {
19235    right: calc(var(--dot-halo, 17.6px) / -2);
19236    left: auto;
19237  }
19238
19239  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__item.is-open .c-modelo3d__card {
19240    opacity: 1;
19241    transform: translate(var(--m3d-nudge-x, 0px), calc(-50% + var(--m3d-nudge-y, 0px))) scale(1);
19242    pointer-events: auto;
19243  }
19244
19245  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__card-title {
19246    font-family: var(--body-family);
19247    font-size: 15px;
19248    font-weight: 700;
19249    line-height: 1.3;
19250    margin: 0;
19251    color: inherit;
19252  }
19253
19254  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__card-text {
19255    font-family: var(--body-family);
19256    font-size: 15px;
19257    font-weight: 400;
19258    line-height: 1.3;
19259    margin: 0;
19260    color: inherit;
19261  }
19262
19263  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__card-lead {
19264    font-weight: 700;
19265  }
19266
19267  /* ===== Footer buttons ===== */
19268  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__ctas {
19269    display: flex;
19270    flex-wrap: wrap;
19271    align-items: flex-start;
19272    justify-content: center;
19273    gap: 14.321px;
19274  }
19275
19276  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__cta {
19277    display: inline-flex;
19278    align-items: center;
19279    justify-content: center;
19280    gap: 9.547px;
19281    font-family: var(--body-family);
19282    font-size: 17px;
19283    line-height: 1.5;
19284    color: var(--slate-black, #181e21);
19285    text-decoration: none;
19286  }
19287
19288  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__cta--primary {
19289    padding: 14.321px 28.642px;
19290    border-radius: 47.737px;
19291    background: #f7b267;
19292    font-weight: 500;
19293  }
19294
19295  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__cta--secondary {
19296    padding: 14.321px;
19297    border-radius: 7.16px;
19298    font-weight: 400;
19299  }
19300
19301  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__cta-icon {
19302    width: 19.095px;
19303    height: 19.095px;
19304    flex-shrink: 0;
19305  }
19306
19307  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__cta-icon svg {
19308    display: block;
19309    width: 100%;
19310    height: 100%;
19311  }
19312
19313  /* ===== Tablet ===== */
19314  @media (width >= 768px) {
19315    #template--19420722397381__modelo3d_dSOgnB.c-modelo3d {
19316      padding: 52px 0;
19317    }
19318
19319    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__inner {
19320      gap: 28px;
19321    }
19322
19323    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__stage {
19324      aspect-ratio: 741 / 580;
19325    }
19326
19327    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__title,
19328    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__title p,
19329    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__title h1,
19330    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__title h2,
19331    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__title h3 {
19332      font-size: 40px;
19333    }
19334
19335    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__subtitle {
19336      font-size: 26px;
19337    }
19338
19339    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__hint span {
19340      font-size: 20px;
19341    }
19342
19343    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__hint-icon {
19344      width: 21px;
19345      height: 21px;
19346    }
19347
19348    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__dot {
19349      --dot-core: 14.8px;
19350      --dot-halo: 21.4px;
19351      --dot-blur: 6.36px;
19352    }
19353
19354    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__item--overlay {
19355      left: var(--m3d-x);
19356      top: var(--m3d-y);
19357    }
19358
19359    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__item--right .c-modelo3d__card {
19360      left: calc(var(--dot-halo, 21.4px) / -2);
19361      right: auto;
19362    }
19363
19364    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__item--left .c-modelo3d__card {
19365      right: calc(var(--dot-halo, 21.4px) / -2);
19366      left: auto;
19367    }
19368
19369    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__item[data-card-side="right"] .c-modelo3d__card {
19370      left: calc(var(--dot-halo, 21.4px) / -2);
19371      right: auto;
19372    }
19373
19374    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__item[data-card-side="left"] .c-modelo3d__card {
19375      right: calc(var(--dot-halo, 21.4px) / -2);
19376      left: auto;
19377    }
19378
19379    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__card {
19380      max-width: min(330px, calc(var(--m3d-stage-w, 741px) * 0.45));
19381      padding: 10.1px 15.2px;
19382      border-radius: 8.1px;
19383      letter-spacing: 0.41px;
19384    }
19385
19386    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__card-title,
19387    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__card-text {
19388      font-size: 20px;
19389    }
19390  }
19391
19392  /* ===== Desktop ===== */
19393  @media (width >= 1200px) {
19394    #template--19420722397381__modelo3d_dSOgnB.c-modelo3d {
19395      padding: 64px 0;
19396    }
19397
19398    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__inner {
19399      gap: 32px;
19400    }
19401
19402    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__title,
19403    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__title p,
19404    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__title h1,
19405    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__title h2,
19406    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__title h3 {
19407      font-size: 48px;
19408    }
19409
19410    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__subtitle {
19411      font-size: 32px;
19412    }
19413
19414    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__hint {
19415      top: 10.74px;
19416    }
19417
19418    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__hint span {
19419      font-size: 24px;
19420    }
19421
19422    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__hint-icon {
19423      width: 25.536px;
19424      height: 25.536px;
19425    }
19426
19427    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__dot {
19428      --dot-core: 17.44px;
19429      --dot-halo: 25.118px;
19430      --dot-blur: 7.474px;
19431    }
19432
19433    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__card {
19434      max-width: min(470px, calc(var(--m3d-stage-w, 741px) * 0.45));
19435      padding: 11.934px 17.901px;
19436      border-radius: 9.547px;
19437      letter-spacing: 0.48px;
19438    }
19439
19440    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__card::before {
19441      border-radius: 10px;
19442      filter: blur(6.55px);
19443    }
19444
19445    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__card-title,
19446    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__card-text {
19447      font-size: 24px;
19448    }
19449
19450    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__cta {
19451      font-size: 19.095px;
19452    }
19453  }
19454
19455  /* Selector de coordenadas: sólo aparece si el comerciante lo enciende. */
19456  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__picker {
19457    position: absolute;
19458    left: 12px;
19459    bottom: 12px;
19460    z-index: 8;
19461    max-width: 300px;
19462    padding: 12px 14px;
19463    border-radius: 8px;
19464    background: rgba(24, 30, 33, 0.92);
19465    color: #fff;
19466    font-family: var(--body-family);
19467    font-size: 12px;
19468    line-height: 1.45;
19469  }
19470
19471  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__picker code {
19472    display: block;
19473    margin-top: 6px;
19474    padding: 6px 8px;
19475    border-radius: 4px;
19476    background: rgba(255, 255, 255, 0.12);
19477    font-family: ui-monospace, monospace;
19478    user-select: all;
19479    word-break: break-all;
19480  }
19481
19482  #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__picker b {
19483    display: block;
19484    font-weight: 700;
19485    letter-spacing: 0.06em;
19486    text-transform: uppercase;
19487    font-size: 10px;
19488    opacity: 0.7;
19489  }
19490
19491  @media (prefers-reduced-motion: reduce) {
19492    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__card,
19493    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__dot::before,
19494    #template--19420722397381__modelo3d_dSOgnB .c-modelo3d__dot::after {
19495      transition: none;
19496    }
19497  }
19498</style>
19499<section
19500  id="template--19420722397381__modelo3d_dSOgnB"
19501  class="c-section c-modelo3d"
19502>
19503  <div class="c-section__inner">
19504    <div
19505      class="c-modelo3d__inner"
19506      data-modelo3d-root="template--19420722397381__modelo3d_dSOgnB"
19507    >
19508      
19509        <div class="c-modelo3d__head">
19510          
19511            <div class="c-modelo3d__title"><p>Engineered for everyday.</p></div>
19512          
19513          
19514            <p class="c-modelo3d__subtitle">Durable enough to keep up.  Comfortable enough to forget</p>
19515          
19516        </div>
19517      
19518
19519      <div
19520        class="c-modelo3d__stage"
19521        data-modelo3d-stage
19522      >
19523        
19524          
19525            <model-viewer
19526              class="c-modelo3d__viewer"
19527              data-modelo3d-viewer
19528              src="https://cdn.shopify.com/3d/models/o/3f37e9b0b9a760c4/Meshy_AI_Midnight_Band_Holder_0910125935_texture.glb"
19529              alt="Apollo wearable 3D model"
19530              
19531              camera-controls
19532              
19533                camera-orbit="0deg 90deg 105%"
19534              
19535              
19536                auto-rotate
19537                auto-rotate-delay="3000"
19538                rotation-per-second="-6deg"
19539              
19540              disable-pan
19541              shadow-intensity="0"
19542              exposure="1"
19543              interaction-prompt="none"
19544              loading="lazy"
19545            ><div
19546        class="c-modelo3d__item c-modelo3d__item--right c-modelo3d__item--m-left c-modelo3d__item--anchored"
19547        slot="hotspot-hotspot_qBTHbr"
19548        data-modelo3d-item
19549        data-position="0.0146m 0.3461m 0.8152m"
19550        data-normal="0.0020m 0.1144m 0.9934m"
19551        data-visibility-attribute="visible"
19552        style="--m3d-color: #f7b267; --m3d-text: #181e21;"
19553        
19554      ><button
19555      class="c-modelo3d__dot"
19556      type="button"
19557      data-modelo3d-dot
19558      aria-label="8 hours"
19559      aria-expanded="false"
19560      aria-controls="m3d-card-hotspot_qBTHbr"
19561    ></button>
19562    <div class="c-modelo3d__card" id="m3d-card-hotspot_qBTHbr" data-modelo3d-card role="tooltip"><p class="c-modelo3d__card-title">8 hours</p><p class="c-modelo3d__card-text">of continuous use</p></div></div><div
19563        class="c-modelo3d__item c-modelo3d__item--left c-modelo3d__item--m-right c-modelo3d__item--anchored"
19564        slot="hotspot-hotspot_UgBEQV"
19565        data-modelo3d-item
19566        data-position="0.4610m 0.1337m 0.6106m"
19567        data-normal="0.9921m 0.0052m 0.1256m"
19568        data-visibility-attribute="visible"
19569        style="--m3d-color: #adb020; --m3d-text: #181e21;"
19570        
19571      ><button
19572      class="c-modelo3d__dot"
19573      type="button"
19574      data-modelo3d-dot
19575      aria-label="Airplane mode"
19576      aria-expanded="false"
19577      aria-controls="m3d-card-hotspot_UgBEQV"
19578    ></button>
19579    <div class="c-modelo3d__card" id="m3d-card-hotspot_UgBEQV" data-modelo3d-card role="tooltip"><p class="c-modelo3d__card-title">Airplane mode</p></div></div><div
19580        class="c-modelo3d__item c-modelo3d__item--left c-modelo3d__item--m-right c-modelo3d__item--anchored"
19581        slot="hotspot-hotspot_jeZIXi"
19582        data-modelo3d-item
19583        data-position="0.4621m -0.2242m 0.6038m"
19584        data-normal="0.9989m -0.0478m -0.0022m"
19585        data-visibility-attribute="visible"
19586        style="--m3d-color: #aee3d2; --m3d-text: #181e21;"
19587        
19588      ><button
19589      class="c-modelo3d__dot"
19590      type="button"
19591      data-modelo3d-dot
19592      aria-label="Bluetooth BLE 5.0"
19593      aria-expanded="false"
19594      aria-controls="m3d-card-hotspot_jeZIXi"
19595    ></button>
19596    <div class="c-modelo3d__card" id="m3d-card-hotspot_jeZIXi" data-modelo3d-card role="tooltip"><p class="c-modelo3d__card-title">Bluetooth BLE 5.0</p></div></div><div
19597        class="c-modelo3d__item c-modelo3d__item--right c-modelo3d__item--m-left c-modelo3d__item--anchored"
19598        slot="hotspot-hotspot_GkjHEX"
19599        data-modelo3d-item
19600        data-position="-0.3409m 0.2194m 0.4734m"
19601        data-normal="-0.1425m -0.0760m -0.9869m"
19602        data-visibility-attribute="visible"
19603        style="--m3d-color: #c092c6; --m3d-text: #181e21;"
19604        
19605      ><button
19606      class="c-modelo3d__dot"
19607      type="button"
19608      data-modelo3d-dot
19609      aria-label="Clips made from durable"
19610      aria-expanded="false"
19611      aria-controls="m3d-card-hotspot_GkjHEX"
19612    ></button>
19613    <div class="c-modelo3d__card" id="m3d-card-hotspot_GkjHEX" data-modelo3d-card role="tooltip"><p class="c-modelo3d__card-title">
19613Clips made from durable</p><p class="c-modelo3d__card-text">polycarbonate plastic</p></div></div><div
19614        class="c-modelo3d__item c-modelo3d__item--right c-modelo3d__item--m-right c-modelo3d__item--anchored"
19615        slot="hotspot-hotspot_QEHEsB"
19616        data-modelo3d-item
19617        data-position="-0.0000m -0.4961m -0.7552m"
19618        data-normal="-0.0461m -0.0014m -0.9989m"
19619        data-visibility-attribute="visible"
19620        style="--m3d-color: #17758e; --m3d-text: #ffffff;"
19621        
19622      ><button
19623      class="c-modelo3d__dot"
19624      type="button"
19625      data-modelo3d-dot
19626      aria-label="Comfortable and durable neoprene"
19627      aria-expanded="false"
19628      aria-controls="m3d-card-hotspot_QEHEsB"
19629    ></button>
19630    <div class="c-modelo3d__card" id="m3d-card-hotspot_QEHEsB" data-modelo3d-card role="tooltip"><p class="c-modelo3d__card-title">Comfortable and durable neoprene</p><p class="c-modelo3d__card-text">material with polyester overlays</p></div></div><div
19631        class="c-modelo3d__item c-modelo3d__item--right c-modelo3d__item--m-right c-modelo3d__item--anchored"
19632        slot="hotspot-hotspot_vibeMd"
19633        data-modelo3d-item
19634        data-position="-0.3675m -0.2915m 0.7839m"
19635        data-normal="-0.4941m -0.0967m 0.8640m"
19636        data-visibility-attribute="visible"
19637        style="--m3d-color: #687cbd; --m3d-text: #ffffff;"
19638        
19639      ><button
19640      class="c-modelo3d__dot"
19641      type="button"
19642      data-modelo3d-dot
19643      aria-label="6 Vibe modes:"
19644      aria-expanded="false"
19645      aria-controls="m3d-card-hotspot_vibeMd"
19646    ></button>
19647    <div class="c-modelo3d__card" id="m3d-card-hotspot_vibeMd" data-modelo3d-card role="tooltip"><p class="c-modelo3d__card-text">
19648          <strong class="c-modelo3d__card-lead">6 Vibe modes:</strong>
19649          Calm · Focus · Energy Recovery · Social · Sleep
19650        </p></div></div><div
19651        class="c-modelo3d__item c-modelo3d__item--left c-modelo3d__item--m-right c-modelo3d__item--anchored"
19652        slot="hotspot-hotspot_silnVb"
19653        data-modelo3d-item
19654        data-position="0.0887m 0.3906m 0.4273m"
19655        data-normal="0.0482m -0.1370m -0.9894m"
19656        data-visibility-attribute="visible"
19657        style="--m3d-color: #f2a03d; --m3d-text: #181e21;"
19658        
19659      ><button
19660      class="c-modelo3d__dot"
19661      type="button"
19662      data-modelo3d-dot
19663      aria-label="Gentle, silent vibration:"
19664      aria-expanded="false"
19665      aria-controls="m3d-card-hotspot_silnVb"
19666    ></button>
19667    <div class="c-modelo3d__card" id="m3d-card-hotspot_silnVb" data-modelo3d-card role="tooltip"><p class="c-modelo3d__card-title">Gentle, silent vibration:</p><p class="c-modelo3d__card-text">No sound, no screen</p></div></div><div
19668        class="c-modelo3d__item c-modelo3d__item--left c-modelo3d__item--m-left c-modelo3d__item--anchored"
19669        slot="hotspot-hotspot_skinSf"
19670        data-modelo3d-item
19671        data-position="-0.0370m 0.0583m -0.8379m"
19672        data-normal="-0.0559m 0.1103m -0.9923m"
19673        data-visibility-attribute="visible"
19674        style="--m3d-color: #d2ab37; --m3d-text: #181e21;"
19675        
19676      ><button
19677      class="c-modelo3d__dot"
19678      type="button"
19679      data-modelo3d-dot
19680      aria-label="Skin-safe material, no irritation with all-day wear"
19681      aria-expanded="false"
19682      aria-controls="m3d-card-hotspot_skinSf"
19683    ></button>
19684    <div class="c-modelo3d__card" id="m3d-card-hotspot_skinSf" data-modelo3d-card role="tooltip"><p class="c-modelo3d__card-title">Skin-safe material, no irritation with all-day wear</p></div></div></model-viewer>
19685          
19686        
19687
19688        
19689
19690        
19691          <div class="c-modelo3d__hint">
19692            <span>Rotate to explore. Hover the dots to discover.</span>
19693            <span
19694              class="c-modelo3d__hint-icon"
19695              aria-hidden="true"
19696            >
19697              <svg viewBox="0 0 18.6199 22.3438" fill="none" xmlns="http://www.w3.org/2000/svg">
19698                <path d="M4.78796 12.2359V6.38393C4.78796 5.96065 4.95611 5.55471 5.25542 5.2554C5.55472 4.95609 5.96067 4.78795 6.38395 4.78795C6.80723 4.78795 7.21318 4.95609 7.51249 5.2554C7.81179 5.55471 7.97994 5.96065 7.97994 6.38393V12.2359" stroke="currentColor" stroke-width="2.12798" stroke-linecap="round" stroke-linejoin="round"/>
19699                <path d="M17.5559 11.7039V15.1619C17.5559 18.5406 14.8166 21.2798 11.4379 21.2798H10.9059C7.52721 21.2798 4.78796 18.5406 4.78796 15.1619V11.7039" stroke="currentColor" stroke-width="2.12798" stroke-linecap="round" stroke-linejoin="round"/>
19700                <path d="M7.97994 13.8319V11.1719C7.97994 10.7486 8.14809 10.3427 8.44739 10.0434C8.7467 9.74406 9.15264 9.57591 9.57593 9.57591C9.99921 9.57591 10.4052 9.74406 10.7045 10.0434C11.0038 10.3427 11.1719 10.7486 11.1719 11.1719M11.1719 11.1719V13.8319M11.1719 11.1719C11.1719 10.7486 11.3401 10.3427 11.6394 10.0434C11.9387 9.74406 12.3446 9.57591 12.7679 9.57591C13.1912 9.57591 13.5971 9.74406 13.8964 10.
197000434C14.1957 10.3427 14.3639 10.7486 14.3639 11.1719M14.3639 11.1719V13.8319M14.3639 11.1719C14.3639 10.7486 14.532 10.3427 14.8313 10.0434C15.1306 9.74406 15.5366 9.57591 15.9599 9.57591C16.3832 9.57591 16.7891 9.74406 17.0884 10.0434C17.3877 10.3427 17.5559 10.7486 17.5559 11.1719V13.8319" stroke="currentColor" stroke-width="2.12798" stroke-linecap="round" stroke-linejoin="round"/>
19701                <path d="M11.7039 6.38395C11.705 5.24517 11.3396 4.13626 10.6617 3.22124C10.1674 2.55187 9.52272 2.00794 8.77971 1.63325C8.0367 1.25855 7.21609 1.06357 6.38395 1.06399C5.55172 1.06349 4.73101 1.25843 3.9879 1.63313C3.24479 2.00782 2.60006 2.55179 2.10564 3.22124C1.42793 4.13632 1.0627 5.24523 1.06399 6.38395" stroke="currentColor" stroke-width="2.12798" stroke-linecap="round"/>
19702              </svg>
19703            </span>
19704          </div>
19705        
19706
19707        <div class="c-modelo3d__spots"></div>
19708
19709        
19710      </div>
19711
19712      
19713        <div class="c-modelo3d__ctas">
19714          
19715            <a
19716              class="c-modelo3d__cta c-modelo3d__cta--primary"
19717              href="/products/apollo-wearable-1-year-ai-membership-starter-kit"
19718            >
19719              Shop Apollo Wearable
19720            </a>
19721          
19722          
19723            <a
19724              class="c-modelo3d__cta c-modelo3d__cta--secondary"
19725              href="/products/apollo-wearable-1-year-ai-membership-starter-kit"
19726            >
19727              Explore Features
19728              <span
19729                class="c-modelo3d__cta-icon"
19730                aria-hidden="true"
19731              >
19732                <svg viewBox="0 0 19.0947 19.0947" fill="none" xmlns="http://www.w3.org/2000/svg">
19733                  <path d="M16.4274 9.8636L11.057 15.234C10.9722 15.313 10.86 15.3561 10.744 15.354C10.6281 15.352 10.5175 15.305 10.4355 15.223C10.3535 15.141 10.3065 15.0304 10.3045 14.9145C10.3024 14.7985 10.3455 14.6863 10.4245 14.6015L15.0304 9.99488H2.98358C2.86489 9.99488 2.75105 9.94773 2.66713 9.8638C2.5832 9.77987 2.53605 9.66604 2.53605 9.54735C2.53605 9.42866 2.5832 9.31483 2.66713 9.2309C2.75105 9.14697 2.86489 9.09982 2.98358 9.09982H15.0304L10.4245 4.49323C10.3455 4.4084 10.3024 4.29619 10.3045 4.18025C10.3065 4.06431 10.3535 3.95369 10.4355 3.87169C10.5175 3.7897 10.6281 3.74273 10.744 3.74068C10.86 3.73864 10.9722 3.78167 11.057 3.86072L16.4274 9.23109C16.5112 9.31501 16.5583 9.42875 16.5583 9.54735C16.5583 9.66595 16.5112 9.77969 16.4274 9.8636Z" fill="currentColor"/>
19734                </svg>
19735              </span>
19736            </a>
19737          
19738        </div>
19739      
19740    </div>
19741  </div>
19742</section>
19743
19744<script>
19745  (function () {
19746    var root = document.querySelector('[data-modelo3d-root="template--19420722397381__modelo3d_dSOgnB"]');
19747    if (!root || root.dataset.modelo3dReady === 'true') return;
19748    root.dataset.modelo3dReady = 'true';
19749
19750    var items = Array.from(root.querySelectorAll('[data-modelo3d-item]'));
19751    var openItem = null;
19752
19753    // Hover is the designed trigger, but a finger cannot hover: on coarse
19754    // pointers the marker toggles on tap instead.
19755    var finePointer = window.matchMedia('(hover: hover) and (pointer: fine)');
19756
19757    // A card must never be cut off. <model-viewer> clips its hotspots to its own
19758    // box and the model keeps turning while a card is open, so the fit is checked
19759    // on every frame: the side set in the editor while it fits, else the other
19760    // side, else the card slides back inside.
19761    var tabletUp = window.matchMedia('(min-width: 768px)');
19762    var FIT_GAP = 8;
19763    var fitFrame = null;
19764
19765    function fitCard(item) {
19766      var card = item.querySelector('[data-modelo3d-card]');
19767      if (!card) return;
19768      var box = (item.closest('model-viewer') || root.querySelector('.c-modelo3d__stage') || root).getBoundingClientRect();
19769      var minX = Math.max(box.left, 0) + FIT_GAP;
19770      var maxX = Math.min(box.right, window.innerWidth) - FIT_GAP;
19771      var minY = box.top + FIT_GAP;
19772      var maxY = box.bottom - FIT_GAP;
19773
19774      // The item is a 0x0 box on the marker and the card's offset parent.
19775      var anchor = item.getBoundingClientRect();
19776      var w = card.offsetWidth;
19777      var h = card.offsetHeight;
19778      var reach = card.offsetLeft + w / 2 > 0 ? -card.offsetLeft : card.offsetLeft + w;
19779      var spans = {
19780        right: [anchor.left - reach, anchor.left - reach + w],
19781        left: [anchor.left + reach - w, anchor.left + reach]
19782      };
19783      var overflow = function (side) {
19784        return Math.max(0, minX - spans[side][0]) + Math.max(0, spans[side][1] - maxX);
19785      };
19786
19787      var home = tabletUp.matches
19788        ? (item.classList.contains('c-modelo3d__item--left') ? 'left' : 'right')
19789        : (item.classList.contains('c-modelo3d__item--m-left') ? 'left' : 'right');
19790      var other = home === 'right' ? 'left' : 'right';
19791      var side = overflow(home) === 0 || overflow(home) <= overflow(other) ? home : other;
19792
19793      var span = spans[side];
19794      var dx = span[0] < minX ? minX - span[0] : span[1] > maxX ? maxX - span[1] : 0;
19795      var top = anchor.top - h / 2;
19796      var dy = top < minY ? minY - top : top + h > maxY ? maxY - (top + h) : 0;
19797
19798      if (item.getAttribute('data-card-side') !== side) item.setAttribute('data-card-side', side);
19799      item.style.setProperty('--m3d-nudge-x', Math.round(dx) + 'px');
19800      item.style.setProperty('--m3d-nudge-y', Math.round(dy) + 'px');
19801    }
19802
19803    function trackFit() {
19804      if (!openItem) {
19805        fitFrame = null;
19806        return;
19807      }
19808      fitCard(openItem);
19809      fitFrame = requestAnimationFrame(trackFit);
19810    }
19811
19812    function open(item) {
19813      if (openItem === item) return;
19814      if (openItem) close(openItem);
19815      openItem = item;
19816      fitCard(item);
19817      if (!fitFrame) fitFrame = requestAnimationFrame(trackFit);
19818      item.classList.add('is-open');
19819      var dot = item.querySelector('[data-modelo3d-dot]');
19820      if (dot) dot.setAttribute('aria-expanded', 'true');
19821    }
19822
19823    function close(item) {
19824      if (!item) return;
19825      item.classList.remove('is-open');
19826      var dot = item.querySelector('[data-modelo3d-dot]');
19827      if (dot) dot.setAttribute('aria-expanded', 'false');
19828      if (openItem === item) openItem = null;
19829    }
19830
19831    items.forEach(function (item) {
19832      var dot = item.querySelector('[data-modelo3d-dot]');
19833      if (!dot) return;
19834
19835      item.addEventListener('mouseenter', function () {
19836        if (finePointer.matches) open(item);
19837      });
19838
19839      item.addEventListener('mouseleave', function () {
19840        if (finePointer.matches) close(item);
19841      });
19842
19843      // Keyboard: the card follows focus, so Tab walks the hotspots.
19844      dot.addEventListener('focus', function () {
19845        open(item);
19846      });
19847
19848      item.addEventListener('focusout', function (event) {
19849        if (!item.contains(event.relatedTarget)) close(item);
19850      });
19851
19852      dot.addEventListener('click', function (event) {
19853        event.preventDefault();
19854        if (finePointer.matches) return;
19855        if (item.classList.contains('is-open')) {
19856          close(item);
19857        } else {
19858          open(item);
19859        }
19860      });
19861    });
19862
19863    // Un punto anclado desaparece cuando el giro lo manda a la cara de atrás.
19864    // Si tenía la tarjeta abierta, hay que cerrarla o se queda flotando sola.
19865    items.forEach(function (item) {
19866      if (!item.classList.contains('c-modelo3d__item--anchored')) return;
19867      item.addEventListener('hotspot-visibility', function (event) {
19868        if (!event.detail || event.detail.visible === false) close(item);
19869      });
19870    });// Recorrido guiado. Cada punto que el giro trae al frente abre su tarjeta,
19871    // la mantiene un momento y cede el turno al siguiente. El modelo no se
19872    // detiene en ningún momento. Manda el visitante: si toca algo, el tour se
19873    // aparta y no vuelve hasta que suelte.
19874    (function () {
19875      var viewer = root.querySelector('model-viewer');
19876      if (!viewer) return;
19877
19878      var dwell = 3000;
19879      var queue = [];
19880      var timer = null;
19881      var busy = false;
19882      var halted = false;
19883
19884      function step() {
19885        if (busy || halted || !queue.length) return;
19886        var item = queue.shift();
19887        // pudo girar y perderse mientras esperaba turno
19888        if (!item.hasAttribute('data-visible')) { step(); return; }
19889        busy = true;
19890        open(item);
19891        timer = setTimeout(function () {
19892          timer = null;
19893          busy = false;
19894          close(item);
19895          step();
19896        }, dwell);
19897      }
19898
19899      items.forEach(function (item) {
19900        if (!item.classList.contains('c-modelo3d__item--anchored')) return;
19901        item.addEventListener('hotspot-visibility', function (event) {
19902          if (!event.detail || event.detail.visible === false) return;
19903          if (queue.indexOf(item) === -1) queue.push(item);
19904          step();
19905        });
19906      });
19907
19908      function halt() {
19909        halted = true;
19910        if (timer) { clearTimeout(timer); timer = null; }
19911        busy = false;
19912      }
19913
19914      function release() {
19915        halted = false;
19916        step();
19917      }
19918
19919      // Arrastrar el modelo o apuntar a un punto detiene el recorrido.
19920      viewer.addEventListener('pointerdown', halt);
19921      window.addEventListener('pointerup', release);
19922      items.forEach(function (item) {
19923        item.addEventListener('mouseenter', halt);
19924        item.addEventListener('mouseleave', release);
19925      });
19926    })();document.addEventListener('keydown', function (event) {
19927      if (event.key === 'Escape' && openItem) {
19928        var dot = openItem.querySelector('[data-modelo3d-dot]');
19929        close(openItem);
19930        if (dot) dot.blur();
19931      }
19932    });
19933
19934    // Tapping outside dismisses the open card on touch devices.
19935    document.addEventListener('click', function (event) {
19936      if (openItem && !openItem.contains(event.target)) close(openItem);
19937    });
19938
19939    // Selector de coordenadas. La sintaxis de `data-position` es la del propio
19940    // model-viewer, así que lo que sale del panel se pega tal cual en el bloque.
19941    var picker = root.querySelector('[data-modelo3d-picker]');
19942    if (picker && videoEl && !root.querySelector('model-viewer')) {
19943      // En vídeo no hay geometría: lo que se lee es el ángulo alrededor del eje.
19944      // Con la pieza quieta y el punto a la vista, su desplazamiento respecto al
19945      // eje da el seno del ángulo, y descontando la vuelta ya recorrida queda el
19946      // ángulo propio del punto, que es lo que guarda el bloque.
19947      var vout = picker.querySelector('[data-modelo3d-picker-out]');
19948      var vAxis = 50;
19949      var vRadius = 22;
19950      var vPhase = 0;
19951      var vDir = 1;
19952      var vPeriod = 0;
19953      videoEl.pause();
19954      var stage = root.querySelector('[data-modelo3d-stage]');
19955      var vDown = null;
19956      stage.addEventListener('pointerdown', function (e) { vDown = { x: e.clientX, y: e.clientY }; });
19957      stage.addEventListener('pointerup', function (e) {
19958        if (!vDown || Math.hypot(e.clientX - vDown.x, e.clientY - vDown.y) > 4) return;
19959        var box = stage.getBoundingClientRect();
19960        var xPct = ((e.clientX - box.left) / box.width) * 100;
19961        var yPct = ((e.clientY - box.top) / box.height) * 100;
19962        var sinA = Math.max(-1, Math.min(1, (xPct - vAxis) / vRadius));
19963        var period = vPeriod > 0 ? vPeriod : videoEl.duration || 5;
19964        var spin = vDir * 360 * ((videoEl.currentTime % period) / period) + vPhase;
19965        var angle = (Math.asin(sinA) * 180) / Math.PI - spin;
19966        angle = ((angle % 360) + 360) % 360;
19967        vout.textContent = 'angle: ' + angle.toFixed(1) + '\nY position (%): ' + yPct.toFixed(1);
19968      });
19969    } else if (picker) {
19970      var out = picker.querySelector('[data-modelo3d-picker-out]');
19971      var viewerEl = root.querySelector('model-viewer');
19972      var downAt = null;
19973      if (viewerEl) {
19974        viewerEl.addEventListener('pointerdown', function (e) {
19975          downAt = { x: e.clientX, y: e.clientY };
19976        });
19977        viewerEl.addEventListener('pointerup', function (e) {
19978          // Arrastrar es girar la cámara, no elegir un punto.
19979          if (!downAt || Math.hypot(e.clientX - downAt.x, e.clientY - downAt.y) > 4) return;
19980          var hit = viewerEl.positionAndNormalFromPoint(e.clientX, e.clientY);
19981          if (!hit) {
19982            out.textContent = 'No model under the pointer — click on the product itself.';
19983            return;
19984          }
19985          out.textContent =
19986            'position: ' + hit.position.toString() + '\nnormal: ' + hit.normal.toString();
19987        });
19988      }
19989    }
19990
19991    // ===================================================================
19992    // Vídeo: fondo recortado y puntos que giran con la pieza
19993    // ===================================================================
19994    var videoEl = root.querySelector('video[data-modelo3d-viewer], video.c-modelo3d__viewer');
19995    var canvas = root.querySelector('[data-modelo3d-canvas]');
19996
19997    // --- 1) Llave de luminancia -----------------------------------------
19998    // El vídeo está rodado sobre negro puro, y eso ya es una imagen
19999    // premultiplicada por su cobertura: los bordes son el color del objeto
20000    // atenuado hacia el negro. Basta con darle a cada píxel un alfa sacado de su
20001    // luminancia y componerlo en modo premultiplicado; sin división ni
20002    // correcciones, y sin el halo oscuro típico de recortar sobre negro.
20003    function startLumaKey(video, cvs, opts) {
20004      var gl = cvs.getContext('webgl', { alpha: true, premultipliedAlpha: true, antialias: false });
20005      if (!gl) return false;
20006
20007      var vs = 'attribute vec2 p; varying vec2 v; uniform vec2 s; uniform vec2 o;' +
20008        'void main(){ v = vec2((p.x*0.5+0.5)*s.x+o.x, (0.5-p.y*0.5)*s.y+o.y); gl_Position = vec4(p,0.0,1.0); }';
20009      // El alfa no sale del píxel suelto sino de la media de su entorno: así una
20010      // mota aislada de compresión, un par de niveles por encima del corte, no
20011      // sobrevive, mientras que una zona sólida del producto sí. El color se toma
20012      // del centro, de modo que el borde no se emborrona.
20013      var fs = 'precision mediump float; varying vec2 v; uniform sampler2D t; uniform float lo; uniform float hi; uniform vec2 px;' +
20014        'float luma(vec2 uv){ vec3 s = texture2D(t, uv).rgb; return dot(s, vec3(0.299,0.587,0.114)); }' +
20015        'void main(){ vec3 c = texture2D(t, v).rgb;' +
20016        ' float l = 0.0;' +
20017        ' for (int i = -1; i <= 1; i++) { for (int j = -1; j <= 1; j++) {' +
20018        '   l += luma(v + vec2(float(i), float(j)) * px); } }' +
20019        ' l /= 9.0;' +
20020        ' float a = smoothstep(lo, hi, l);' +
20021        ' gl_FragColor = vec4(c * step(0.0001, a), a); }';
20022
20023      function compile(type, src) {
20024        var sh = gl.createShader(type);
20025        gl.shaderSource(sh, src);
20026        gl.compileShader(sh);
20027        return gl.getShaderParameter(sh, gl.COMPILE_STATUS) ? sh : null;
20028      }
20029      var v1 = compile(gl.VERTEX_SHADER, vs);
20030      var f1 = compile(gl.FRAGMENT_SHADER, fs);
20031      if (!v1 || !f1) return false;
20032      var prog = gl.createProgram();
20033      gl.attachShader(prog, v1);
20034      gl.attachShader(prog, f1);
20035      gl.linkProgram(prog);
20036      if (!gl.getProgramParameter(prog, gl.LINK_STATUS)) return false;
20037      gl.useProgram(prog);
20038
20039      var buf = gl.createBuffer();
20040      gl.bindBuffer(gl.ARRAY_BUFFER, buf);
20041      gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1, -1, 1, -1, -1, 1, 1, 1]), gl.STATIC_DRAW);
20042      var loc = gl.getAttribLocation(prog, 'p');
20043      gl.enableVertexAttribArray(loc);
20044      gl.vertexAttribPointer(loc, 2, gl.FLOAT, false, 0, 0);
20045
20046      var tex = gl.createTexture();
20047      gl.bindTexture(gl.TEXTURE_2D, tex);
20048      gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
20049      gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
20050      gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
20051      gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
20052
20053      gl.uniform1f(gl.getUniformLocation(prog, 'lo'), opts.low);
20054      gl.uniform1f(gl.getUniformLocation(prog, 'hi'), opts.high);
20055      var uS = gl.getUniformLocation(prog, 's');
20056      var uO = gl.getUniformLocation(prog, 'o');
20057      var uPx = gl.getUniformLocation(prog, 'px');
20058      gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, false);
20059      gl.clearColor(0, 0, 0, 0);
20060
20061      function resize() {
20062        var box = cvs.getBoundingClientRect();
20063        var dpr = Math.min(window.devicePixelRatio || 1, 2);
20064        var w = Math.max(1, Math.round(box.width * dpr));
20065        var h = Math.max(1, Math.round(box.height * dpr));
20066        if (cvs.width !== w || cvs.height !== h) {
20067          cvs.width = w;
20068          cvs.height = h;
20069          gl.viewport(0, 0, w, h);
20070        }
20071        // El encaje se resuelve recortando la textura, que es lo que hace
20072        // `object-fit: cover`, o encogiéndola dentro, que es `contain`.
20073        var ca = w / h;
20074        var va = (video.videoWidth || 16) / (video.videoHeight || 9);
20075        var sx = 1, sy = 1;
20076        if (opts.fit === 'cover') {
20077          if (va > ca) sx = ca / va;
20078          else sy = va / ca;
20079        } else {
20080          if (va > ca) sy = va / ca;
20081          else sx = ca / va;
20082        }
20083        gl.uniform2f(uS, sx, sy);
20084        gl.uniform2f(uO, (1 - sx) / 2, (1 - sy) / 2);
20085        gl.uniform2f(uPx, 1 / (video.videoWidth || 1920), 1 / (video.videoHeight || 1080));
20086      }
20087
20088      var stopped = false;
20089      function draw() {
20090        if (stopped) return;
20091        if (video.readyState >= 2) {
20092          resize();
20093          gl.bindTexture(gl.TEXTURE_2D, tex);
20094          try {
20095            gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGB, gl.RGB, gl.UNSIGNED_BYTE, video);
20096            gl.clear(gl.COLOR_BUFFER_BIT);
20097            gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
20098          } catch (e) {
20099            // Sube aquí cuando el vídeo viene de otro origen sin CORS: la textura
20100            // contaminaría el lienzo y el navegador lo impide. Se deja constancia
20101            // en el DOM para que el fallo sea legible en lugar de mudo.
20102            stopped = true;
20103            cvs.dataset.m3dKey = 'blocked';
20104            cvs.style.display = 'none';
20105            video.classList.remove('c-modelo3d__viewer--source');
20106            return;
20107          }
20108        }
20109        if (video.requestVideoFrameCallback) video.requestVideoFrameCallback(draw);
20110        else window.requestAnimationFrame(draw);
20111      }
20112      cvs.dataset.m3dKey = 'on';
20113      draw();
20114      window.addEventListener('resize', resize);
20115      return true;
20116    }
20117
20118    if (videoEl && canvas) {
20119      var keyed = startLumaKey(videoEl, canvas, {
20120        low: 0.00392156862745098,
20121        high: 0.011764705882352941,
20122        fit: 'cover',
20123      });
20124      // Sin WebGL no hay recorte posible: se vuelve al vídeo tal cual antes que
20125      // dejar un hueco.
20126      if (!keyed) {
20127        canvas.dataset.m3dKey = 'no-webgl';
20128        canvas.style.display = 'none';
20129        videoEl.classList.remove('c-modelo3d__viewer--source');
20130      }
20131    }
20132
20133    // --- 2) Puntos que acompañan al giro --------------------------------
20134    // El vídeo es un plato giratorio: la pieza da una vuelta completa sobre un
20135    // eje vertical mientras la cámara no se mueve. Con eso, un punto de la
20136    // superficie queda descrito por su ángulo alrededor del eje y su altura, y
20137    // su sitio en pantalla sale de dónde esté la vuelta en cada instante.
20138    var turntable = items.filter(function (i) {
20139      return i.classList.contains('c-modelo3d__item--turntable');
20140    });
20141
20142    if (videoEl && turntable.length) {
20143      var AXIS = 50;
20144      var RADIUS = 22;
20145      var PHASE = parseFloat('0') || 0;
20146      var DIR = 1;
20147      var PERIOD = 0;
20148      var FIT = 'cover';
20149
20150      var spinDegrees = function () {
20151        var period = PERIOD > 0 ? PERIOD : videoEl.duration || 5;
20152        return DIR * 360 * ((videoEl.currentTime % period) / period) + PHASE;
20153      };
20154
20155      // El eje y el radio se dan sobre el fotograma, no sobre el escenario. Es
20156      // deliberado: al recortar el vídeo para llenar la caja, la parte visible
20157      // cambia con la proporción de la pantalla, y unos valores referidos al
20158      // escenario se desalinearían solos al pasar de escritorio a móvil. Aquí se
20159      // rehace la misma cuenta que hace `object-fit` y se traduce.
20160      var stageEl = root.querySelector('[data-modelo3d-stage]');
20161      var frameToStage = function () {
20162        var box = stageEl.getBoundingClientRect();
20163        var ca = box.width / box.height;
20164        var va = (videoEl.videoWidth || 16) / (videoEl.videoHeight || 9);
20165        var sx = 1, sy = 1;
20166        if (FIT === 'cover') {
20167          if (va > ca) sx = ca / va;
20168          else sy = va / ca;
20169        } else {
20170          if (va > ca) sy = va / ca;
20171          else sx = ca / va;
20172        }
20173        return {
20174          x: function (u) { return ((u / 100 - (1 - sx) / 2) / sx) * 100; },
20175          y: function (u) { return ((u / 100 - (1 - sy) / 2) / sy) * 100; },
20176          k: 1 / sx,
20177        };
20178      };
20179
20180      var place = function () {
20181        var spin = spinDegrees();
20182        var map = frameToStage();
20183        turntable.forEach(function (item) {
20184          var a = ((parseFloat(item.dataset.angle) || 0) + spin) * Math.PI / 180;
20185          var facing = Math.cos(a);
20186          item.style.setProperty('--m3d-x', map.x(AXIS + RADIUS * Math.sin(a)).toFixed(2) + '%');
20187          if (item.dataset.frameY) item.style.setProperty('--m3d-y', map.y(parseFloat(item.dataset.frameY)).toFixed(2) + '%');
20188          // Cerca del canto el punto se desvanece en vez de aparecer de golpe.
20189          item.style.setProperty('--m3d-facing', Math.max(0, Math.min(1, facing / 0.22)).toFixed(3));
20190          if (facing > 0) item.setAttribute('data-visible', '');
20191          else {
20192            item.removeAttribute('data-visible');
20193            close(item);
20194          }
20195          // La tarjeta abre siempre hacia el centro, para no salirse.
20196          var toLeft = Math.sin(a) >= 0;
20197          item.classList.toggle('c-modelo3d__item--left', toLeft);
20198          item.classList.toggle('c-modelo3d__item--right', !toLeft);
20199          item.classList.toggle('c-modelo3d__item--m-left', toLeft);
20200          item.classList.toggle('c-modelo3d__item--m-right', !toLeft);
20201        });
20202      };
20203
20204      var tick = function () {
20205        place();
20206        if (videoEl.requestVideoFrameCallback) videoEl.requestVideoFrameCallback(tick);
20207        else window.requestAnimationFrame(tick);
20208      };
20209      tick();
20210      videoEl.addEventListener('seeked', place);
20211      videoEl.addEventListener('loadedmetadata', place);
20212
20213      
20214        // Una vuelta entera dura unos segundos: perseguir un punto en marcha es
20215        // incómodo, así que el vídeo se detiene mientras haya tarjeta abierta.
20216        var wasPlaying = false;
20217        turntable.forEach(function (item) {
20218          item.addEventListener('mouseenter', function () {
20219            wasPlaying = !videoEl.paused;
20220            videoEl.pause();
20221          });
20222          item.addEventListener('mouseleave', function () {
20223            if (wasPlaying) videoEl.play().catch(function () {});
20224          });
20225        });
20226      
20227    }
20228
20229    // <model-viewer> is not part of the theme bundle. Ask Shopify for it first,
20230    // the same way assets/product-model.js does, and only reach for the public
20231    // CDN if that never registers the element.
20232    //
20233    // The library is ~250 KB over the wire and this section sits well down the
20234    // page, so none of it is fetched until the section is within about a
20235    // viewport and a half. A visitor who never scrolls that far pays nothing
20236    // for it. The .glb is already deferred by loading="lazy" on the element
20237    // itself; this defers the code that would go and get it.
20238    var viewer = root.querySelector('model-viewer');
20239    if (viewer && !window.customElements.get('model-viewer')) {
20240      var loadViewer = function () {
20241        if (window.customElements.get('model-viewer')) return;
20242        if (window.Shopify && typeof window.Shopify.loadFeatures === 'function') {
20243          window.Shopify.loadFeatures([{ name: 'model-viewer-ui', version: '1.0' }]);
20244        }
20245        window.setTimeout(function () {
20246          if (window.customElements.get('model-viewer')) return;
20247          if (document.querySelector('script[data-modelo3d-cdn]')) return;
20248          var script = document.createElement('script');
20249          script.type = 'module';
20250          script.dataset.modelo3dCdn = 'true';
20251          script.src = 'https://cdn.jsdelivr.net/npm/@google/[email protected]/dist/model-viewer.min.js';
20252          document.head.appendChild(script);
20253        }, 1200);
20254      };
20255
20256      if ('IntersectionObserver' in window) {
20257        var libObserver = new IntersectionObserver(function (entries) {
20258          for (var i = 0; i < entries.length; i++) {
20259            if (!entries[i].isIntersecting) continue;
20260            libObserver.disconnect();
20261            loadViewer();
20262            return;
20263          }
20264        }, { rootMargin: '1200px 0px' });
20265        libObserver.observe(root);
20266      } else {
20267        loadViewer();
20268      }
20269    }
20270  })();
20271</script>
20271
20272
20273
20274
20275
20276</section><div id="shopify-section-template--19420722397381__c_feature_card_JcikHJ" class="shopify-section">
20277
20278
20279
20280<style data-shopify>
20281#template--19420722397381__c_feature_card_JcikHJ {
20282  background: linear-gradient(245deg,#F5F0FE 1.6%,#F5EEF4 25.7%,#F6ECEB 59.09%,#F6E8D8 82.87%);
20283  padding: 64px 0;
20284  color: #2E2C2B;
20285}
20286
20287#template--19420722397381__c_feature_card_JcikHJ .fc-wrap { 
20288  /* max-width:1440px;  */
20289  margin:0 auto; 
20290}
20291#template--19420722397381__c_feature_card_JcikHJ .fc-title,
20292#template--19420722397381__c_feature_card_JcikHJ .fc-title h2, 
20293#template--19420722397381__c_feature_card_JcikHJ .fc-title p {
20294  color: var(--Neutral-Darkest-Gray, #181E21);
20295  font-family: "Founders Grotesk";
20296  font-size: var(--Text-Sizes-Heading-1, 56px);
20297  font-style: normal;
20298  font-weight: 400;
20299  line-height: 120%;
20300  margin: 0;
20301}
20302
20303/* ===== Grid vs Swiper Visibility ===== */
20304
20305/* Desktop default: grid visible */
20306#template--19420722397381__c_feature_card_JcikHJ .fc-row {
20307  display:grid;
20308  grid-template-columns:repeat(3,1fr);
20309  gap:24px;
20310  padding-top:32px;
20311}
20312
20313/* Hide Swiper by default */
20314#template--19420722397381__c_feature_card_JcikHJ .fc-swiper {
20315  display:none;
20316  overflow:visible;
20317  padding-top:32px;
20318}
20319
20320#template--19420722397381__c_feature_card_JcikHJ .fc-row:empty + .fc-swiper,
20321#template--19420722397381__c_feature_card_JcikHJ .fc-wrap:not(:has(.fc-row)) .fc-swiper {
20322  display:block !important;
20323}
20324
20325/* Swiper slide width */
20326/* #template--19420722397381__c_feature_card_JcikHJ .fc-swiper .swiper-slide { width:82vw; } */
20327
20328/* ===== Card Styles ===== */
20329#template--19420722397381__c_feature_card_JcikHJ .fc-card {
20330  position:relative;
20331  display:flex;
20332  flex-direction:column;
20333  justify-content:flex-end;
20334  width: 100%;
20335  height:582px;
20336  border-radius:20px;
20337  overflow:hidden;
20338  color:#fff;
20339  background:
20340    linear-gradient(180deg, rgba(0,0,0,0.00) 45.62%, rgba(0,0,0,0.64) 100%),
20341    linear-gradient(180deg, rgba(238,235,225,0.00) 32.39%, rgba(238,235,225,0.20) 100%);
20342  background-repeat:no-repeat;
20343  background-size:cover;
20344  background-position:center;
20345  transition:background .5s ease;
20346
20347  @media (width >= 1440px) {
20348    height: 700px;
20349  }
20350}
20351
20352#template--19420722397381__c_feature_card_JcikHJ .fc-card::after {
20353  content:"";
20354  position:absolute;
20355  inset:0;
20356  background: var(--main-img) center / cover no-repeat;
20357  z-index:0;
20358}
20359
20360/* Overlay image (appears on expand) */
20361#template--19420722397381__c_feature_card_JcikHJ .fc-card::before {
20362  content:"";
20363  position:absolute;
20364  inset:0;
20365  background:
20366    var(--overlay-img) center / contain no-repeat,
20367    linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%),
20368    linear-gradient(180deg, rgba(0, 0, 0, 0.00) 45.62%, rgba(0, 0, 0, 0.64) 100%),
20369    linear-gradient(180deg, rgba(238, 235, 225, 0.00) 32.39%, rgba(238, 235, 225, 0.20) 100%);
20370  opacity:0;
20371  transition:opacity .4s ease;
20372  z-index:1;
20373}
20374#template--19420722397381__c_feature_card_JcikHJ .fc-card.is-expanded::before { opacity:1; }
20375
20376/* ===== Chip & Plus ===== */
20377#template--19420722397381__c_feature_card_JcikHJ .fc-chip,
20378#template--19420722397381__c_feature_card_JcikHJ .fc-plus {
20379  position:absolute;
20380  top:15px;
20381  right:18px;
20382  display:flex;
20383  align-items:center;
20384  justify-content:center;
20385  border:none;
20386  cursor:pointer;
20387  z-index:5;
20388}
20389
20390#template--19420722397381__c_feature_card_JcikHJ .fc-plus {
20391  background:none;
20392  padding:0 !important;
20393}
20394
20395#template--19420722397381__c_feature_card_JcikHJ .fc-chip {
20396  display: flex;
20397  padding: 12px 24px;
20398  justify-content: center;
20399  align-items: center;
20400  gap: 8px;
20401  border-radius: 40px;
20402  border: 1px solid var(--Neutral-Lightest-Gray, #E3E6E5);
20403  opacity:0;
20404  pointer-events:none;
20405  transition:opacity .3s ease;
20406  text-decoration: none;
20407  color: var(--Neutral-Lightest-Gray, #E3E6E5) !important;
20408  font-family: var(--extra-family) !important;
20409  font-size: var(--Text-Sizes-Text-Regular, 16px);
20410  font-style: normal;
20411  font-weight: 400;
20412  line-height: 150%;
20413}
20414#template--19420722397381__c_feature_card_JcikHJ .fc-card.is-expanded .fc-chip {
20415  opacity:1;
20416  pointer-events:auto;
20417}
20418#template--19420722397381__c_feature_card_JcikHJ .fc-chip:hover {
20419  background: rgba(255, 255, 255, 0.1);
20420  transform: translateY(-1px);
20421  transition: all 0.2s ease;
20422}
20423#template--19420722397381__c_feature_card_JcikHJ .fc-card.is-expanded .fc-plus { display:none; }
20424
20425/* ===== Text ===== */
20426#template--19420722397381__c_feature_card_JcikHJ .fc-meta {
20427  position:relative;
20428  z-index:3;
20429  padding:18px 16px 20px;
20430}
20431#template--19420722397381__c_feature_card_JcikHJ .fc-kicker {
20432  color: var(--Neutral-Lightest-Gray, #E3E6E5);
20433  font-size: 24px;
20434  font-style: normal;
20435  font-weight: 400;
20436  line-height: 120%;
20437  text-transform: uppercase;
20438  font-family: var(--body-family) !important;
20439}
20440#template--19420722397381__c_feature_card_JcikHJ .fc-name {
20441  color: var(--Neutral-Lightest-Gray, #E3E6E5);
20442  font-family: "Founders Grotesk";
20443  font-size: 48px;
20444  font-style: normal;
20445  font-weight: 400;
20446  line-height: 120%; /* 57.6px */
20447}
20448
20449/* Mobile: show Swiper, hide grid */
20450@media screen and (max-width: 992px) {
20451  #template--19420722397381__c_feature_card_JcikHJ { padding: 64px 0;}
20452  #template--19420722397381__c_feature_card_JcikHJ .fc-row { display:none; }
20453  #template--19420722397381__c_feature_card_JcikHJ .fc-swiper { display:block; overflow: hidden; }
20454
20455  #template--19420722397381__c_feature_card_JcikHJ .fc-title {
20456    color: var(--Neutral-Darkest-Gray, #181E21);
20457    font-family: "Founders Grotesk";
20458    font-size: 36px;
20459    font-style: normal;
20460    font-weight: 400;
20461    line-height: 120%; /* 43.2px */
20462  }
20463
20464  #template--19420722397381__c_feature_card_JcikHJ .fc-kicker {
20465    color: var(--Neutral-Lightest-Gray, #E3E6E5);
20466    font-size: 11px;
20467    font-style: normal;
20468    font-weight: 400;
20469    line-height: 120%; /* 13.2px */
20470    text-transform: uppercase;
20471  }
20472
20473  #template--19420722397381__c_feature_card_JcikHJ .fc-name {
20474    color: var(--Neutral-Lightest-Gray, #E3E6E5);
20475    font-family: "Founders Grotesk";
20476    font-size: 21px;
20477    font-style: normal;
20478    font-weight: 400;
20479    line-height: 120%; /* 25.2px */
20480  }
20481}
20482</style>
20483
20484<section id="template--19420722397381__c_feature_card_JcikHJ" class="c-section c-feature-card">
20485  <div class="c-section__inner">
20486  <div class="fc-wrap">
20487    
20488      <div class="fc-title"><p>Your Calm Starts Here</p></div>
20489    
20490
20491    <!-- Desktop Grid -->
20492    <div class="fc-row" id="fc-grid-template--19420722397381__c_feature_card_JcikHJ">
20493      
20494        
20495        
20496        <article
20497          class="fc-card"
20498          style="--main-img:url('//apolloneuro.com/cdn/shop/files/man-wearing-apollo-wearable.png?v=1761544066&width=1400'); --overlay-img:url('//apolloneuro.com/cdn/shop/files/apollo-wearable-bg-removed.png?v=1761544164&width=1400');"
20499          data-card
20500          
20501        >
20502          
20503            <a href="/products/apollo-wearable-1-year-ai-membership-starter-kit" class="fc-chip">Shop Apollo Wearable</a>
20504          
20505
20506          <button class="fc-plus" type="button" aria-label="Open overlay" data-plus>
20507            <!-- plus icon -->
20508            <svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
20509              <path d="M21.5156 0C17.2602 0 13.1004 1.26187 9.56219 3.62604C6.02397 5.9902 3.26626 9.35049 1.63779 13.282C0.00932202 17.2134 -0.416759 21.5395 0.413426 25.7131C1.24361 29.8867 3.29278 33.7205 6.301
2050979 36.7295C9.3108 39.7385 13.1445 41.7876 17.3181 42.6178C21.4918 43.448 25.8178 43.0219 29.7493 41.3935C33.6808 39.765 37.0411 37.0073 39.4052 33.4691C41.7694 29.9308 43.0313 25.771 43.0313 21.5156C43.0246 15.8114 40.7556 10.3427 36.7221 6.30918C32.6886 2.27567 27.2199 0.00669906 21.5156 0ZM31.2188 21.5156C31.2188 21.8513 31.0854 22.1732 30.8481 22.4106C30.6107 22.6479 30.2888 22.7812 29.9531 22.7812H22.7813V29.9531C22.7813 30.2888 22.6479 30.6107 22.4106 30.8481C22.1732 31.0854 21.8513 31.2187 21.5156 31.2187C21.18 31.2187 20.8581 31.0854 20.6207 30.8481C20.3834 30.6107 20.25 30.2888 20.25 29.9531V22.7812H13.0781C12.7425 22.7812 12.4206 22.6479 12.1832 22.4106C11.9459 22.1732 11.8125 21.8513 11.8125 21.5156C11.8125 21.18 11.9459 20.858 12.1832 20.6207C12.4206 20.3833 12.7425 20.25 13.0781 20.25H20.25V13.0781C20.25 12.7425 20.3834 12.4205 20.6207 12.1832C20.8581 11.9458 21.18 11.8125 21.5156 11.8125C21.8513 11.8125 22.1732 11.9458 22.4106 12.1832C22.6479 12.4205 22.7813 12.7425 22.7813 13.0781V20.25H29.9531C30.2888 20.25 30.6107 20.3833 30.8481 20.6207C31.0854 20.858 31.2188 21.18 31.2188 21.5156Z" fill="#E3E6E5"/>
20510            </svg>
20511          </button>
20512
20513          <div class="fc-meta">
20514            
20515              <div class="fc-kicker">Smart Comfort</div>
20516            
20517            <div class="fc-name">Apollo Wearable</div>
20518          </div>
20519        </article>
20520      
20521        
20522        
20523        <article
20524          class="fc-card"
20525          style="--main-img:url('//apolloneuro.com/cdn/shop/files/woman-using-SmartVibes.png?v=1761545182&width=1400'); --overlay-img:url('//apolloneuro.com/cdn/shop/files/smart-vibe-bg-removed.png?v=1761544963&width=1400');"
20526          data-card
20527          
20528        >
20529          
20530            <a href="/products/smartvibes" class="fc-chip">See How It Works</a>
20531          
20532
20533          <button class="fc-plus" type="button" aria-label="Open overlay" data-plus>
20534            <!-- plus icon -->
20535            <svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
20536              <path d="M21.5156 0C17.2602 0 13.1004 1.26187 9.56219 3.62604C6.02397 5.9902 3.26626 9.35049 1.63779 13.282C0.00932202 17.2134 -0.416759 21.5395 0.413426 25.7131C1.24361 29.8867 3.29278 33.7205 6.30179 36.7295C9.3108 39.7385 13.1445 41.7876 17.3181 42.6178C21.4918 43.448 25.8178 43.0219 29.7493 41.3935C33.6808 39.765 37.0411 37.0073 39.4052 33.4691C41.7694 29.9308 43.0313 25.771 43.0313 21.5156C43.0246 15.8114 40.7556 10.3427 36.7221 6.30918C32.6886 2.27567 27.2199 0.00669906 21.5156 0ZM31.2188 21.5156C31.2188 21.8513 31.0854 22.1732 30.8481 22.4106C30.6107 22.6479 30.2888 22.7812 29.9531 22.7812H22.7813V29.9531C22.7813 30.2888 22.6479 30.6107 22.4106 30.8481C22.1732 31.0854 21.8513 31.2187 21.5156 31.2187C21.18 31.2187 20.8581 31.0854 20.6207 30.8481C20.3834 30.6107 20.25 30.2888 20.25 29.9531V22.7812H13.0781C12.7425 22.7812 12.4206 22.6479 12.1832 22.4106C11.9459 22.1732 11.8125 21.8513 11.8125 21.5156C11.8125 21.18 11.9459 20.858 12.1832 20.6207C12.4206 20.3833 12.7425 20.25 13.0781 20.25H20.25V13.0781C20.25 12.7425 20.3834 12.4205 20.6207 12.1832C20.8581 11.9458 21.18 11.8125 21.5156 11.8125C21.8513 11.8125 22.1732 11.9458 22.4106 12.1832C22.6479 12.4205 22.7813 12.7425 22.7813 13.0781V20.25H29.9531C30.2888 20.25 30.6107 20.3833 30.8481 20.6207C31.0854 20.858 31.2188 21.18 31.2188 21.5156Z" fill="#E3E6E5"/>
20537            </svg>
20538          </button>
20539
20540          <div class="fc-meta">
20541            
20542              <div class="fc-kicker">Adaptive Intelligence</div>
20543            
20544            <div class="fc-name">SmartVibes®AI</div>
20545          </div>
20546        </article>
20547      
20548        
20549        
20550        <article
20551          class="fc-card"
20552          style="--main-img:url('//apolloneuro.com/cdn/shop/files/Hero_Mast_4.jpg?v=1751381327&width=1400'); --overlay-img:url('//apolloneuro.com/cdn/shop/files/benefits-bg-removed.png?v=1761545090&width=1400');"
20553          data-card
20554          
20555        >
20556          
20557            <a href="/pages/why-apollo" class="fc-chip">Explore Benefits</a>
20558          
20559
20560          <button class="fc-plus" type="button" aria-label="Open overlay" data-plus>
20561            <!-- plus icon -->
20562            <svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
20563              <path d="M21.5156 0C17.2602 0 13.1004 1.26187 9.56219 3.62604C6.02397 5.9902 3.26626 9.35049 1.63779 13.282C0.00932202 17.2134 -0.416759 21.5395 0.413426 25.7131C1.24361 29.8867 3.29278 33.7205 6.301
2056379 36.7295C9.3108 39.7385 13.1445 41.7876 17.3181 42.6178C21.4918 43.448 25.8178 43.0219 29.7493 41.3935C33.6808 39.765 37.0411 37.0073 39.4052 33.4691C41.7694 29.9308 43.0313 25.771 43.0313 21.5156C43.0246 15.8114 40.7556 10.3427 36.7221 6.30918C32.6886 2.27567 27.2199 0.00669906 21.5156 0ZM31.2188 21.5156C31.2188 21.8513 31.0854 22.1732 30.8481 22.4106C30.6107 22.6479 30.2888 22.7812 29.9531 22.7812H22.7813V29.9531C22.7813 30.2888 22.6479 30.6107 22.4106 30.8481C22.1732 31.0854 21.8513 31.2187 21.5156 31.2187C21.18 31.2187 20.8581 31.0854 20.6207 30.8481C20.3834 30.6107 20.25 30.2888 20.25 29.9531V22.7812H13.0781C12.7425 22.7812 12.4206 22.6479 12.1832 22.4106C11.9459 22.1732 11.8125 21.8513 11.8125 21.5156C11.8125 21.18 11.9459 20.858 12.1832 20.6207C12.4206 20.3833 12.7425 20.25 13.0781 20.25H20.25V13.0781C20.25 12.7425 20.3834 12.4205 20.6207 12.1832C20.8581 11.9458 21.18 11.8125 21.5156 11.8125C21.8513 11.8125 22.1732 11.9458 22.4106 12.1832C22.6479 12.4205 22.7813 12.7425 22.7813 13.0781V20.25H29.9531C30.2888 20.25 30.6107 20.3833 30.8481 20.6207C31.0854 20.858 31.2188 21.18 31.2188 21.5156Z" fill="#E3E6E5"/>
20564            </svg>
20565          </button>
20566
20567          <div class="fc-meta">
20568            
20569              <div class="fc-kicker">Targeted Support</div>
20570            
20571            <div class="fc-name">Your Daily Modes</div>
20572          </div>
20573        </article>
20574      
20575    </div>
20576
20577    <!-- Mobile Swiper -->
20578    <div class="fc-swiper swiper" id="fc-swiper-template--19420722397381__c_feature_card_JcikHJ">
20579      <div class="swiper-wrapper">
20580        
20581          
20582          
20583          <div class="swiper-slide">
20584            <article
20585              class="fc-card"
20586              style="--main-img:url('//apolloneuro.com/cdn/shop/files/man-wearing-apollo-wearable.png?v=1761544066&width=1200'); --overlay-img:url('//apolloneuro.com/cdn/shop/files/apollo-wearable-bg-removed.png?v=1761544164&width=1200');"
20587              data-card
20588              
20589            >
20590              
20591                <a href="/products/apollo-wearable-1-year-ai-membership-starter-kit" class="fc-chip">Shop Apollo Wearable</a>
20592              
20593              <button class="fc-plus" type="button" aria-label="Open overlay" data-plus>
20594                <svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
20595                  <path d="M21.5156 0C17.2602 0 13.1004 1.26187 9.56219 3.62604C6.02397 5.9902 3.26626 9.35049 1.63779 13.282C0.00932202 17.2134 -0.416759 21.5395 0.413426 25.7131C1.24361 29.8867 3.29278 33.7205 6.30179 36.7295C9.3108 39.7385 13.1445 41.7876 17.3181 42.6178C21.4918 43.448 25.8178 43.0219 29.7493 41.3935C33.6808 39.765 37.0411 37.0073 39.4052 33.4691C41.7694 29.9308 43.0313 25.771 43.0313 21.5156C43.0246 15.8114 40.7556 10.3427 36.7221 6.30918C32.6886 2.27567 27.2199 0.00669906 21.5156 0ZM21.5156 40.5C17.7609 40.5 14.0904 39.3866 10.9685 37.3006C7.84652 35.2145 5.41324 32.2496 3.97636 28.7806C2.53948 25.3117 2.16352 21.4946 2.89604 17.812C3.62856 14.1293 5.43664 10.7467 8.09165 8.09164C10.7467 5.43663 14.1294 3.62855 17.812 2.89603C21.4946 2.16351 25.3117 2.53947 28.7806 3.97635C32.2496 5.41323 35.2145 7.84651 37.3006 10.9685C39.3866 14.0904 40.5 17.7609 40.5 21.5156C40.4944 26.5489 38.4925 31.3744 34.9334 34.9334C31.3744 38.4925 26.5489 40.4944 21.5156 40.5ZM31.2188 21.5156C31.2188 21.8513 31.0854 22.1732 30.8481 22.4106C30.6107 22.6479 30.2888 22.7812 29.9531 22.7812H22.7813V29.9531C22.7813 30.2888 22.6479 30.6107 22.4106 30.8481C22.1732 31.0854 21.8513 31.2187 21.5156 31.2187C21.18 31.2187 20.8581 31.0854 20.6207 30.8481C20.3834 30.6107 20.25 30.2888 20.25 29.9531V22.7812H13.0781C12.7425 22.7812 12.4206 22.6479 12.1832 22.4106C11.9459 22.1732 11.8125 21.8513 11.8125 21.5156C11.8125 21.18 11.9459 20.858 12.1832 20.6207C12.4206 20.3833 12.7425 20.25 13.0781 20.25H20.25V13.0781C20.25 12.7425 20.3834 12.4205 20.6207 12.1832C20.8581 11.9458 21.18 11.8125 21.5156 11.8125C21.8513 11.8125 22.1732 11.9458 22.4106 12.1832C22.6479 12.4205 22.7813 12.7425 22.7813 13.0781V20.25H29.9531C30.2888 20.25 30.6107 20.3833 30.8481 20.6207C31.0854 20.858 31.2188 21.18 31.2188 21.5156Z" fill="#E3E6E5"/>
20596                </svg>
20597              </button>
20598              <div class="fc-meta">
20599                
20600                  <div class="fc-kicker">Smart Comfort</div>
20601                
20602                <div class="fc-name">Apollo Wearable</div>
20603              </div>
20604            </article>
20605          </div>
20606        
20607          
20608          
20609          <div class="swiper-slide">
20610            <article
20611              class="fc-card"
20612              style="--main-img:url('//apolloneuro.com/cdn/shop/files/woman-using-SmartVibes.png?v=1761545182&width=1200'); --overlay-img:url('//apolloneuro.com/cdn/shop/files/smart-vibe-bg-removed.png?v=1761544963&width=1200');"
20613              data-card
20614              
20615            >
20616              
20617                <a href="/products/smartvibes" class="fc-chip">See How It Works</a>
20618              
20619              <button class="fc-plus" type="button" aria-label="Open overlay" data-plus>
20620                <svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
20621                  <path d="M21.5156 0C17.2602 0 13.1004 1.26187 9.56219 3.62604C6.02397 5.9902 3.26626 9.35049 1.63779 13.282C0.00932202 17.2134 -0.416759 21.5395 0.413426 25.7131C1.24361 29.8867 3.29278 33.7205 6.301
2062179 36.7295C9.3108 39.7385 13.1445 41.7876 17.3181 42.6178C21.4918 43.448 25.8178 43.0219 29.7493 41.3935C33.6808 39.765 37.0411 37.0073 39.4052 33.4691C41.7694 29.9308 43.0313 25.771 43.0313 21.5156C43.0246 15.8114 40.7556 10.3427 36.7221 6.30918C32.6886 2.27567 27.2199 0.00669906 21.5156 0ZM21.5156 40.5C17.7609 40.5 14.0904 39.3866 10.9685 37.3006C7.84652 35.2145 5.41324 32.2496 3.97636 28.7806C2.53948 25.3117 2.16352 21.4946 2.89604 17.812C3.62856 14.1293 5.43664 10.7467 8.09165 8.09164C10.7467 5.43663 14.1294 3.62855 17.812 2.89603C21.4946 2.16351 25.3117 2.53947 28.7806 3.97635C32.2496 5.41323 35.2145 7.84651 37.3006 10.9685C39.3866 14.0904 40.5 17.7609 40.5 21.5156C40.4944 26.5489 38.4925 31.3744 34.9334 34.9334C31.3744 38.4925 26.5489 40.4944 21.5156 40.5ZM31.2188 21.5156C31.2188 21.8513 31.0854 22.1732 30.8481 22.4106C30.6107 22.6479 30.2888 22.7812 29.9531 22.7812H22.7813V29.9531C22.7813 30.2888 22.6479 30.6107 22.4106 30.8481C22.1732 31.0854 21.8513 31.2187 21.5156 31.2187C21.18 31.2187 20.8581 31.0854 20.6207 30.8481C20.3834 30.6107 20.25 30.2888 20.25 29.9531V22.7812H13.0781C12.7425 22.7812 12.4206 22.6479 12.1832 22.4106C11.9459 22.1732 11.8125 21.8513 11.8125 21.5156C11.8125 21.18 11.9459 20.858 12.1832 20.6207C12.4206 20.3833 12.7425 20.25 13.0781 20.25H20.25V13.0781C20.25 12.7425 20.3834 12.4205 20.6207 12.1832C20.8581 11.9458 21.18 11.8125 21.5156 11.8125C21.8513 11.8125 22.1732 11.9458 22.4106 12.1832C22.6479 12.4205 22.7813 12.7425 22.7813 13.0781V20.25H29.9531C30.2888 20.25 30.6107 20.3833 30.8481 20.6207C31.0854 20.858 31.2188 21.18 31.2188 21.5156Z" fill="#E3E6E5"/>
20622                </svg>
20623              </button>
20624              <div class="fc-meta">
20625                
20626                  <div class="fc-kicker">Adaptive Intelligence</div>
20627                
20628                <div class="fc-name">SmartVibes®AI</div>
20629              </div>
20630            </article>
20631          </div>
20632        
20633          
20634          
20635          <div class="swiper-slide">
20636            <article
20637              class="fc-card"
20638              style="--main-img:url('//apolloneuro.com/cdn/shop/files/Hero_Mast_4.jpg?v=1751381327&width=1200'); --overlay-img:url('//apolloneuro.com/cdn/shop/files/benefits-bg-removed.png?v=1761545090&width=1200');"
20639              data-card
20640              
20641            >
20642              
20643                <a href="/pages/why-apollo" class="fc-chip">Explore Benefits</a>
20644              
20645              <button class="fc-plus" type="button" aria-label="Open overlay" data-plus>
20646                <svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
20647                  <path d="M21.5156 0C17.2602 0 13.1004 1.26187 9.56219 3.62604C6.02397 5.9902 3.26626 9.35049 1.63779 13.282C0.00932202 17.2134 -0.416759 21.5395 0.413426 25.7131C1.24361 29.8867 3.29278 33.7205 6.30179 36.7295C9.3108 39.7385 13.1445 41.7876 17.3181 42.6178C21.4918 43.448 25.8178 43.0219 29.7493 41.3935C33.6808 39.765 37.0411 37.0073 39.4052 33.4691C41.7694 29.9308 43.0313 25.771 43.0313 21.5156C43.0246 15.8114 40.7556 10.3427 36.7221 6.30918C32.6886 2.27567 27.2199 0.00669906 21.5156 0ZM21.5156 40.5C17.7609 40.5 14.0904 39.3866 10.9685 37.3006C7.84652 35.2145 5.41324 32.2496 3.97636 28.7806C2.53948 25.3117 2.16352 21.4946 2.89604 17.812C3.62856 14.1293 5.43664 10.7467 8.09165 8.09164C10.7467 5.43663 14.1294 3.62855 17.812 2.89603C21.4946 2.16351 25.3117 2.53947 28.7806 3.97635C32.2496 5.41323 35.2145 7.84651 37.3006 10.9685C39.3866 14.0904 40.5 17.7609 40.5 21.5156C40.4944 26.5489 38.4925 31.3744 34.9334 34.9334C31.3744 38.4925 26.5489 40.4944 21.5156 40.5ZM31.2188 21.5156C31.2188 21.8513 31.0854 22.1732 30.8481 22.4106C30.6107 22.6479 30.2888 22.7812 29.9531 22.7812H22.7813V29.9531C22.7813 30.2888 22.6479 30.6107 22.4106 30.8481C22.1732 31.0854 21.8513 31.2187 21.5156 31.2187C21.18 31.2187 20.8581 31.0854 20.6207 30.8481C20.3834 30.6107 20.25 30.2888 20.25 29.9531V22.7812H13.0781C12.7425 22.7812 12.4206 22.6479 12.1832 22.4106C11.9459 22.1732 11.8125 21.8513 11.8125 21.5156C11.8125 21.18 11.9459 20.858 12.1832 20.6207C12.4206 20.3833 12.7425 20.25 13.0781 20.25H20.25V13.0781C20.25 12.7425 20.3834 12.4205 20.6207 12.1832C20.8581 11.9458 21.18 11.8125 21.5156 11.8125C21.8513 11.8125 22.1732 11.9458 22.4106 12.1832C22.6479 12.4205 22.7813 12.7425 22.7813 13.0781V20.25H29.9531C30.2888 20.25 30.6107 20.3833 30.8481 20.6207C31.0854 20.858 31.2188 21.18 31.2188 21.5156Z" fill="#E3E6E5"/>
20648                </svg>
20649              </button>
20650              <div class="fc-meta">
20651                
20652                  <div class="fc-kicker">Targeted Support</div>
20653                
20654                <div class="fc-name">Your Daily Modes</div>
20655              </div>
20656            </article>
20657          </div>
20658        
20659      </div>
20660    </div>
20661  </div>
20662  </div> <!-- /.c-section__inner -->
20663</section>
20664
20665<script>
20666(function(){
20667  const sid='template--19420722397381__c_feature_card_JcikHJ';
20668  const cards=document.querySelectorAll('#'+sid+' [data-card]');
20669  const pluses=document.querySelectorAll('#'+sid+' [data-plus]');
20670
20671  function openFor(card){
20672    cards.forEach(c=>{
20673      if(c!==card){ c.classList.remove('is-expanded'); }
20674    });
20675    card.classList.toggle('is-expanded');
20676  }
20677
20678  pluses.forEach(btn=>{
20679    btn.addEventListener('click',e=>{
20680      const card=e.currentTarget.closest('[data-card]');
20681      if(card) openFor(card);
20682    });
20683  });
20684
20685  function initSwiper(){
20686    if(window.innerWidth<=992 && window.Swiper){
20687      const container=document.getElementById('fc-swiper-template--19420722397381__c_feature_card_JcikHJ');
20688      if(container && !container.dataset.init){
20689        new Swiper(container,{slidesPerView:1.08,spaceBetween:12,grabCursor:true});
20690        container.dataset.init='1';
20691      }
20692    }
20693  }
20694  // initSwiper() bails when window.Swiper is undefined, which it always was on
20695  // first run because the bundle is deferred — so on mobile this only ever
20696  // initialised if the user happened to resize. Wait for the bundle instead.
20697  (window.onceVisible || function (_, cb) { cb(); })(document.getElementById('fc-swiper-template--19420722397381__c_feature_card_JcikHJ'), function () {
20698    (window.swiperReady || Promise.resolve()).then(initSwiper);
20699  });
20700  window.addEventListener('resize', initSwiper);
20701})();
20702</script>
20702
20703
20704
20705</div><section id="shopify-section-template--19420722397381__c_science_benefits_bGRWLz" class="shopify-section science-benefits-section">
20706
20707<style data-shopify>
20708  /* ==========================================================================
20709     Science Benefits Section
20710     ========================================================================== */
20711
20712  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits {
20713    background: var(--color-base-background-1, #ffffff);
20714    padding: 40px 0;
20715  }
20716
20717  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__inner {
20718    max-width: var(--page-width, 1280px);
20719    margin: 0 auto;
20720    padding: 0 20px;
20721    display: flex;
20722    flex-direction: column;
20723    gap: 48px;
20724  }
20725
20726  /* -- Two-column layout -- */
20727  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__columns {
20728    display: flex;
20729    flex-direction: column;
20730    gap: 48px;
20731  }
20732
20733  /* -- Left column -- */
20734  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__col-left {
20735    display: flex;
20736    flex-direction: column;
20737    gap: 16px;
20738    width: 100%;
20739  }
20740
20741  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__eyebrow {
20742    font-family: var(--font-heading-family, 'Georgia', serif);
20743    font-weight: 400;
20744    font-size: 20px;
20745    text-transform: uppercase;
20746    color: var(--brand-dark-gray, #232223);
20747    letter-spacing: 0.02em;
20748    margin: 0;
20749  }
20750
20751  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading,
20752  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading p,
20753  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading h1,
20754  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading h2,
20755  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading h3,
20756  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading h4,
20757  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading h5,
20758  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading h6 {
20759    font-family: var(--font-heading-family, 'Georgia', serif);
20760    font-weight: var(--font-heading-weight, 400);
20761    font-size: 40px;
20762    line-height: 1;
20763    color: var(--brand-dark-gray, #232223);
20764    margin: 0;
20765  }
20766
20767  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__body,
20768  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__body p,
20769  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__body h1,
20770  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__body h2,
20771  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__body h3,
20772  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__body h4,
20773  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__body h5,
20774  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__body h6 {
20775    font-family: var(--font-body-family, system-ui, sans-serif);
20776    font-weight: 400;
20777    font-size: 20px;
20778    line-height: 1.4;
20779    color: var(--brand-dark-gray, #232223);
20780    margin: 0;
20781  }
20782
20783  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__image-wrapper {
20784    position: relative;
20785    width: 100%;
20786    height: 260px;
20787    border-radius: 24px;
20788    overflow: hidden;
20789    flex-shrink: 0;
20790  }
20791
20792  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__image-wrapper img {
20793    position: absolute;
20794    inset: 0;
20795    width: 100%;
20796    height: 100%;
20797    object-fit: cover;
20798    display: block;
20799  }
20800
20801  /* -- Stats row -- */
20802  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__stats {
20803    display: flex;
20804    gap: 16px;
20805    flex-wrap: wrap;
20806    align-items: flex-start;
20807  }
20808
20809  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__stat {
20810    border: 1.3px solid #c1bec0;
20811    border-radius: 20px;
20812    padding: 21px 16px;
20813    display: flex;
20814    flex-direction: column;
20815    align-items: center;
20816    justify-content: center;
20817    gap: 8px;
20818    flex: 1 1 0;
20819    min-width: 100px;
20820  }
20821
20822  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__stat-value {
20823    font-family: var(--font-heading-family, 'Georgia', serif);
20824    font-weight: 500;
20825    font-size: 32px;
20826    line-height: 0.8;
20827    color: var(--neutral-darkest-gray, #181e21);
20828    text-align: center;
20829    margin: 0;
20830  }
20831
20832  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__stat-label {
20833    font-family: var(--font-heading-family, 'Georgia', serif);
20834    font-weight: 400;
20835    font-size: 12px;
20836    line-height: 0;
20837    color: var(--neutral-darkest-gray, #181e21);
20838    text-align: center;
20839    white-space: nowrap;
20840    margin: 0;
20841  }
20842
20843  /* -- CTA Button -- */
20844  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__cta {
20845    display: inline-flex;
20846    align-items: center;
20847    gap: 10px;
20848    padding: 16px 48px;
20849    border-radius: 100px;
20850    background: var(--cta-bg, var(--color-button, #f7b267));
20851    color: var(--color-button-text, #000000);
20852    font-family: var(--font-body-family, system-ui, sans-serif);
20853    font-weight: 500;
20854    font-size: 16px;
20855    line-height: 1;
20856    text-decoration: none;
20857    border: none;
20858    cursor: pointer;
20859    transition: opacity 0.2s ease;
20860    width: fit-content;
20861  }
20862
20863  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__cta:hover {
20864    opacity: 0.85;
20865  }
20866
20867  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__cta-arrow {
20868    width: 12px;
20869    height: 12px;
20870    display: inline-block;
20871  }
20872
20873  /* -- Right column (cards) -- */
20874  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__col-right {
20875    display: flex;
20876    flex-direction: column;
20877    gap: 20px;
20878    width: 100%;
20879    padding: 0 0px 0 30px;
20880  }
20881
20882  /* -- Benefit Card -- */
20883  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__card {
20884    position: relative;
20885    border-radius: 24px;
20886    border: 0.3px solid rgba(255, 221, 178, 0.5);
20887    padding: 24px 24px 24px 54px;
20888    display: flex;
20889    flex-direction: column;
20890    align-items: stretch;
20891    gap: 0;
20892    background: var(--card-bg);
20893    overflow: visible;
20894  }
20895
20896  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__card-stats {
20897    flex: 1;
20898    min-width: 0;
20899  }
20900
20901  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__card-stat {
20902    font-family: var(--font-heading-family, 'Georgia', serif);
20903    font-weight: 700;
20904    font-size: 28px;
20905    line-height: 1;
20906    color: #ffffff;
20907    margin: 0;
20908  }
20909
20910  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__card-subtitle {
20911    font-family: var(--font-heading-family, 'Georgia', serif);
20912    font-weight: 400;
20913    font-size: 18px;
20914    line-height: 1.2;
20915    color: #ffffff;
20916    margin: 0;
20917  }
20918
20919  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__card-desc {
20920    font-family: var(--font-body-family, system-ui, sans-serif);
20921    font-weight: 400;
20922    font-size: 16px;
20923    line-height: 1.2;
20924    color: #ffffff;
20925    margin: 0;
20926  }
20927
20928  /* -- Icon badge — mobile: aligned with stats row top -- */
20929  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__icon-badge {
20930    position: absolute;
20931    top: 50%;
20932    left: -35px;
20933    transform: translateY(-50%);
20934    width: 70px;
20935    height: 70px;
20936    border-radius: 999px;
20937    border: 0.3px solid rgba(255, 221, 178, 0.5);
20938    background: var(--icon-bg);
20939    display: flex;
20940    align-items: center;
20941    justify-content: center;
20942    z-index: 2;
20943  }
20944
20945  #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__icon-badge img {
20946    width: 53px;
20947    height: 53px;
20948    object-fit: contain;
20949  }
20950
20951  /* ==========================================================================
20952     Tablet — 768px
20953     ========================================================================== */
20954  @media (width >= 768px) {
20955    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits {
20956      padding: 60px 0;
20957    }
20958
20959    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__inner {
20960      padding: 0 40px;
20961    }
20962
20963    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__eyebrow {
20964      font-size: 22px;
20965    }
20966
20967    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading,
20968    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading p,
20969    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading h1,
20970    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading h2,
20971    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading h3,
20972    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading h4,
20973    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading h5,
20974    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading h6 {
20975      font-size: 48px;
20976    }
20977
20978    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__body,
20979    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__body p,
20980    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__body h1,
20981    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__body h2,
20982    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__body h3,
20983    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__body h4,
20984    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__body h5,
20985    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__body h6 {
20986      font-size: 22px;
20987    }
20988
20989    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__image-wrapper {
20990      height: 300px;
20991    }
20992
20993    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__stat-value {
20994      font-size: 52px;
20995    }
20996
20997    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__card-stat {
20998      font-size: 30px;
20999    }
21000
21001    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__card-subtitle {
21002      font-size: 19px;
21003    }
21004
21005    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__card-desc {
21006      font-size: 17px;
21007    }
21008  }
21009
21010  /* ==========================================================================
21011     Laptop — 978px (two-column layout)
21012     ========================================================================== */
21013  @media (width >= 978px) {
21014    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits {
21015      padding: 80px 0;
21016    }
21017
21018    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__inner {
21019      padding: 0 64px;
21020    }
21021
21022    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__columns {
21023      flex-direction: row;
21024      gap: 80px;
21025      align-items: flex-start;
21026    }
21027
21028    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__col-left {
21029      width: 500px;
21030      flex-shrink: 0;
21031      gap: 32px;
21032    }
21033
21034    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__col-right {
21035      flex: 1;
21036      justify-content: space-between;
21037    }
21038
21039    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__card {
21040      flex-direction: row;
21041      align-items: center;
21042      gap: 24px;
21043    }
21044
21045    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__card-stats {
21046      flex: 0 0 188px;
21047    }
21048
21049    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__card-desc {
21050      flex: 1;
21051    }
21052
21053    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__eyebrow {
21054      font-size: 24px;
21055    }
21056
21057    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading,
21058    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading p,
21059    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading h1,
21060    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading h2,
21061    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading h3,
21062    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading h4,
21063    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading h5,
21064    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading h6 {
21065      font-size: 52px;
21066    }
21067
21068    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__body,
21069    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__body p,
21070    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__body h1,
21071    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__body h2,
21072    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__body h3,
21073    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__body h4,
21074    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__body h5,
21075    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__body h6 {
21076      font-size: 24px;
21077    }
21078
21079    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__image-wrapper {
21080      height: 322px;
21081    }
21082
21083    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__stat-value {
21084      font-size: 56px;
21085    }
21086
21087    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__stat-label {
21088      font-size: 18px;
21089    }
21090
21091    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__card-stat {
21092      font-size: 32px;
21093    }
21094
21095    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__card-subtitle {
21096      font-size: 20px;
21097    }
21098
21099    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__card-desc {
21100      font-size: 18px;
21101    }
21102  }
21103
21104  /* ==========================================================================
21105     Desktop — 1200px
21106     ========================================================================== */
21107  @media (width >= 1200px) {
21108    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__columns {
21109      gap: 112px;
21110    }
21111
21112    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__col-left {
21113      width: 616px;
21114    }
21115
21116    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__col-right {
21117      padding: 0;
21118    }
21119    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading,
21120    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading p,
21121    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading h1,
21122    #shopify-section-template--194
2112220722397381__c_science_benefits_bGRWLz .science-benefits__heading h2,
21123    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading h3,
21124    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading h4,
21125    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading h5,
21126    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading h6 {
21127      font-size: 56px;
21128    }
21129
21130    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__stat-value {
21131      font-size: 62px;
21132    }
21133  }
21134
21135  /* ==========================================================================
21136     TV — 1980px
21137     ========================================================================== */
21138  @media (width >= 1980px) {
21139    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__inner {
21140      padding: 0 80px;
21141    }
21142
21143    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading,
21144    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading p,
21145    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading h1,
21146    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading h2,
21147    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading h3,
21148    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading h4,
21149    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading h5,
21150    #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits__heading h6 {
21151      font-size: 64px;
21152    }
21153  }
21154</style>
21155
21156<section id="c-section-science" class="science-benefits" aria-label="Clinical Research">
21157  <div class="science-benefits__inner">
21158    <div class="science-benefits__columns"><div class="science-benefits__col-left"><p class="science-benefits__eyebrow">Clinical Research</p><div class="science-benefits__heading"><h2>The Science Behind Feeling Better.</h2></div><div class="science-benefits__body"><p>Apollo Neuro is built on decades of peer-reviewed neuroscience. Every vibration pattern is designed to interact with your nervous system in measurable, meaningful ways.</p></div><div class="science-benefits__image-wrapper">
21159            <img src="//apolloneuro.com/cdn/shop/files/ca68941625cde93413f36506dbd2f87bda273f2e.png?v=1775745626&amp;width=1232" srcset="//apolloneuro.com/cdn/shop/files/ca68941625cde93413f36506dbd2f87bda273f2e.png?v=1775745626&amp;width=352 352w, //apolloneuro.com/cdn/shop/files/ca68941625cde93413f36506dbd2f87bda273f2e.png?v=1775745626&amp;width=832 832w, //apolloneuro.com/cdn/shop/files/ca68941625cde93413f36506dbd2f87bda273f2e.png?v=1775745626&amp;width=1200 1200w, //apolloneuro.com/cdn/shop/files/ca68941625cde93413f36506dbd2f87bda273f2e.png?v=1775745626&amp;width=1232 1232w" width="1232" height="821" loading="lazy">
21160          </div><div class="science-benefits__stats" role="list"><div class="science-benefits__stat" role="listitem">
21161                <p class="science-benefits__stat-value">17+</p><p class="science-benefits__stat-label">Completed studies</p></div><div class="science-benefits__stat" role="listitem">
21162                <p class="science-benefits__stat-value">1,700+</p><p class="science-benefits__stat-label">Research subjects</p></div><div class="science-benefits__stat" role="listitem">
21163                <p class="science-benefits__stat-value">12</p><p class="science-benefits__stat-label">Ongoing trials</p></div></div><a
21164            href="#buynow"
21165            class="science-benefits__cta"
21166            style="--cta-bg: #f7b267;"
21167          >
21168            Try Apollo
21169            <svg class="science-benefits__cta-arrow" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
21170              <path d="M1 11L11 1M11 1H1M11 1V11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
21171            </svg>
21172          </a></div><div class="science-benefits__col-right"><article
21173              class="science-benefits__card"
21174              style="--card-bg: linear-gradient(0deg, rgba(102, 41, 130, 0.80) 4.86%, rgba(182, 131, 205, 0.80) 95.14%), #D2DEFF; --icon-bg: linear-gradient(0deg, rgba(102, 41, 130, 0.59) 4.86%, rgba(182, 131, 205, 0.59) 95.14%), linear-gradient(144deg, rgba(255, 221, 178, 0.50) 0%, rgba(255, 255, 255, 0.00) 30%, rgba(255, 255, 255, 0.00) 70%, rgba(216, 164, 98, 0.50) 100%), #FFF;"
21175              
21176            ><div class="science-benefits__icon-badge">
21177                  <img src="//apolloneuro.com/cdn/shop/files/Image_6_1c4e91b1-8e9a-45ec-98e7-0265deae31f7.png?v=1775745582&amp;width=106" alt="Stress &amp; Anxiety" srcset="//apolloneuro.com/cdn/shop/files/Image_6_1c4e91b1-8e9a-45ec-98e7-0265deae31f7.png?v=1775745582&amp;width=106 106w" width="106" height="106" loading="lazy">
21178                </div><div class="science-benefits__card-stats"><p class="science-benefits__card-stat">40% Less</p><p class="science-benefits__card-subtitle">Stress & Anxiety</p></div><p class="science-benefits__card-desc">Reduced stress and anxiety with consistent Apollo use over 30 days.</p></article><article
21179              class="science-benefits__card"
21180              style="--card-bg: linear-gradient(0deg, rgba(146, 26, 13, 0.80) 4.86%, rgba(189, 118, 110, 0.80) 95.14%), #D77168; --icon-bg: linear-gradient(0deg, rgba(146, 26, 13, 0.61) 4.86%, rgba(189, 118, 110, 0.61) 95.14%), linear-gradient(144deg, rgba(255, 221, 178, 0.50) 0%, rgba(255, 255, 255, 0.00) 30%, rgba(255, 255, 255, 0.00) 70%, rgba(216, 164, 98, 0.50) 100%), #FFF;"
21181              
21182            ><div class="science-benefits__icon-badge">
21183                  <img src="//apolloneuro.com/cdn/shop/files/Group_50069c57-67f0-46e8-9262-8984b90509d6.svg?v=1775745699&amp;width=106" alt="Focus &amp; Concentration" srcset="//apolloneuro.com/cdn/shop/files/Group_50069c57-67f0-46e8-9262-8984b90509d6.svg?v=1775745699&amp;width=106 106w" width="106" height="106" loading="lazy">
21184                </div><div class="science-benefits__card-stats"><p class="science-benefits__card-stat">25% More</p><p class="science-benefits__card-subtitle">Focus & Concentration</p></div><p class="science-benefits__card-desc">Improved sustained attention and cognitive performance during demanding tasks.</p></article><article
21185              class="science-benefits__card"
21186              style="--card-bg: linear-gradient(0deg, rgba(201, 96, 12, 0.80) 4.86%, rgba(235, 183, 141, 0.80) 95.14%), linear-gradient(0deg, #D28E58 0%, #D28E58 100%), var(--Cloud, #DBE1DB); --icon-bg: linear-gradient(0deg, rgba(201, 96, 12, 0.62) 4.86%, rgba(235, 183, 141, 0.62) 95.14%), linear-gradient(144deg, rgba(255, 221, 178, 0.50) 0%, rgba(255, 255, 255, 0.00) 30%, rgba(255, 255, 255, 0.00) 70%, rgba(216, 164, 98, 0.50) 100%), #FFF;"
21187              
21188            ><div class="science-benefits__icon-badge">
21189                  <img src="//apolloneuro.com/cdn/shop/files/Group_1_be835cfc-6c0e-45ec-8fe7-388f588dd519.svg?v=1775745713&amp;width=106" alt="in HRV" srcset="//apolloneuro.com/cdn/shop/files/Group_1_be835cfc-6c0e-45ec-8fe7-388f588dd519.svg?v=1775745713&amp;width=106 106w" width="106" height="78" loading="lazy">
21190                </div><div class="science-benefits__card-stats"><p class="science-benefits__card-stat">11% Increase</p><p class="science-benefits__card-subtitle">in HRV</p></div><p class="science-benefits__card-desc">Increased heart rate variability, supporting better nervous system balance.</p></article><article
21191              class="science-benefits__card"
21192              style="--card-bg: linear-gradient(0deg, rgba(11, 23, 82, 0.80) 4.86%, rgba(126, 146, 194, 0.80) 95.14%), linear-gradient(0deg, #D2DEFF 0%, #D2DEFF 100%), var(--Cloud, #DBE1DB); --icon-bg: linear-gradient(0deg, rgba(11, 23, 82, 0.59) 4.86%, rgba(126, 146, 194, 0.59) 95.14%), linear-gradient(144deg, rgba(255, 221, 178, 0.50) 0%, rgba(255, 255, 255, 0.00) 30%, rgba(255, 255, 255, 0.00) 70%, rgba(216, 164, 98, 0.50) 100%), #FFF;"
21193              
21194            ><div class="science-benefits__icon-badge">
21195                  <img src="//apolloneuro.com/cdn/shop/files/image_64_6425eae9-e3cb-45b6-b301-f69dd2f1c9c1.png?v=1775745735&amp;width=106" alt="Sleep Per Night" srcset="//apolloneuro.com/cdn/shop/files/image_64_6425eae9-e3cb-45b6-b301-f69dd2f1c9c1.png?v=1775745735&amp;width=106 106w" width="106" height="92" loading="lazy">
21196                </div><div class="science-benefits__card-stats"><p class="science-benefits__card-stat">46min More</p><p class="science-benefits__card-subtitle">Sleep Per Night</p></div><p class="science-benefits__card-desc">Fell asleep faster and gained 46 more minutes of sleep a night, on average.</p></article><article
21197              class="science-benefits__card"
21198              style="--card-bg: linear-gradient(0deg, rgba(95, 10, 38, 0.80) 4.86%, rgba(191, 122, 151, 0.80) 95.14%), linear-gradient(0deg, #D2DEFF 0%, #D2DEFF 100%), var(--Cloud, #DBE1DB); --icon-bg: linear-gradient(0deg, rgba(95, 10, 38, 0.65) 4.86%, rgba(191, 122, 151, 0.65) 95.14%), linear-gradient(144deg, rgba(255, 221, 178, 0.50) 0%, rgba(255, 255, 255, 0.00) 30%, rgba(255, 255, 255, 0.00) 70%, rgba(216, 164, 98, 0.50) 100%), #FFF;"
21199              
21200            ><div class="science-benefits__icon-badge">
21201                  <img src="//apolloneuro.com/cdn/shop/files/Group_62_9e74302d-ee74-4e6f-a5c6-b95e57e17e4e.svg?v=1775745758&amp;width=106" alt="Physical Recovery" srcset="//apolloneuro.com/cdn/shop/files/Group_62_9e74302d-ee74-4e6f-a5c6-b95e57e17e4e.svg?v=1775745758&amp;width=106 106w" width="106" height="104" loading="lazy">
21202                </div><div class="science-benefits__card-stats"><p class="science-benefits__card-stat">10% Faster</p><p class="science-benefits__card-subtitle">Physical Recovery</p></div><p class="science-benefits__card-desc">Faster recovery between sessions with reduced signs of fatigue.</p></article><article
21203              class="science-benefits__card"
21204              style="--card-bg: linear-gradient(0deg, rgba(11, 23, 82, 0.80) 4.86%, rgba(126, 146, 194, 0.80) 95.14%), linear-gradient(0deg, #D2DEFF 0%, #D2DEFF 100%), var(--Cloud, #DBE1DB); --icon-bg: linear-gradient(0deg, rgba(11, 23, 82, 0.59) 4.86%, rgba(126, 146, 194, 0.59) 95.14%), linear-gradient(144deg, rgba(255, 221, 178, 0.50) 0%, rgba(255, 255, 255, 0.00) 30%, rgba(255, 255, 255, 0.00) 70%, rgba(216, 164, 98, 0.50) 100%), #FFF;"
21205              
21206            ><div class="science-benefits__icon-badge">
21207                  <img src="//apolloneuro.com/cdn/shop/files/Group_2_11dcff57-186f-44cc-8982-111079fac77a.svg?v=1775745772&amp;width=106" alt="Deep Sleep Nightly" srcset="//apolloneuro.com/cdn/shop/files/Group_2_11dcff57-186f-44cc-8982-111079fac77a.svg?v=1775745772&amp;width=106 106w" width="106" height="76" loading="lazy">
21208                </div><div class="science-benefits__card-stats"><p class="science-benefits__card-stat">19min More</p><p class="science-benefits__card-subtitle">Deep Sleep Nightly</p></div><p class="science-benefits__card-desc">Deeper, more restorative sleep to support full physical and cognitive recovery.</p></article></div>
21209    </div>
21210  </div>
21211</section>
21212
21213
21214<style> #shopify-section-template--19420722397381__c_science_benefits_bGRWLz .science-benefits {display: none;} </style></section><section id="shopify-section-template--19420722397381__c_main_product_mWjyiF" class="shopify-section section"><style data-shopify>
21215  /* IMPORTANT: Always use these exact media query breakpoints */
21216  /* Mobile first (without media query) */
21217  #template--19420722397381__c_main_product_mWjyiF .c-product-tag-wrapper {
21218    display: flex;
21219    flex-wrap: nowrap;
21220    gap: 8px;
21221    margin: 21px 0 32px 0!important;
21222    width: 100%;
21223    height: 93px;
21224  }
21225
21226  #template--19420722397381__c_main_product_mWjyiF .rc-container-wrapper.rc_container_wrapper {
21227    display: none !important;
21228  }
21229
21230  #template--19420722397381__c_main_product_mWjyiF .price-original::after {
21231    font-size: 22px;
21232  }
21233
21234  #template--19420722397381__c_main_product_mWjyiF .accordion__title {
21235    font-family: var(--body-family) !important;
21236    text-transform: capitalize;
21237    letter-spacing: 0;
21238    font-size: 20px;
21239  }
21240
21241  #template--19420722397381__c_main_product_mWjyiF .accordion__content.rte,
21242  #template--19420722397381__c_main_product_mWjyiF .accordion__content.rte p {
21243    font-family: var(--body-family) !important;
21244    font-size: 16px;
21245  }
21246
21247  #template--19420722397381__c_main_product_mWjyiF .accordion__content.rte ol,
21248  #template--19420722397381__c_main_product_mWjyiF .accordion__content.rte ul {
21249    padding-left: 20px;
21250  }
21251
21252  #template--19420722397381__c_main_product_mWjyiF .product-form__buttons span {
21253    font-family: var(--body-family) !important;
21254    text-transform: capitalize;
21255    letter-spacing: 0;
21256  }
21257
21258  #template--19420722397381__c_main_product_mWjyiF .product-form__submit {
21259    padding: 16px 20px !important;
21260  }
21261
21262  #template--19420722397381__c_main_product_mWjyiF .c-product-tag-wrapper > * {
21263    flex: 1;
21264    min-width: 0;
21265  }
21266
21267  #template--19420722397381__c_main_product_mWjyiF .product__info-container {
21268    padding-top: 0;
21269  }
21270
21271  #template--19420722397381__c_main_product_mWjyiF .product__heading.h2 {
21272    font-size: 28px;
21273    font-weight: 500;
21274    line-height: 1.2;
21275  }
21276
21277  #template--19420722397381__c_main_product_mWjyiF .price__sale {
21278    flex-direction: row-reverse;
21279  }
21280
21281  #template--19420722397381__c_main_product_mWjyiF .c-product-tag__text p {
21282    font-family: var(--font-body-family) !important;
21283    font-weight: 600;
21284  }
21285
21286  #template--19420722397381__c_main_product_mWjyiF .product__description.rte,
21287  #template--19420722397381__c_main_product_mWjyiF .product__description.rte * {
21288    font-family: 'Basis Grotesque Arabic Pro', sans-serif !important;
21289  }
21290
21291  #template--19420722397381__c_main_product_mWjyiF .wearable-pricing-container {
21292    background: transparent;
21293  }
21294
21295  #MainProduct-template--19420722397381__c_main_product_mWjyiF {
21296    background: linear-gradient(to right, #f6e8d8, #FFFFFF);
21297  }
21298
21299  /* Collapsible rows with media expand fully — no inner scrollbar */
21300  #template--19420722397381__c_main_product_mWjyiF .accordion--has-media,
21301  #template--19420722397381__c_main_product_mWjyiF .accordion--has-media details,
21302  #template--19420722397381__c_main_product_mWjyiF .accordion--has-media .accordion__content {
21303    max-height: none !important;
21304    height: auto !important;
21305    overflow: visible !important;
21306  }
21307
21308  /* Collapsible row media (image / video) */
21309  #template--19420722397381__c_main_product_mWjyiF .accordion__media {
21310    width: 100%;
21311    margin: 4px 0 16px;
21312    border-radius: 17.78px;
21313    overflow: hidden;
21314    line-height: 0;
21315  }
21316
21317  #template--19420722397381__c_main_product_mWjyiF .accordion__media--below {
21318    margin: 16px 0 4px;
21319  }
21320
21321  #template--19420722397381__c_main_product_mWjyiF .accordion__media img,
21322  #template--19420722397381__c_main_product_mWjyiF .accordion__media video,
21323  #template--19420722397381__c_main_product_mWjyiF .accordion__media iframe {
21324    display: block;
21325    width: 100%;
21326    height: auto;
21327    border-radius: inherit;
21328  }
21329
21330  /* Responsive image variants */
21331  #template--19420722397381__c_main_product_mWjyiF .accordion__media-img--mobile {
21332    display: none;
21333  }
21334
21335  /* External video embed (YouTube / Vimeo) keeps a 16:9 frame */
21336  #template--19420722397381__c_main_product_mWjyiF .accordion__media-embed {
21337    position: relative;
21338    width: 100%;
21339    aspect-ratio: 16 / 9;
21340    border-radius: inherit;
21341  }
21342
21343  #template--19420722397381__c_main_product_mWjyiF .accordion__media-embed iframe {
21344    position: absolute;
21345    inset: 0;
21346    width: 100%;
21347    height: 100%;
21348    border: 0;
21349    border-radius: inherit;
21350  }
21351
21352  /* Swap to the mobile image below 750px (only when one is set) */
21353  @media (max-width: 749px) {
21354    #template--19420722397381__c_main_product_mWjyiF .accordion__media-img--desktop {
21355      display: none;
21356    }
21357    #template--19420722397381__c_main_product_mWjyiF .accordion__media-img--mobile {
21358      display: block;
21359    }
21360  }
21361
21362  /* Keep the left media column in view while scrolling the right column */
21363  @media screen and (min-width: 750px) {
21364    #template--19420722397381__c_main_product_mWjyiF .product__media-wrapper {
21365      position: sticky;
21366      top: calc(var(--header-height, 80px) + 1.5rem);
21367      align-self: flex-start;
21368    }
21369  }
21370
21371  /* Tablet: @media (width >= 768px) {} */
21372  @media (width >= 768px) {
21373    #template--19420722397381__c_main_product_mWjyiF .c-product-tag-wrapper {
21374      gap: 10px;
21375      margin: 24px 0 !important;
21376    }
21377    #template--19420722397381__c_main_product_mWjyiF .product__heading.h2 {
21378      font-size: 40px;
21379    }
21380    #template--19420722397381__c_main_product_mWjyiF .price-original::after {
21381      font-size: 24px;
21382    }
21383  }
21384
21385  /* Laptop: @media (width >= 978px) {} */
21386  @media (width >= 978px) {
21387    #template--19420722397381__c_main_product_mWjyiF .c-product-tag-wrapper {
21388      gap: 12px;
21389      margin: 28px 0;
21390    }
21391  }
21392
21393  /* Desktop: @media (width >= 1200px) {} */
21394  @media (width >= 1200px) {
21395    #template--19420722397381__c_main_product_mWjyiF .c-product-tag-wrapper {
21396      gap: 12px;
21397      margin: 32px 0 !important;
21398    }
21399  }
21400
21401  /* Card grid variant (section setting `tag_style: cards`). Declared last so it
21402     overrides the flex-row defaults above at every breakpoint. */
21403  #template--19420722397381__c_main_product_mWjyiF .c-product-tag-wrapper--gri
21403d {
21404    display: grid;
21405    grid-template-columns: repeat(2, 1fr);
21406    gap: 12px;
21407    height: auto;
21408    margin: 21px 0 !important;
21409  }
21410
21411  /* The pill row above forces 600 on tag copy; the card design uses regular weight,
21412     which also keeps "Works with Apple Health" on a single line. */
21413  #template--19420722397381__c_main_product_mWjyiF .c-product-tag-wrapper--grid .c-product-tag__text p {
21414    font-weight: 500;
21415  }
21416
21417  /* Laptop: @media (width >= 978px) {} */
21418  @media (width >= 978px) {
21419    #template--19420722397381__c_main_product_mWjyiF .c-product-tag-wrapper--grid {
21420      gap: 21px 24px;
21421      margin: 28px 0 !important;
21422    }
21423  }</style>
21424
21425<product-info
21426  id="MainProduct-template--19420722397381__c_main_product_mWjyiF"
21427  class="section-template--19420722397381__c_main_product_mWjyiF-padding"
21428  data-section="template--19420722397381__c_main_product_mWjyiF"
21429  data-product-id="8529691803845"
21430  data-update-url="false"
21431  data-url="/products/apollo-wearable-1-year-ai-membership-starter-kit"
21432  
21433>
21434  <link href="//apolloneuro.com/cdn/shop/t/251/assets/section-main-product.css?v=103763178361030431471784225927" rel="stylesheet" type="text/css" media="all" />
21435  <link href="//apolloneuro.com/cdn/shop/t/251/assets/component-accordion.css?v=5234466532213842031756101763" rel="stylesheet" type="text/css" media="all" />
21436  <link href="//apolloneuro.com/cdn/shop/t/251/assets/component-price.css?v=31654658090061505171756101763" rel="stylesheet" type="text/css" media="all" />
21437  <link href="//apolloneuro.com/cdn/shop/t/251/assets/component-rte.css?v=102114663036358899191756101763" rel="stylesheet" type="text/css" media="all" />
21438  <link href="//apolloneuro.com/cdn/shop/t/251/assets/component-slider.css?v=112405796884933278901756101761" rel="stylesheet" type="text/css" media="all" />
21439  <link href="//apolloneuro.com/cdn/shop/t/251/assets/component-rating.css?v=54113522167856882351759853856" rel="stylesheet" type="text/css" media="all" />
21440<link
21441    rel="stylesheet"
21442    href="//apolloneuro.com/cdn/shop/t/251/assets/component-deferred-media.css?v=17808808663945790771756101761"
21443    media="print"
21444    onload="this.media='all'"
21445  >
21446  <link
21447    rel="stylesheet"
21448    href="//apolloneuro.com/cdn/shop/t/251/assets/component-product-review.css?v=163880572521753681756101762"
21449    media="print"
21450    onload="this.media='all'"
21451  ><style data-shopify>.section-template--19420722397381__c_main_product_mWjyiF-padding {
21452      padding-top: 48px;
21453      padding-bottom: 48px;
21454    }
21455
21456    @media screen and (min-width: 750px) {
21457      .section-template--19420722397381__c_main_product_mWjyiF-padding {
21458        padding-top: 64px;
21459        padding-bottom: 64px;
21460      }
21461    }#Slider-Gallery-template--19420722397381__c_main_product_mWjyiF {
21462      --force-image-ratio-percent: 89.09395973154363%;
21463    }
21464
21465    @media screen and (max-width: 749px) {
21466      #Slider-Gallery-template--19420722397381__c_main_product_mWjyiF .media-mobile--adapt_first {
21467        padding-bottom: 89.09395973154363%;
21468      }
21469    }
21470
21471    @media screen and (min-width: 750px) {
21472      .product--thumbnail_slider #Slider-Gallery-template--19420722397381__c_main_product_mWjyiF .media--adapt_first {
21473        padding-bottom: 89.09395973154363%;
21474      }
21475    }</style><style>
21476      #buynow {
21477        scroll-margin-top: 60px;
21478      }
21479
21480      /* Fallback for older browsers */
21481      #buynow::before {
21482        content: '';
21483        display: block;
21484        height: 60px;
21485        margin-top: -60px;
21486        visibility: hidden;
21487        pointer-events: none;
21488      }
21489    </style>
21489<script src="//apolloneuro.com/cdn/shop/t/251/assets/product-info.js?v=53876148468355737361788364334" defer="defer"></script>
21489
21490  
21490<script src="//apolloneuro.com/cdn/shop/t/251/assets/product-form.js?v=124689684677203076001765479169" defer="defer"></script>
21490<section id="template--19420722397381__c_main_product_mWjyiF" class="c-section page-width section--padding">
21491    <div
21492      
21493        id="buynow"
21494      
21495      class="product product--medium product--left product--thumbnail_slider grid grid--1-col grid--2-col-tablet product--zoom-disabled"
21496    >
21497      <product-recently-viewed data-product-id="8529691803845" class="hidden"></product-recently-viewed>
21498      <div class="grid__item product__media-wrapper">
21499        <span id="ProductImages"></span>
21500
21501<div
21502  class="product-media-swiper product-media-swiper--thumbnails-bottom"
21503  id="product-media-swiper-template--19420722397381__c_main_product_mWjyiF"
21504>
21505  
21506
21507  <div class="swiper main-swiper">
21508    <div class="swiper-wrapper"><div
21509          class="swiper-slide"
21510          
21511          data-media-id="33280193888453"
21512          data-variant="Apollo Wearable + SmartVibes AI Membership"
21513          data-index="0"
21514          data-color="apollo wearable + smartvibes ai membership"
21515          data-value="Apollo Wearable + SmartVibes AI Membership"
21516          data-value2="apollo_wearable_+_smartvibes_ai_membership"
21517          data-variant-ids=""
21518        >
21519          
21520            <img
21521              src="//apolloneuro.com/cdn/shop/files/1.webp?v=1780920740&width=900"
21522              srcset="//apolloneuro.com/cdn/shop/files/1.webp?v=1780920740&width=450 450w, //apolloneuro.com/cdn/shop/files/1.webp?v=1780920740&width=750 750w, //apolloneuro.com/cdn/shop/files/1.webp?v=1780920740&width=900 900w, //apolloneuro.com/cdn/shop/files/1.webp?v=1780920740&width=1100 1100w"
21523              sizes="(min-width: 978px) 50vw, 100vw"
21524              alt="Apollo Wearable + SmartVibes AI Membership"
21525              class="product-media-swiper__image shape__target-image"
21526              loading="eager" fetchpriority="high"
21527              decoding="async"
21528              width="900"
21529              height="900"
21530              data-media-id="33280193888453"
21531              data-variant="Apollo Wearable + SmartVibes AI Membership"
21532              data-index="0"
21533              data-image-id="33280193888453"
21534              data-color="apollo wearable + smartvibes ai membership"
21535              data-value="Apollo Wearable + SmartVibes AI Membership"
21536              data-value2="apollo_wearable_+_smartvibes_ai_membership"
21537            >
21538          
21539        </div><div
21540          class="swiper-slide"
21541          
21542          data-media-id="33280195297477"
21543          data-variant="Apollo Wearable + SmartVibes AI Membership"
21544          data-index="1"
21545          data-color="apollo wearable + smartvibes ai membership"
21546          data-value="Apollo Wearable + SmartVibes AI Membership"
21547          data-value2="apollo_wearable_+_smartvibes_ai_membership"
21548          data-variant-ids=""
21549        >
21550          
21551            <img
21552              src="//apolloneuro.com/cdn/shop/files/3.webp?v=1780920756&width=900"
21553              srcset="//apolloneuro.com/cdn/shop/files/3.webp?v=1780920756&width=450 450w, //apolloneuro.com/cdn/shop/files/3.webp?v=1780920756&width=750 750w, //apolloneuro.com/cdn/shop/files/3.webp?v=1780920756&width=900 900w, //apolloneuro.com/cdn/shop/files/3.webp?v=1780920756&width=1100 1100w"
21554              sizes="(min-width: 978px) 50vw, 100vw"
21555              alt="Apollo Wearable + SmartVibes AI Membership"
21556              class="product-media-swiper__image shape__target-image"
21557              loading="lazy" fetchpriority="low"
21558              decoding="async"
21559              width="900"
21560              height="900"
21561              data-media-id="33280195297477"
21562              data-variant="Apollo Wearable + SmartVibes AI Membership"
21563              data-index="1"
21564              data-image-id="33280195297477"
21565              data-color="apollo wearable + smartvibes ai membership"
21566              data-value="Apollo Wearable + SmartVibes AI Membership"
21567              data-value2="apollo_wearable_+_smartvibes_ai_membership"
21568            >
21569          
21570        </div><div
21571          class="swiper-slide"
21572          
21573          data-media-id="33280195264709"
21574          data-variant="Apollo Wearable + SmartVibes AI Membership"
21575          data-index="2"
21576          data-color="apollo wearable + smartvibes ai membership"
21577          data-value="Apollo Wearable + SmartVibes AI Membership"
21578          data-value2="apollo_wearable_+_smartvibes_ai_membership"
21579          data-variant-ids=""
21580        >
21581          
21582            <img
21583              src="//apolloneuro.com/cdn/shop/files/2.webp?v=1780920756&width=900"
21584              srcset="//apolloneuro.com/cdn/shop/files/2.webp?v=1780920756&width=450 450w, //apolloneuro.com/cdn/shop/files/2.webp?v=1780920756&width=750 750w, //apolloneuro.com/cdn/shop/files/2.webp?v=1780920756&width=900 900w, //apolloneuro.com/cdn/shop/files/2.webp?v=1780920756&width=1100 1100w"
21585              sizes="(min-width: 978px) 50vw, 100vw"
21586              alt="Apollo Wearable + SmartVibes AI Membership"
21587              class="product-media-swiper__image shape__target-image"
21588              loading="lazy" fetchpriority="low"
21589              decoding="async"
21590              width="900"
21591              height="900"
21592              data-media-id="33280195264709"
21593              data-variant="Apollo Wearable + SmartVibes AI Membership"
21594              data-index="2"
21595              data-image-id="33280195264709"
21596              data-color="apollo wearable + smartvibes ai membership"
21597              data-value="Apollo Wearable + SmartVibes AI Membership"
21598              data-value2="apollo_wearable_+_smartvibes_ai_membership"
21599            >
21600          
21601        </div><div
21602          class="swiper-slide"
21603          
21604          data-media-id="33280209256645"
21605          data-variant="Apollo Wearable + SmartVibes AI Membership"
21606          data-index="3"
21607          data-color="apollo wearable + smartvibes ai membership"
21608          data-value="Apollo Wearable + SmartVibes AI Membership"
21609          data-value2="apollo_wearable_+_smartvibes_ai_membership"
21610          data-variant-ids=""
21611        >
21612          
21613            <img
21614              src="//apolloneuro.com/cdn/shop/files/4.webp?v=1780920790&width=900"
21615              srcset="//apolloneuro.com/cdn/shop/files/4.webp?v=1780920790&width=450 450w, //apolloneuro.com/cdn/shop/files/4.webp?v=1780920790&width=750 750w, //apolloneuro.com/cdn/shop/files/4.webp?v=1780920790&width=900 900w, //apolloneuro.com/cdn/shop/files/4.webp?v=1780920790&width=1100 1100w"
21616              sizes="(min-width: 978px) 50vw, 100vw"
21617              alt="Apollo Wearable + SmartVibes AI Membership"
21618              class="product-media-swiper__image shape__target-image"
21619              loading="lazy" fetchpriority="low"
21620              decoding="async"
21621              width="900"
21622              height="900"
21623              data-media-id="33280209256645"
21624              data-variant="Apollo Wearable + SmartVibes AI Membership"
21625              data-index="3"
21626              data-image-id="33280209256645"
21627              data-color="apollo wearable + smartvibes ai membership"
21628              data-value="Apollo Wearable + SmartVibes AI Membership"
21629              data-value2="apollo_wearable_+_smartvibes_ai_membership"
21630            >
21631          
21632        </div><div
21633          class="swiper-slide"
21634          
21635          data-media-id="31552065929413"
21636          data-variant="Apollo Wearable + SmartVibes AI Membership"
21637          data-index="4"
21638          data-color="apollo wearable + smartvibes ai membership"
21639          data-value="Apollo Wearable + SmartVibes AI Membership"
21640          data-value2="apollo_wearable_+_smartvibes_ai_membership"
21641          data-variant-ids="45478267584709"
21642        >
21643          
21644            <img
21645              src="//apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&width=900"
21646              srcset="//apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&width=450 450w, //apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&width=750 750w, //apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&width=900 900w, //apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&width=1100 1100w"
21647              sizes="(min-width: 978px) 50vw, 100vw"
21648              alt="Apollo Wearable + SmartVibes AI Membership"
21649              class="product-media-swiper__image shape__target-image"
21650              loading="eager"
21651              decoding="async"
21652              width="900"
21653              height="900"
21654              data-media-id="31552065929413"
21655              data-variant="Apollo Wearable + SmartVibes AI Membership"
21656              data-index="4"
21657              data-image-id="31552065929413"
21658              data-color="apollo wearable + smartvibes ai membership"
21659              data-value="Apollo Wearable + SmartVibes AI Membership"
21660              data-value2="apollo_wearable_+_smartvibes_ai_membership"
21661            >
21662          
21663        </div><div
21664          class="swiper-slide"
21665          
21666          data-media-id="31552065863877"
21667          data-variant="Apollo Wearable + SmartVibes AI Membership"
21668          data-index="5"
21669          data-color="apollo wearable + smartvibes ai membership"
21670          data-value="Apollo Wearable + SmartVibes AI Membership"
21671          data-value2="apollo_wearable_+_smartvibes_ai_membership"
21672          data-variant-ids="45478267683013"
21673        >
21674          
21675            <img
21676              src="//apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&width=900"
21677              srcset="//apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&width=450 450w, //apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&width=750 750w, //apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&width=900 900w, //apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&width=1100 1100w"
21678              sizes="(min-width: 978px) 50vw, 100vw"
21679              alt="Apollo Wearable + SmartVibes AI Membership"
21680              class="product-media-swiper__image shape__target-image"
21681              loading="lazy" fetchpriority="low"
21682              decoding="async"
21683              width="900"
21684              height="900"
21685              data-media-id="31552065863877"
21686              data-variant="Apollo Wearable + SmartVibes AI Membership"
21687              data-index="5"
21688              data-image-id="31552065863877"
21689              data-color="apollo wearable + smartvibes ai membership"
21690              data-value="Apollo Wearable + SmartVibes AI Membership"
21691              data-value2="apollo_wearable_+_smartvibes_ai_membership"
21692            >
21693          
21694        </div><div
21695          class="swiper-slide"
21696          
21697          data-media-id="31552065896645"
21698          data-variant="Apollo Wearable + SmartVibes AI Membership"
21699          data-index="6"
21700          data-color="apollo wearable + smartvibes ai membership"
21701          data-value="Apollo Wearable + SmartVibes AI Membership"
21702          data-value2="apollo_wearable_+_smartvibes_ai_membership"
21703          data-variant-ids="45478267650245"
21704        >
21705          
21706            <img
21707              src="//apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&width=900"
21708              srcset="//apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&width=450 450w, //apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&width=750 750w, //apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&width=900 900w, //apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&width=1100 1100w"
21709              sizes="(min-width: 978px) 50vw, 100vw"
21710              alt="Apollo Wearable + SmartVibes AI Membership"
21711              class="product-media-swiper__image shape__target-image"
21712              loading="lazy" fetchpriority="low"
21713              decoding="async"
21714              width="900"
21715              height="900"
21716              data-media-id="31552065896645"
21717              data-variant="Apollo Wearable + SmartVibes AI Membership"
21718              data-index="6"
21719              data-image-id="31552065896645"
21720              data-color="apollo wearable + smartvibes ai membership"
21721              data-value="Apollo Wearable + SmartVibes AI Membership"
21722              data-value2="apollo_wearable_+_smartvibes_ai_membership"
21723            >
21724          
21725        </div><div
21726          class="swiper-slide"
21727          
21728          data-media-id="29989805686981"
21729          data-variant="#color_twilight"
21730          data-index="7"
21731          data-color="#color_twilight"
21732          data-value="#color_twilight"
21733          data-value2="#color_twilight"
21734          data-variant-ids="45478267617477"
21735        >
21736          
21737            <img
21738              src="//apolloneuro.com/cdn/shop/files/Twilight-apollo-and-clip.png?v=1753368365&width=900"
21739              srcset="//apolloneuro.com/cdn/shop/files/Twilight-apollo-and-clip.png?v=1753368365&width=450 450w, //apolloneuro.com/cdn/shop/files/Twilight-apollo-and-clip.png?v=1753368365&width=750 750w, //apolloneuro.com/cdn/shop/files/Twilight-apollo-and-clip.png?v=1753368365&width=900 900w, //apolloneuro.com/cdn/shop/files/Twilight-apollo-and-clip.png?v=1753368365&width=1100 1100w"
21740              sizes="(min-width: 978px) 50vw, 100vw"
21741              alt="#color_twilight"
21742              class="product-media-swiper__image shape__target-image"
21743              loading="lazy" fetchpriority="low"
21744              decoding="async"
21745              width="900"
21746              height="900"
21747              data-media-id="29989805686981"
21748              data-variant="#color_twilight"
21749              data-index="7"
21750              data-image-id="29989805686981"
21751              data-color="#color_twilight"
21752              data-value="#color_twilight"
21753              data-value2="#color_twilight"
21754            >
21755          
21756        </div></div>
21757
21758
21759    <div class="swiper-pagination"></div>
21760    <div class="swiper-button-prev"></div>
21761    <div class="swiper-button-next"></div>
21762  </div><div class="swiper thumbs-swiper thumbs-swiper--bottom">
21763        <div class="swiper-wrapper"><div class="swiper-slide">
21764              
21765                <img
21766                  src="//apolloneuro.com/cdn/shop/files/1.webp?v=1780920740&width=180"
21767                  alt="Apollo Wearable + SmartVibes AI Membership"
21768                  class="product-media-swiper__thumb"
21769                  loading="lazy"
21770                  width="180"
21771                  height="180"
21772                  data-media-id="33280193888453"
21773                  data-variant="Apollo Wearable + SmartVibes AI Membership"
21774                  data-index="0"
21775                  data-image-id="33280193888453"
21776                  data-color="apollo wearable + smartvibes ai membership"
21777                  data-value="Apollo Wearable + SmartVibes AI Membership"
21778                  data-value2="apollo_wearable_+_smartvibes_ai_membership"
21779                >
21780              
21781            </div><div class="swiper-slide">
21782              
21783                <img
21784                  src="//apolloneuro.com/cdn/shop/files/3.webp?v=1780920756&width=180"
21785                  alt="Apollo Wearable + SmartVibes AI Membership"
21786                  class="product-media-swiper__thumb"
21787                  loading="lazy"
21788                  width="180"
21789                  height="180"
21790                  data-media-id="33280195297477"
21791                  data-variant="Apollo Wearable + SmartVibes AI Membership"
21792                  data-index="1"
21793                  data-image-id="33280195297477"
21794                  data-color="apollo wearable + smartvibes ai membership"
21795                  data-value="Apollo Wearable + SmartVibes AI Membership"
21796                  data-value2="apollo_wearable_+_smartvibes_ai_membership"
21797                >
21798              
21799            </div><div class="swiper-slide">
21800              
21801                <img
21802                  src="//apolloneuro.com/cdn/shop/files/2.webp?v=1780920756&width=180"
21803                  alt="Apollo Wearable + SmartVibes AI Membership"
21804                  class="product-media-swiper__thumb"
21805                  loading="lazy"
21806                  width="180"
21807                  height="180"
21808                  data-media-id="33280195264709"
21809                  data-variant="Apollo Wearable + SmartVibes AI Membership"
21810                  data-index="2"
21811                  data-image-id="33280195264709"
21812                  data-color="apollo wearable + smartvibes ai membership"
21813                  data-value="Apollo Wearable + SmartVibes AI Membership"
21814                  data-value2="apollo_wearable_+_smartvibes_ai_membership"
21815                >
21816              
21817            </div><div class="swiper-slide">
21818              
21819                <img
21820                  src=
21820"//apolloneuro.com/cdn/shop/files/4.webp?v=1780920790&width=180"
21821                  alt="Apollo Wearable + SmartVibes AI Membership"
21822                  class="product-media-swiper__thumb"
21823                  loading="lazy"
21824                  width="180"
21825                  height="180"
21826                  data-media-id="33280209256645"
21827                  data-variant="Apollo Wearable + SmartVibes AI Membership"
21828                  data-index="3"
21829                  data-image-id="33280209256645"
21830                  data-color="apollo wearable + smartvibes ai membership"
21831                  data-value="Apollo Wearable + SmartVibes AI Membership"
21832                  data-value2="apollo_wearable_+_smartvibes_ai_membership"
21833                >
21834              
21835            </div><div class="swiper-slide">
21836              
21837                <img
21838                  src="//apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&width=180"
21839                  alt="Apollo Wearable + SmartVibes AI Membership"
21840                  class="product-media-swiper__thumb"
21841                  loading="lazy"
21842                  width="180"
21843                  height="180"
21844                  data-media-id="31552065929413"
21845                  data-variant="Apollo Wearable + SmartVibes AI Membership"
21846                  data-index="4"
21847                  data-image-id="31552065929413"
21848                  data-color="apollo wearable + smartvibes ai membership"
21849                  data-value="Apollo Wearable + SmartVibes AI Membership"
21850                  data-value2="apollo_wearable_+_smartvibes_ai_membership"
21851                >
21852              
21853            </div><div class="swiper-slide">
21854              
21855                <img
21856                  src="//apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&width=180"
21857                  alt="Apollo Wearable + SmartVibes AI Membership"
21858                  class="product-media-swiper__thumb"
21859                  loading="lazy"
21860                  width="180"
21861                  height="180"
21862                  data-media-id="31552065863877"
21863                  data-variant="Apollo Wearable + SmartVibes AI Membership"
21864                  data-index="5"
21865                  data-image-id="31552065863877"
21866                  data-color="apollo wearable + smartvibes ai membership"
21867                  data-value="Apollo Wearable + SmartVibes AI Membership"
21868                  data-value2="apollo_wearable_+_smartvibes_ai_membership"
21869                >
21870              
21871            </div><div class="swiper-slide">
21872              
21873                <img
21874                  src="//apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&width=180"
21875                  alt="Apollo Wearable + SmartVibes AI Membership"
21876                  class="product-media-swiper__thumb"
21877                  loading="lazy"
21878                  width="180"
21879                  height="180"
21880                  data-media-id="31552065896645"
21881                  data-variant="Apollo Wearable + SmartVibes AI Membership"
21882                  data-index="6"
21883                  data-image-id="31552065896645"
21884                  data-color="apollo wearable + smartvibes ai membership"
21885                  data-value="Apollo Wearable + SmartVibes AI Membership"
21886                  data-value2="apollo_wearable_+_smartvibes_ai_membership"
21887                >
21888              
21889            </div><div class="swiper-slide">
21890              
21891                <img
21892                  src="//apolloneuro.com/cdn/shop/files/Twilight-apollo-and-clip.png?v=1753368365&width=180"
21893                  alt="#color_twilight"
21894                  class="product-media-swiper__thumb"
21895                  loading="lazy"
21896                  width="180"
21897                  height="180"
21898                  data-media-id="29989805686981"
21899                  data-variant="#color_twilight"
21900                  data-index="7"
21901                  data-image-id="29989805686981"
21902                  data-color="#color_twilight"
21903                  data-value="#color_twilight"
21904                  data-value2="#color_twilight"
21905                >
21906              
21907            </div></div>
21908      </div></div>
21909
21910
21911<script>
21912  (function () {
21913    var SECTION_ID = "template--19420722397381__c_main_product_mWjyiF";
21914    var SECTION_SELECTOR = '#product-media-swiper-' + SECTION_ID;
21915
21916    // Wait for DOM AND for Swiper global (loaded via defer in theme.liquid).
21917    function ready(cb) {
21918      if (document.readyState === 'loading') {
21919        document.addEventListener('DOMContentLoaded', cb, { once: true });
21920      } else {
21921        cb();
21922      }
21923    }
21924    function waitForSwiper(cb, attempts) {
21925      attempts = attempts == null ? 0 : attempts;
21926      if (typeof Swiper !== 'undefined') return cb();
21927      if (attempts > 100) return; // ~5s — give up silently
21928      setTimeout(function () { waitForSwiper(cb, attempts + 1); }, 50);
21929    }
21930    ready(function () { waitForSwiper(init); });
21931
21932    function init() {
21933      var root = document.querySelector(SECTION_SELECTOR);
21934      if (!root || root.dataset.swiperInitialized === '1') return;
21935      root.dataset.swiperInitialized = '1';
21936
21937    // === Liquid-built lookup maps (O(1) at runtime) ===
21938    // variantId -> mediaId (for post-AJAX pub/sub events)
21939    const variantToMediaId = Object.freeze({45478267584709: 31552065929413,
2194045478267683013: 31552065863877,
2194145478267650245: 31552065896645,
2194245478267617477: 29989805686981
21943});
21944    // mediaId -> option-value-id (for prev/next arrow nav -> swatch sync).
21945    // Picks the first option_value whose canonical variant uses this media.
21946    const mediaToOptionValueId = Object.freeze({31552065929413: 4365210812613,31552065863877: 4365210910917,31552065896645: 4365210878149,29989805686981: 4365210845381,});
21947    // option-value-id -> mediaId (for INSTANT response on swatch click,
21948    // before Shopify's AJAX completes).
21949    const optionValueToMediaId = Object.freeze({4365210812613: 31552065929413,4365210910917: 31552065863877,4365210878149: 31552065896645,4365210845381: 29989805686981,});
21950    const layout = 'thumbnails-bottom';
21951    const showThumbnails = true;
21952    const defaultVariantFeaturedMediaId = 31552065929413;
21953
21954    // === Swipers ===
21955    let thumbsSwiper = null;
21956    if (showThumbnails) {
21957      const thumbsConfig = {
21958        spaceBetween: 8,
21959        slidesPerView: 'auto',
21960        freeMode: true,
21961        watchSlidesProgress: true,
21962      };
21963      if (layout === 'thumbnails-left' || layout === 'thumbnails-right') {
21964        thumbsConfig.direction = 'vertical';
21965        thumbsConfig.slidesPerView = 5;
21966        thumbsConfig.spaceBetween = 16;
21967        thumbsConfig.height = 404;
21968      }
21969      if (root.querySelector('.thumbs-swiper')) {
21970        thumbsSwiper = new Swiper(SECTION_SELECTOR + ' .thumbs-swiper', thumbsConfig);
21971      }
21972    }
21973
21974    const mainSwiper = new Swiper(SECTION_SELECTOR + ' .main-swiper', {
21975      spaceBetween: 0,
21976      navigation: {
21977        nextEl: SECTION_SELECTOR + ' .swiper-button-next',
21978        prevEl: SECTION_SELECTOR + ' .swiper-button-prev',
21979      },
21980      thumbs: thumbsSwiper ? { swiper: thumbsSwiper } : false,
21981      pagination: {
21982        el: SECTION_SELECTOR + ' .swiper-pagination',
21983        clickable: true,
21984        dynamicBullets: true,
21985      },
21986      loop: true,
21987      slidesPerView: 1,
21988      effect: 'slide',
21989      watchOverflow: true,
21990    });
21991
21992    // === media-id -> (DOM index, realIndex) map, rebuilt only when slides change ===
21993    let mediaIndex = buildMediaIndex();
21994    function buildMediaIndex() {
21995      const m = new Map();
21996      for (let i = 0; i < mainSwiper.slides.length; i++) {
21997        const s = mainSwiper.slides[i];
21998        if (s.classList.contains('swiper-slide-duplicate')) continue;
21999        const mid = s.getAttribute('data-media-id');
22000        if (mid && !m.has(mid)) {
22001          const realIdx = parseInt(s.getAttribute('data-swiper-slide-index'));
22002          m.set(mid, { domIdx: i, realIdx: Number.isNaN(realIdx) ? i : realIdx });
22003        }
22004      }
22005      return m;
22006    }
22007
22008    // When some slides are display:none (Intelligems A/B, media queries), Swiper
22009    // compacts slidesGrid. slideToLoop expects an index into the compacted grid,
22010    // not the DOM index — translate accordingly.
22011    function toSwiperIndex(swiper, domIdx) {
22012      if (!swiper || !swiper.slides) return domIdx;
22013      if (!swiper.slidesGrid || swiper.slidesGrid.length >= swiper.slides.length) return domIdx;
22014      let visible = 0;
22015      for (let j = 0; j < domIdx; j++) {
22016        if (swiper.slides[j] && swiper.slides[j].offsetWidth > 0) visible++;
22017      }
22018      return visible;
22019    }
22020
22021    // === Navigation: single function, dedupe by target media-id ===
22022    // SWATCH_TRANSITION_MS = 0: instant snap with NO horizontal travel.
22023    //   For color swatches we don't want to see intermediate slides — the user
22024    //   wants the new color immediately. With loop:true the path can span
22025    //   several slides, so even short durations (60ms) read as a visible sweep.
22026    // DEFAULT_TRANSITION_MS: animated transition for arrow/thumb nav where
22027    //   the directional motion is part of the UX.
22028    const SWATCH_TRANSITION_MS = 0;
22029    const DEFAULT_TRANSITION_MS = 300;
22030    const QA_DEBUG = false; // flip to true to see timing logs in console
22031    let pendingMediaId = null;
22032    let pendingMediaTimer = null;
22033    function navigateToMediaId(mediaId, duration) {
22034      if (mediaId == null) return false;
22035      const key = String(mediaId);
22036      const entry = mediaIndex.get(key);
22037      if (!entry) {
22038        if (QA_DEBUG) console.warn('[swiper] no slide for mediaId', key);
22039        return false;
22040      }
22041      if (pendingMediaId === key) return true; // already heading there — no-op
22042
22043      // Already on it. This is the common case right after a gallery-driven
22044      // variant change: the customer swipes, we select the matching swatch, and
22045      // the post-AJAX variantChange event asks us to navigate to the slide that
22046      // is already showing. slideToLoop fires no transition for a no-op move, so
22047      // slideChangeTransitionEnd would never run and pendingMediaId would stay
22048      // armed — silently swallowing the NEXT swipe's swatch sync.
22049      if (currentVisibleMediaId() === key) {
22050        syncThumbActive(key);
22051        return true;
22052      }
22053
22054      pendingMediaId = key;
22055      const d = duration != null ? duration : DEFAULT_TRANSITION_MS;
22056      if (QA_DEBUG) console.log('[swiper] navigateToMediaId', { mediaId: key, domIdx: entry.domIdx, duration: d, t: performance.now().toFixed(1) });
22057      try { mainSwiper.slideToLoop(toSwiperIndex(mainSwiper, entry.domIdx), d); } catch (e) {}
22058      syncThumbActive(key);
22059
22060      // Safety net. A latch that never clears disables gallery-driven variant
22061      // selection for the rest of the session, and it fails silently, so do not
22062      // rely on the transition event alone to release it.
22063      if (pendingMediaTimer) clearTimeout(pendingMediaTimer);
22064      pendingMediaTimer = setTimeout(function () {
22065        if (pendingMediaId === key) pendingMediaId = null;
22066      }, d + 500);
22067
22068      return true;
22069    }
22070    mainSwiper.on('slideChangeTransitionEnd', function () { pendingMediaId = null; });
22071
22072    function navigateToVariantId(variantId) {
22073      if (variantId == null) return false;
22074      const mid = variantToMediaId[String(variantId)];
22075      if (mid != null && navigateToMediaId(mid)) return true;
22076      // Fallback: match selected swatch's data-value/data-color against slide attrs.
22077      return navigateBySelectedSwatch();
22078    }
22079
22080    function navigateBySelectedSwatch() {
22081      const swatch = document.querySelector(
22082        '[data-color-swatches-picker-label].selected, ' +
22083        '[data-color-swatches-picker-label][aria-checked="true"]'
22084      );
22085      if (!swatch) return false;
22086      const val = (swatch.getAttribute('data-value') || swatch.getAttribute('data-color') || '')
22087        .toLowerCase().trim();
22088      if (!val) return false;
22089      const valNorm = val.replace(/[^a-z0-9]/g, '');
22090      for (let i = 0; i < mainSwiper.slides.length; i++) {
22091        const s = mainSwiper.slides[i];
22092        if (s.classList.contains('swiper-slide-duplicate')) continue;
22093        const c = (s.getAttribute('data-color') || '').toLowerCase().trim();
22094        const v = (s.getAttribute('data-value') || '').toLowerCase().trim();
22095        const v2 = (s.getAttribute('data-value2') || '').toLowerCase().trim();
22096        if (c === val || v === val || v2 === valNorm || (c && (c.includes(val) || val.includes(c)))) {
22097          const mid = s.getAttribute('data-media-id');
22098          if (mid) return navigateToMediaId(mid);
22099        }
22100      }
22101      return false;
22102    }
22103
22104    function syncThumbActive(mediaId) {
22105      if (!thumbsSwiper || !thumbsSwiper.slides) return;
22106      let targetIdx = -1;
22107      for (let i = 0; i < thumbsSwiper.slides.length; i++) {
22108        const s = thumbsSwiper.slides[i];
22109        s.classList.remove('swiper-slide-thumb-active');
22110        const mid = s.dataset.mediaId ||
22111          (s.querySelector('[data-media-id]') && s.querySelector('[data-media-id]').dataset.mediaId);
22112        if (mid && mid == mediaId) targetIdx = i;
22113      }
22114      if (targetIdx === -1) return;
22115      thumbsSwiper.slides[targetIdx].classList.add('swiper-slide-thumb-active');
22116      try { thumbsSwiper.slideTo(toSwiperIndex(thumbsSwiper, targetIdx), 300); } catch (e) {}
22117    }
22118
22119    // The non-duplicate slide currently on screen. With loop:true the visible
22120    // element is often a clone, so match on data-swiper-slide-index instead.
22121    function activeRealSlide() {
22122      const r = mainSwiper.realIndex;
22123      if (r == null) return null;
22124      for (let i = 0; i < mainSwiper.slides.length; i++) {
22125        const s = mainSwiper.slides[i];
22126        if (s.classList.contains('swiper-slide-duplicate')) continue;
22127        if (parseInt(s.getAttribute('data-swiper-slide-index')) === r) return s;
22128      }
22129      return null;
22130    }
22131
22132    function currentVisibleMediaId() {
22133      const s = activeRealSlide();
22134      return s ? s.getAttribute('data-media-id') : null;
22135    }
22136
22137    // === Trust badges: shown only over a variant's main image ===
22138    // Every slide carries data-variant-ids, which Liquid fills only when that
22139    // media is the featured_media of at least one variant. Lifestyle and in-app
22140    // shots come through blank, so the badges fade out while browsing them.
22141    // No-op on templates without media_badge blocks (the control).
22142    const badgesEl = root.querySelector('.c-product-media-badges');
22143    function syncBadges() {
22144      if (!badgesEl) return;
22145      const slide = activeRealSlide();
22146      const isVariantMain = !!(slide && (slide.getAttribute('data-variant-ids') || '').trim());
22147      badgesEl.classList.toggle('c-product-media-badges--inactive', !isVariantMain);
22148    }
22149
22150    // === Thumb click interception ===
22151    // Swiper's thumbs plugin maps thumb DOM index ->
22151 main slideTo(). When
22152    // slidesGrid is compacted (display:none slides), that mapping is wrong.
22153    // We bypass it by routing through navigateToMediaId().
22154    if (thumbsSwiper && thumbsSwiper.el) {
22155      thumbsSwiper.el.addEventListener('click', function (e) {
22156        const thumb = e.target.closest('.swiper-slide');
22157        if (!thumb || !thumbsSwiper.el.contains(thumb)) return;
22158        const mid = thumb.dataset.mediaId ||
22159          (thumb.querySelector('[data-media-id]') && thumb.querySelector('[data-media-id]').dataset.mediaId);
22160        if (!mid || !mediaIndex.has(String(mid))) return;
22161        e.preventDefault();
22162        e.stopImmediatePropagation();
22163        navigateToMediaId(mid);
22164      }, true);
22165    }
22166
22167    // === Initial state: snap to default variant's featured media (no transition) ===
22168    (function snapInitial() {
22169      const params = new URLSearchParams(window.location.search);
22170      const v = params.get('variant');
22171      let targetMid = null;
22172      if (v && variantToMediaId[v] != null) {
22173        targetMid = variantToMediaId[v];
22174      } else if (defaultVariantFeaturedMediaId != null) {
22175        targetMid = defaultVariantFeaturedMediaId;
22176      }
22177      if (targetMid != null && mediaIndex.has(String(targetMid))) {
22178        navigateToMediaId(targetMid, 0);
22179      } else {
22180        const cur = currentVisibleMediaId();
22181        if (cur) syncThumbActive(cur);
22182      }
22183      // slideChange does not fire when the target is already active, so set the
22184      // badge state explicitly instead of waiting for the first navigation.
22185      syncBadges();
22186    })();
22187
22188    // === Authoritative signal: post-AJAX variant change via pub/sub ===
22189    if (typeof subscribe === 'function' && typeof PUB_SUB_EVENTS !== 'undefined') {
22190      subscribe(PUB_SUB_EVENTS.variantChange, function (event) {
22191        const v = event && event.data && event.data.variant;
22192        if (!v) return;
22193        if (v.featured_media && v.featured_media.id != null) {
22194          if (navigateToMediaId(v.featured_media.id)) return;
22195        }
22196        if (v.id != null) navigateToVariantId(v.id);
22197      });
22198    }
22199
22200    // === INSTANT path: variant-selects radio change (synchronous, pre-AJAX) ===
22201    // Fires the moment the user clicks the swatch. Reads the option-value-id
22202    // directly off the radio and resolves to a media-id from a Liquid-built
22203    // map — zero network wait. This is what makes the swap feel instant.
22204    const variantSelects = document.querySelector(
22205      'variant-selects[data-section="' + SECTION_ID + '"]'
22206    ) || document.querySelector('variant-selects');
22207    if (variantSelects) {
22208      variantSelects.addEventListener('change', function (e) {
22209        const t = e.target;
22210        if (!t) return;
22211        let ovId = null;
22212        if (t.tagName === 'INPUT' && t.type === 'radio') {
22213          ovId = t.dataset.optionValueId;
22214        } else if (t.tagName === 'SELECT' && t.selectedOptions[0]) {
22215          ovId = t.selectedOptions[0].dataset.optionValueId;
22216        }
22217        if (QA_DEBUG) console.log('[swiper] swatch change', { ovId, hasMap: ovId != null && optionValueToMediaId[ovId] != null, t: performance.now().toFixed(1) });
22218        if (ovId != null && optionValueToMediaId[ovId] != null) {
22219          navigateToMediaId(optionValueToMediaId[ovId], SWATCH_TRANSITION_MS);
22220        }
22221      }, true); // capture so we run before any other listener
22222    }
22223
22224    // === Fast path (safety net): form variant input change (post-AJAX) ===
22225    const productForm = document.getElementById('product-form-' + SECTION_ID);
22226    const variantInput = productForm && productForm.querySelector('input[name="id"]');
22227    if (variantInput) {
22228      variantInput.addEventListener('change', function (e) {
22229        if (e.target.value) navigateToVariantId(e.target.value);
22230      });
22231    }
22232
22233    // === Bundle-style swatches (custom pickers outside <variant-selects>) ===
22234    document.addEventListener('click', function (e) {
22235      const swatch = e.target.closest('[data-color-swatches-picker-label]');
22236      if (!swatch || swatch.closest('variant-selects')) return;
22237      Promise.resolve().then(navigateBySelectedSwatch);
22238    }, true);
22239
22240    // === Layout sync ===
22241    // When slides resize externally (A/B tests toggle display:none, viewport
22242    // resize, etc) we must call swiper.update() so slidesGrid stays correct.
22243    // CRUCIAL: this handler must NOT trigger navigation — that was the source
22244    // of the click-then-revert bug.
22245    if ('ResizeObserver' in window) {
22246      let timer = null;
22247      let lastWidths = null;
22248      const snap = function () {
22249        return Array.prototype.map.call(mainSwiper.slides, function (s) { return s.offsetWidth; }).join(',');
22250      };
22251      const onResize = function () {
22252        if (timer) clearTimeout(timer);
22253        timer = setTimeout(function () {
22254          const w = snap();
22255          if (w === lastWidths) return;
22256          lastWidths = w;
22257          try {
22258            mainSwiper.update();
22259            if (thumbsSwiper) thumbsSwiper.update();
22260            mediaIndex = buildMediaIndex();
22261          } catch (e) {}
22262        }, 120);
22263      };
22264      setTimeout(function () { lastWidths = snap(); }, 0);
22265      const ro = new ResizeObserver(onResize);
22266      Array.prototype.forEach.call(mainSwiper.slides, function (s) { ro.observe(s); });
22267    }
22268
22269    // === Auto-play videos when visible in the carousel ===
22270    if ('IntersectionObserver' in window) {
22271      const swiperRoot = root.querySelector('.main-swiper');
22272      if (swiperRoot) {
22273        const io = new IntersectionObserver(function (entries) {
22274          entries.forEach(function (entry) {
22275            const v = entry.target;
22276            if (entry.isIntersecting && entry.intersectionRatio >= 0.6) {
22277              v.muted = true;
22278              v.setAttribute('playsinline', '');
22279              v.setAttribute('webkit-playsinline', '');
22280              if (v.paused) {
22281                const p = v.play();
22282                if (p && p.catch) p.catch(function () {});
22283              }
22284            } else if (!v.paused) {
22285              try { v.pause(); } catch (e) {}
22286            }
22287          });
22288        }, { root: swiperRoot, threshold: [0, 0.6, 1] });
22289        const observeVideos = function () {
22290          swiperRoot.querySelectorAll('video').forEach(function (v) {
22291            if (v.dataset.autoplayObserved) return;
22292            v.dataset.autoplayObserved = '1';
22293            v.muted = true;
22294            v.setAttribute('playsinline', '');
22295            v.setAttribute('webkit-playsinline', '');
22296            io.observe(v);
22297          });
22298        };
22299        observeVideos();
22300        new MutationObserver(observeVideos).observe(swiperRoot, { childList: true, subtree: true });
22301      }
22302    }
22303
22304    // === Sync the matching color swatch when user navigates via arrows ===
22305    // If we're navigating programmatically (swatch click / pub-sub), pendingMediaId
22306    // is set and we skip — otherwise we'd ping-pong. When pendingMediaId is null
22307    // the slide change came from the user (arrows, swipe, keyboard).
22308    function syncSwatchFromSlide(mediaId) {
22309      const ovId = mediaToOptionValueId[mediaId];
22310      if (!ovId) return;
22311      const radio = document.querySelector(
22312        'variant-selects[data-section="' + SECTION_ID + '"] ' +
22313        'input[type="radio"][data-option-value-id="' + ovId + '"]'
22314      );
22315      if (!radio || radio.checked) return;
22316      radio.checked = true;
22317      // Dispatching change on the radio bubbles up to <variant-selects>,
22318      // which publishes optionValueSelectionChange -> product-info AJAX
22319      // (price / inventory / buttons update). The slide already moved
22320      // visually, so no UX delay here.
22321      radio.dispatchEvent(new Event('change', { bubbles: true }));
22322    }
22323
22324    // === Detect if current slide image has a dark background ===
22325    // If yes, toggle .has-dark-bg on the root so the arrows get a white
22326    // fill (CSS-only). Result is cached per image src so each image is
22327    // sampled at most once.
22328    const darkBgCache = new Map();
22329    function detectDarkBg(slideEl) {
22330      if (!slideEl) return;
22331      const img = slideEl.querySelector('img.product-media-swiper__image');
22332      if (!img) return;
22333      const src = img.currentSrc || img.src;
22334      if (!src) return;
22335      if (darkBgCache.has(src)) {
22336        root.classList.toggle('has-dark-bg', darkBgCache.get(src));
22337        return;
22338      }
22339      const probe = new Image();
22340      probe.crossOrigin = 'anonymous';
22341      probe.onload = function () {
22342        try {
22343          const canvas = document.createElement('canvas');
22344          canvas.width = 16; canvas.height = 16;
22345          const ctx = canvas.getContext('2d');
22346          ctx.drawImage(probe, 0, 0, 16, 16);
22347          const data = ctx.getImageData(0, 0, 16, 16).data;
22348          let total = 0;
22349          for (let i = 0; i < data.length; i += 4) {
22350            total += 0.299 * data[i] + 0.587 * data[i + 1] + 0.114 * data[i + 2];
22351          }
22352          const avg = total / (data.length / 4);
22353          const isDark = avg < 140;
22354          darkBgCache.set(src, isDark);
22355          // Only apply if this image is still the current slide's image.
22356          const currentImg = mainSwiper.slides[mainSwiper.activeIndex]
22357            && mainSwiper.slides[mainSwiper.activeIndex].querySelector('img.product-media-swiper__image');
22358          const currentSrc = currentImg && (currentImg.currentSrc || currentImg.src);
22359          if (currentSrc === src) root.classList.toggle('has-dark-bg', isDark);
22360        } catch (e) { /* tainted canvas — leave default */ }
22361      };
22362      probe.src = src;
22363    }
22364
22365    // === Pause inactive videos & resume deferred-media on slide change ===
22366    mainSwiper.on('slideChange', function () {
22367      const mid = currentVisibleMediaId();
22368      if (mid) syncThumbActive(mid);
22369
22370      syncBadges();
22371
22372      // User-initiated nav (arrows / swipe / keyboard) -> reflect in swatch radios.
22373      if (pendingMediaId === null && mid) syncSwatchFromSlide(mid);
22374
22375      // Toggle dark-bg class for the arrow background.
22376      detectDarkBg(mainSwiper.slides[mainSwiper.activeIndex]);
22377
22378      // Pause currently-playing videos in other slides.
22379      root.querySelectorAll('.deferred-media[loaded] video').forEach(function (video) {
22380        if (!video.paused) video.pause();
22381      });
22382      // Activate deferred-media in current slide if any.
22383      setTimeout(function () {
22384        const cur = mainSwiper.slides[mainSwiper.activeIndex];
22385        if (!cur) return;
22386        const deferred = cur.querySelector('.deferred-media');
22387        if (deferred && !deferred.hasAttribute('loaded')) {
22388          const btn = deferred.querySelector('.deferred-media__button');
22389          if (btn) btn.click();
22390        }
22391      }, 300);
22392    });
22393
22394    // Initial detection once Swiper settles.
22395    setTimeout(function () {
22396      detectDarkBg(mainSwiper.slides[mainSwiper.activeIndex]);
22397    }, 50);
22398
22399    // === Deferred-media play button -> set 'loaded' attr after click ===
22400    root.querySelectorAll('.deferred-media__button').forEach(function (button) {
22401      button.addEventListener('click', function () {
22402        const deferred = this.closest('.deferred-media');
22403        setTimeout(function () {
22404          if (deferred) deferred.setAttribute('loaded', '');
22405        }, 100);
22406      });
22407    });
22408  }
22409  })();
22410</script>
22410
22411
22412<style>
22413    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF {
22414      width: 100%;
22415      max-width: 100%;
22416      position: relative;
22417      overflow: hidden;
22418      box-sizing: border-box;
22419    }
22420
22421    /* Layout: thumbnails-left */
22422    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF.product-media-swiper--thumbnails-left {
22423      display: flex;
22424      flex-direction: row;
22425      gap: 16px;
22426      justify-content: flex-start;
22427      align-items: flex-start;
22428    }
22429
22430    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF.product-media-swiper--thumbnails-left .thumbs-swiper--left {
22431      width: 102px;
22432      height: auto;
22433      margin: 0;
22434      order: 1;
22435      max-height: 599px;
22436    }
22437
22438    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF.product-media-swiper--thumbnails-left .main-swiper {
22439      flex: 1;
22440      margin: 0;
22441      order: 2;
22442    }
22443
22444    /* Layout: thumbnails-right */
22445    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF.product-media-swiper--thumbnails-right {
22446      display: flex;
22447      flex-direction: row;
22448      gap: 16px;
22449    }
22450
22451    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF.product-media-swiper--thumbnails-right .thumbs-swiper--right {
22452      width: 102px;
22453      height: 404px;
22454      margin: 0;
22455      order: 2;
22456    }
22457
22458    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF.product-media-swiper--thumbnails-right .main-swiper {
22459      flex: 1;
22460      margin: 0;
22461      order: 1;
22462    }
22463
22464    /* Layout: thumbnails-bottom (default) */
22465    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF.product-media-swiper--thumbnails-bottom {
22466      display: flex;
22467      flex-direction: column;
22468    }
22469
22470    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF.product-media-swiper--thumbnails-bottom .thumbs-swiper--bottom {
22471      margin-top: 8px;
22472      width: 100%;
22473      order: 2;
22474    }
22475
22476    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF.product-media-swiper--thumbnails-bottom .main-swiper {
22477      width: 100%;
22478      border-radius: 16px;
22479      margin: 0;
22480      order: 1;
22481    }
22482
22483    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .main-swiper {
22484      width: 100%;
22485      border-radius: 16px;
22486    }
22487
22488    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .main-swiper .swiper-slide {
22489      width: 100%;
22490      aspect-ratio: 650 / 650;
22491      position: relative;
22492      display: flex;
22493      align-items: center;
22494      justify-content: center;
22495      border-radius: 16px;
22496      overflow: hidden;
22497    }
22498
22499    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .swiper-slide img.product-media-swiper__image {
22500      width: 100%;
22501      height: 100%;
22502      border-radius: 16px;
22503      object-fit: contain;
22504    }
22505
22506    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .swiper-slide .deferred-media {
22507      width: 100%;
22508      height: 100%;
22509      aspect-ratio: 1 / 1;
22510      position: relative;
22511      display: flex;
22512      align-items: center;
22513      justify-content: center;
22514    }
22515
22516    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .swiper-slide .deferred-media__poster {
22517      width: 100%;
22518      height: 100%;
22519      aspect-ratio: 1 / 1;
22520      position: absolute;
22521      top: 0;
22522      left: 0;
22523      display: flex;
22524      align-items: center;
22525      justify-content: center;
22526      z-index: 1;
22527      cursor: pointer;
22528    }
22529
22530    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .swiper-slide .deferred-media[loaded] .deferred-media__poster {
22531      display: none;
22532    }
22533
22534    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .swiper-slide .deffered-media__video,
22535    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .swiper-slide iframe,
22536    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .swiper-slide video {
22537      width: 100%;
22538      height: 100%;
22539      aspect-ratio: 1 / 1;
22540      object-fit: contain;
22541      position: relative;
22542      z-index: 2;
22543    }
22544
22545    /* Thumbnails styling */
22546    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .thumbs-swiper {
22547      margin-top: 8px;
22548      width: 100%;
22549    }
22550
22551    /* Vertical thumbnails (left/right) */
22552    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .thumbs-swiper--left,
22553    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .thumbs-swiper--right {
22554      margin-top: 0;
22555      height: 404px;
22556      width: 102px;
22557      overflow: hidden;
22558    }
22559
22560    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .thumbs-swiper--left .swiper-slide,
22561    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .thumbs-swiper--right .swiper-slide {
22562      width: 102px !important;
22563      height: 65px !important;
22564      min-width: 102px !important;
22565      margin-bottom: 8px;
22566      aspect-ratio: 160 / 102;
22567    }
22568
22569    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .thumbs-swiper .swiper-slide {
22570      width: 160px;
22571      min-width: 160px;
22572      height: 102px;
22573      aspect-ratio: 160 / 102;
22574      opacity: 0.5;
22575      border-radius: 12px;
22576      overflow: visible;
22577      cursor: pointer;
22578      border: 2px solid transparent;
22579      transition: border 0.2s, opacity 0.2s;
22580      display: flex;
22581      align-items: center;
22582      justify-content: center;
22583      background: #fff;
22584      box-sizing: border-box;
22585      padding: 0;
22586    }
22587
22588    /* Horizontal thumbnails (bottom) */
22589    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .thumbs-swiper--bottom .swiper-slide {
22590      width: 100px;
22591      min-width: 100px;
22592      height: 100px;
22593      aspect-ratio: 1 / 1;
22594    }
22595
22596    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .thumbs-swiper .swiper-slide-thumb-active {
22597      opacity: 1;
22598      border: 2px solid #050D37;
22599    }
22600
22601    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .product-media-swiper__thumb {
22602      width: 100%;
22603      height: 100%;
22604      aspect-ratio: 160 / 102;
22605      object-fit: cover;
22606      border-radius: 12px;
22607      box-sizing: border-box;
22608      display: block;
22609    }
22610
22611    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .product-media-swiper__thumb--video {
22612      position: relative;
22613      display: flex;
22614      align-items: center;
22615      justify-content: center;
22616      width: 100%;
22617      height: 100%;
22618      aspect-ratio: 160 / 102;
22619      background: #f7f7f7;
22620      border-radius: 12px;
22621    }
22622
22623    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .product-media-swiper__thumb--video img {
22624      width: 100%;
22625      height: 100%;
22626      object-fit: cover;
22627      border-radius: 12px;
22628    }
22629
22630    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .product-thumbnail-carousel__thumb-icon-wrapper {
22631      position: absolute;
22632      top: 50%;
22633      left: 50%;
22634      transform: translate(-50%, -50%);
22635      width: 24px;
22636      height: 24px;
22637      background: rgba(255, 255, 255, 0.7);
22638      border-radius: 50%;
22639      display: flex;
22640      align-items: center;
22641      justify-content: center;
22642    }
22643
22644    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .product-thumbnail-carousel__thumb-icon {
22645      width: 12px;
22646      height: 12px;
22647      color: #050D37;
22648    }
22649
22650    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .swiper-button-next,
22651    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .swiper-button-prev {
22652      color: #F3F3F3;
22653      background: transparent;
22654      border-radius: 50px;
22655      width: 32px;
22656      height: 32px;
22657      box-shadow: none;
22658      display: flex;
22659      align-items: center;
22660      justify-content: center;
22661      position: absolute;
22662      top: 50%;
22663      margin-top: 0;
22664      border: 1px solid #F3F3F3;
22665      transition: all 0.2s ease;
22666      z-index: 2;
22667      opacity: 1;
22668      box-sizing: border-box;
22669      padding: 6px;
22670    }
22671
22672    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .swiper-button-next:after,
22673    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .swiper-button-prev:after {
22674      display: none; /* Hide default Swiper arrows */
22675    }
22676
22677    /* Dark slide background -> give arrows a solid white bg so they pop. */
22678    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF.has-dark-bg .swiper-button-next,
22679    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF.has-dark-bg .swiper-button-prev {
22680      background: #FFFFFF;
22681    }
22682
22683    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .swiper-button-next:hover,
22684    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .swiper-button-prev:hover {
22685      background: rgba(243, 243, 243, 0.1);
22686      border: 1px solid #F3F3F3;
22687      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
22688    }
22689
22690    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .swiper-button-next:hover:before {
22691      background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3814 6.3686L11.6186 5.13135L17.4873 11L11.6186 16.8686L10.3814 15.6313L14.1378 11.875H5.75V10.125H14.1378L10.3814 6.3686Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
22692    }
22693
22694    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .swiper-button-prev:hover:before {
22695      background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6186 15.6313L10.3814 16.8686L4.51275 11L10.3814 5.13135L11.6186 6.3686L7.86225 10.125H16.25V11.875H7.86225L11.6186 15.6313Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
22696    }
22697
22698    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .product-media__image-wrapper {
22699      width: 100%;
22700      height: 100%;
22701      aspect-ratio: 1 / 1;
22702      display: flex;
22703      align-items: center;
22704      justify-content: center;
22705      background: #f7f7f7;
22706      border-radius: 16px;
22707      overflow: hidden;
22708    }
22709
22710    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .product-media__image {
22711      width: 100%;
22712      height: 100%;
22713      object-fit: contain;
22714    }
22715
22716    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .swiper-pagination {
22717      bottom: 25px;
22718      position: absolute;
22719      display: none;
22720    }
22721
22722    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .product-media-swiper__video-container {
22723      width: 100%;
22724      height: 100%;
22725      aspect-ratio: 1 / 1;
22726      position: relative;
22727      display: flex;
22728      align-items: center;
22729      justify-content: center;
22730    }
22731
22732    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .product-media-swiper__video {
22733      width: 100%;
22734      height: 100%;
22735      object-fit: contain;
22736    }
22737
22738    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .deferred-media__button {
22739      position: absolute;
22740      top: 50%;
22741      left: 50%;
22742      transform: translate(-50%, -50%);
22743      display: flex;
22744      align-items: center;
22745      justify-content: center;
22746      width: 60px;
22747      height: 60px;
22748      border-radius: 50%;
22749      background-color: rgba(255, 255, 255, 0.7);
22750      border: none;
22751      cursor: pointer;
22752      z-index: 3;
22753      transition: background-color 0.2s ease;
22754    }
22755
22756    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .deferred-media__button:hover {
22757      background-color: rgba(255, 255, 255, 0.9);
22758    }
22759
22760    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .deferred-media__button-icon--play {
22761      width: 24px;
22762      height: 24px;
22763      color: #050D37;
22764    }
22765
22766    @media screen and (max-width: 768px) {
22767      /* Hide all thumbnails on mobile */
22768      #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .thumbs-swiper--left,
22769      #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .thumbs-swiper--right,
22770      #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .thumbs-swiper--bottom {
22771        display: none !important;
22772      }
22773
22774      #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .swiper-pagination {
22775        display: block !important;
22776      }
22777
22778      /* Hide navigation arrows on mobile */
22779      #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .swiper-button-next,
22780      #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .swiper-button-prev {
22781        display: none !important;
22782      }
22783
22784      /* Mobile layout adjustments */
22785      #product-media-swiper-template--19420722397381__c_main_product_mWjyiF.product-media-swiper--thumbn
22785ails-left,
22786      #product-media-swiper-template--19420722397381__c_main_product_mWjyiF.product-media-swiper--thumbnails-right,
22787      #product-media-swiper-template--19420722397381__c_main_product_mWjyiF.product-media-swiper--thumbnails-bottom {
22788        flex-direction: column;
22789        gap: 12px;
22790      }
22791
22792      #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .main-swiper {
22793        order: 1 !important;
22794        border-radius: 8px;
22795        margin: 0;
22796      }
22797
22798      /* Mobile main carousel styling to match Figma */
22799      #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .main-swiper .swiper-slide {
22800        height: 335px;
22801        aspect-ratio: unset;
22802        border-radius: 8px;
22803      }
22804
22805      #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .swiper-slide img.product-media-swiper__image {
22806        border-radius: 8px;
22807        object-fit: contain;
22808        height: 100%;
22809      }
22810
22811      #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .product-media__image-wrapper {
22812        border-radius: 8px;
22813        height: 100%;
22814      }
22815
22816      /* Position pagination dots below the swiper */
22817      #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .swiper-pagination {
22818        position: absolute;
22819        bottom: 10px;
22820        text-align: center;
22821        z-index: 999;
22822      }
22823
22824      /* Style pagination dots for mobile */
22825      #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .swiper-pagination-bullet {
22826        width: 8px;
22827        height: 8px;
22828        background: #D9D9D9;
22829        opacity: 1;
22830        margin: 0 5px;
22831        border-radius: 50%;
22832        transition: background-color 0.3s ease, transform 0.2s ease;
22833      }
22834
22835      #product-media-swiper-template--19420722397381__c_main_product_mWjyiF .swiper-pagination-bullet-active {
22836        background: #F7B267 !important;
22837      }
22838    }
22839
22840    /* Hide thumbnails when show_thumbnails is false */
22841    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF.product-media-swiper--no-thumbnails .thumbs-swiper {
22842      display: none !important;
22843    }
22844
22845    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF.product-media-swiper--no-thumbnails.product-media-swiper--thumbnails-bottom .main-swiper,
22846    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF.product-media-swiper--no-thumbnails.product-media-swiper--thumbnails-left .main-swiper,
22847    #product-media-swiper-template--19420722397381__c_main_product_mWjyiF.product-media-swiper--no-thumbnails.product-media-swiper--thumbnails-right .main-swiper {
22848      width: 100%;
22849      margin: 0;
22850    }
22851</style>
22852
22853</div><div class="product__info-wrapper grid__item">
22854        <div
22855          id="ProductInfo-template--19420722397381__c_main_product_mWjyiF"
22856          class="product__info-container product__info-container--sticky"
22857        ><div id="shopify-block-AOSt6Z0pZNkZ2SDBMb__stamped_reviews_star_rating_badge_xwf6Th" class="shopify-block shopify-app-block">
22858
22859
22860<span
22861  class="stamped-product-reviews-badge stamped-main-badge"
22862  data-id="8529691803845"
22863  data-product-sku="apollo-wearable-1-year-ai-membership-starter-kit"
22864  data-product-title="Apollo Wearable + SmartVibes AI Membership"
22865  data-product-type="Subscription Bundle"
22866  style="display: block;">
22867  
22868    
22869</span>
22870
22871</div>
22872<div class="product__title" >
22873                  <h1 class="product__heading h2">
22874                    Apollo Wearable + SmartVibes AI Membership
22875                  </h1></div><div id="price-template--19420722397381__c_main_product_mWjyiF" >
22876<style data-shopify>
22877  /* IMPORTANT: Always use these exact media query breakpoints */
22878  /* Mobile first (without media query) */
22879  .c-price__container {
22880    display: flex;
22881    flex-direction: column;
22882    gap: 16px;
22883    align-items: flex-start;
22884  }
22885
22886  .c-price__prices-wrapper {
22887    display: flex;
22888    flex-direction: row;
22889    align-items: center;
22890    gap: 8px;
22891  }
22892
22893  .c-price__current {
22894    font-family: 'Basis Grotesque Arabic Pro', sans-serif !important;
22895    font-weight: 700;
22896    font-size: 20px;
22897    line-height: 1.4;
22898    color: #181E21;
22899  }
22900
22901  .c-price__compare-wrapper {
22902    position: relative;
22903    display: inline-block;
22904  }
22905
22906  .price bdi {
22907    font-family: 'Basis Grotesque Arabic Pro', sans-serif !important;
22908  }
22909
22910  .price__prefix {
22911    font-family: 'Basis Grotesque Arabic Pro', sans-serif !important;
22912  }
22913
22914  .c-price__compare-price {
22915    font-family: 'Basis Grotesque Arabic Pro', sans-serif !important;
22916    font-weight: 400;
22917    font-size: 12px;
22918    line-height: 1.44;
22919    color: rgba(0, 0, 0, 0.35);
22920    text-decoration: none;
22921  }
22922  .c-price__compare-price p {
22923    font-family: 'Basis Grotesque Arabic Pro', sans-serif !important;
22924  }
22925  .c-price__strikethrough {
22926    position: absolute;
22927    top: 50%;
22928    left: -2px;
22929    right: -2px;
22930    height: 1px;
22931    background-color: #D33131;
22932    transform: translateY(-50%) rotate(-8deg);
22933    transform-origin: center;
22934  }
22935
22936  .c-price__badge-wrapper {
22937    display: flex;
22938    justify-content: flex-start;
22939    align-items: center;
22940  }
22941
22942  .c-price__badge-sale {
22943    background-color: #FF9393;
22944    color: #000000;
22945    font-family: 'Basis Grotesque Arabic Pro', sans-serif !important;
22946    font-weight: 700;
22947    font-size: 14px;
22948    line-height: 1.2;
22949    padding: 10px 16px;
22950    border-radius: 40px;
22951    display: inline-block;
22952    text-align: center;
22953  }
22954
22955  /* Tablet: @media (width >= 768px) {} */
22956  @media (width >= 768px) {
22957    .c-price__container {
22958      flex-direction: row;
22959      gap: 24px;
22960      align-items: center;
22961    }
22962
22963    .c-price__prices-wrapper {
22964      gap: 12px;
22965    }
22966
22967    .c-price__current {
22968      font-size: 22px;
22969    }
22970
22971    .c-price__compare-price {
22972      font-size: 13px;
22973    }
22974
22975    .c-price__badge-sale {
22976      font-size: 16px;
22977      padding: 10px 14px;
22978    }
22979  }
22980
22981  /* Desktop: @media (width >= 1200px) {} */
22982  @media (width >= 1200px) {
22983    .c-price__container {
22984      gap: 36px;
22985    }
22986
22987    .c-price__prices-wrapper {
22988      gap: 16px;
22989    }
22990
22991    .c-price__current {
22992      font-size: 24px;
22993    }
22994
22995    .c-price__compare-price {
22996      font-size: 14px;
22997    }
22998
22999    .c-price__badge-sale {
23000      font-size: 18px;
23001      padding: 10px 16px;
23002    }
23003  }
23004
23005  /* ── v2 layout (Figma 6759:3612) ───────────────────────────────── */
23006  .c-price-v2 {
23007    display: flex;
23008    flex-wrap: wrap;
23009    align-items: center;
23010    gap: 8px;
23011  }
23012
23013  .c-price-v2__compare {
23014    font-family: 'Basis Grotesque Arabic Pro', sans-serif;
23015    font-weight: 400;
23016    font-size: 14px;
23017    line-height: 20.195px;
23018    color: rgba(0, 0, 0, 0.35);
23019    text-decoration: line-through;
23020    text-decoration-skip-ink: none;
23021  }
23022
23023  .c-price-v2__current {
23024    font-family: 'Basis Grotesque Arabic Pro', sans-serif;
23025    font-weight: 700;
23026    font-size: 24px;
23027    line-height: 1.4;
23028    color: #181E21;
23029  }
23030
23031  /* v2 renders its own prices, so the legacy description list is suppressed.
23032     .unit-price is intentionally left visible - it has no v2 equivalent. */
23033  .price--v2 .price__regular,
23034  .price--v2 .price__sale {
23035    display: none !important;
23036  }
23037
23038  /* Legacy price styles - hide when using custom layout */
23039  .price--on-sale .price__sale {
23040    display: none;
23041  }
23042
23043  .price--on-sale .price__regular {
23044    display: none;
23045  }
23046</style>
23047
23048<div class="price price--medium"
23049>
23050  <dl><div class="price__regular"><dt>
23051          <span class="visually-hidden visually-hidden--inline">Regular price</span>
23052        </dt>
23053        <dd >
23054          <span class="price-item price-item--regular">
23055            <price-money><bdi>$448 USD</bdi></price-money>
23056          </span>
23057        </dd></div>
23058    <div class="price__sale"><dt class="price__compare">
23059          <span class="visually-hidden visually-hidden--inline">Regular price</span>
23060        </dt>
23061        <dd class="price__compare">
23062          <s class="price-item price-item--regular">
23063            <price-money><bdi>$448 USD</bdi></price-money>
23064          </s>
23065        </dd><dt>
23066        <span class="visually-hidden visually-hidden--inline">Sale price</span>
23067      </dt>
23068      <dd >
23069        <span class="price-item price-item--sale">
23070          <price-money><bdi>$448 USD</bdi></price-money>
23071        </span>
23072      </dd>
23073    </div></dl></div>
23074</div><div ><form method="post" action="/cart/add" id="product-form-installment-template--19420722397381__c_main_product_mWjyiF" accept-charset="UTF-8" class="installment caption-large" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
23075                        type="hidden"
23076                        name="id"
23077                        value="45478267584709"
23078                      >
23079                      
23080<input type="hidden" name="product-id" value="8529691803845" /><input type="hidden" name="section-id" value="template--19420722397381__c_main_product_mWjyiF" /></form></div>
23081
23082<style data-shopify>
23083  /* IMPORTANT: Always use these exact media query breakpoints */
23084  /* Mobile first (without media query) */
23085  .c-product-variations {
23086    display: flex;
23087    flex-direction: column;
23088    gap: 16px;
23089    width: 100%;
23090  }
23091
23092  .c-product-variations__option {
23093    display: flex;
23094    flex-direction: column;
23095    gap: 12px;
23096    width: 100%;
23097  }
23098
23099  .c-product-variations__label {
23100    display: flex;
23101    flex-direction: row;
23102    align-items: center;
23103    gap: 8px;
23104    font-family: 'Basis Grotesque Arabic Pro', sans-serif !important;
23105    font-weight: 400;
23106    font-size: 16px;
23107    line-height: 1.375;
23108    color: #131313;
23109    margin: 0;
23110    margin-bottom: 16px;
23111  }
23112
23113  .product-form__input .swatch-input__input + .swatch-input__label {
23114    margin: 0;
23115  }
23116
23117  .c-product-variations__label span {
23118    font-family: 'Basis Grotesque Arabic Pro', sans-serif !important;
23119  }
23120
23121  .c-product-variations__label-text {
23122    font-family: 'Basis Grotesque Arabic Pro', sans-serif !important;
23123    font-weight: 700;
23124  }
23125
23126  .c-product-variations__swatches {
23127    display: inline-flex;
23128    flex-direction: row;
23129    flex-wrap: nowrap;
23130    gap: 10px;
23131    align-items: center;
23132  }
23133
23134  .c-product-variations__swatches-container {
23135    display: inline-flex;
23136    background-color: #3D4347;
23137    border-radius: 100px;
23138    padding: 3px 4px;
23139    gap: 10px;
23140  }
23141
23142  .c-product-variations__swatch {
23143    position: relative;
23144    width: 44px;
23145    height: 44px;
23146    border-radius: 100px;
23147    cursor: pointer;
23148    border: 2px solid transparent;
23149    transition: all 0.2s ease;
23150    overflow: hidden;
23151  }
23152
23153  .c-product-variations__swatch:hover {
23154    border-color: #3D4347;
23155  }
23156
23157  .c-product-variations__swatch.is-active {
23158    border-color: #131313;
23159    box-shadow: 0 0 0 1px #131313;
23160  }
23161
23162  .c-product-variations__swatch input[type="radio"] {
23163    position: absolute;
23164    opacity: 0;
23165    width: 0;
23166    height: 0;
23167  }
23168
23169  .c-product-variations__swatch-inner {
23170    width: 100%;
23171    height: 100%;
23172    border-radius: 100px;
23173    background-size: cover;
23174    background-position: center;
23175  }
23176
23177  .c-product-variations__buttons {
23178    display: flex;
23179    flex-direction: row;
23180    flex-wrap: wrap;
23181    gap: 8px;
23182    align-items: center;
23183  }
23184
23185  .c-product-variations__button {
23186    position: relative;
23187    padding: 12px 20px;
23188    background-color: #F5F5F5;
23189    color: #131313;
23190    border: 2px solid transparent;
23191    border-radius: 8px;
23192    font-family: 'Basis Grotesque Arabic Pro', sans-serif;
23193    font-weight: 600;
23194    font-size: 14px;
23195    line-height: 1.4;
23196    cursor: pointer;
23197    transition: all 0.2s ease;
23198  }
23199
23200  .c-product-variations__button:hover {
23201    background-color: #E8E8E8;
23202    border-color: #3D4347;
23203  }
23204
23205  .c-product-variations__button.is-active {
23206    background-color: #131313;
23207    color: #FFFFFF;
23208    border-color: #131313;
23209  }
23210
23211  .c-product-variations__button input[type="radio"] {
23212    position: absolute;
23213    opacity: 0;
23214    width: 0;
23215    height: 0;
23216  }
23217
23218  /* Tablet: @media (width >= 768px) {} */
23219  @media (width >= 768px) {
23220    .c-product-variations__swatches {
23221      gap: 10px;
23222    }
23223
23224    .c-product-variations__swatch {
23225      width: 48px;
23226      height: 48px;
23227    }
23228  }
23229
23230  /* Laptop: @media (width >= 978px) {} */
23231  @media (width >= 978px) {
23232    .c-product-variations__swatches {
23233      gap: 12px;
23234    }
23235
23236    .c-product-variations__swatch {
23237      width: 52px;
23238      height: 52px;
23239    }
23240
23241    .c-product-variations__button {
23242      font-size: 15px;
23243      padding: 14px 24px;
23244    }
23245  }
23246
23247  /* Desktop: @media (width >= 1200px) {} */
23248  @media (width >= 1200px) {
23249    .c-product-variations__label {
23250      font-size: 18px;
23251    }
23252
23253    .c-product-variations__button {
23254      font-size: 16px;
23255    }
23256  }
23257</style>
23258<variant-selects data-primary
23259    id="variant-selects-template--19420722397381__c_main_product_mWjyiF"
23260    class="c-product-variations"
23261    data-section="template--19420722397381__c_main_product_mWjyiF"
23262    
23263  ><fieldset class="c-product-variations__option js product-form__input"><legend class="c-product-variations__label">
23264              <span class="c-product-variations__label-text">Color</span>
23265              <span data-selected-value>Stealth</span>
23266            </legend><div class="c-product-variations__swatches">
23267            <div class="c-product-variations__swatches-container">
23268              
23269
23270
23271<input
23272  type="radio"
23273  id="template--19420722397381__c_main_product_mWjyiF-1-0"
23274  name="Color-1
23275"
23276  value="Stealth"
23277  form="product-form-template--19420722397381__c_main_product_mWjyiF"
23278  class="swatch-input__input"
23279  
23280    checked
23281  
23282  
23283  
23284    data-product-url=""
23285      data-option-value-id="4365210812613"
23286      
23287
23288  
23289>
23290<label
23291  for="template--19420722397381__c_main_product_mWjyiF-1-0"
23292  title="Stealth"
23293  class="swatch-input__label swatch-input__label--file"
23294>
23295  
23296    
23297
23298
23299<span
23300    
23301      class="swatch"
23302      style="--swatch--background: url(//apolloneuro.com/cdn/shop/files/stealth.png?v=1750182530&width=150);"
23303    
23304  ></span>
23305
23306
23307  
23308  <span class="visually-hidden">Stealth</span>
23309      <span class="visually-hidden label-unavailable">Variant sold out or unavailable</span>
23310
23311</label>
23312
23313
23314
23315<input
23316  type="radio"
23317  id="template--19420722397381__c_main_product_mWjyiF-1-1"
23318  name="Color-1
23319"
23320  value="Rose"
23321  form="product-form-template--19420722397381__c_main_product_mWjyiF"
23322  class="swatch-input__input"
23323  
23324  
23325  
23326    data-product-url=""
23327      data-option-value-id="4365210910917"
23328      
23329
23330  
23331>
23332<label
23333  for="template--19420722397381__c_main_product_mWjyiF-1-1"
23334  title="Rose"
23335  class="swatch-input__label swatch-input__label--file"
23336>
23337  
23338    
23339
23340
23341<span
23342    
23343      class="swatch"
23344      style="--swatch--background: url(//apolloneuro.com/cdn/shop/files/rose.png?v=1750182728&width=150);"
23345    
23346  ></span>
23347
23348
23349  
23350  <span class="visually-hidden">Rose</span>
23351      <span class="visually-hidden label-unavailable">Variant sold out or unavailable</span>
23352
23353</label>
23354
23355
23356
23357<input
23358  type="radio"
23359  id="template--19420722397381__c_main_product_mWjyiF-1-2"
23360  name="Color-1
23361"
23362  value="Glacier"
23363  form="product-form-template--19420722397381__c_main_product_mWjyiF"
23364  class="swatch-input__input"
23365  
23366  
23367  
23368    data-product-url=""
23369      data-option-value-id="4365210878149"
23370      
23371
23372  
23373>
23374<label
23375  for="template--19420722397381__c_main_product_mWjyiF-1-2"
23376  title="Glacier"
23377  class="swatch-input__label swatch-input__label--file"
23378>
23379  
23380    
23381
23382
23383<span
23384    
23385      class="swatch"
23386      style="--swatch--background: url(//apolloneuro.com/cdn/shop/files/glacier.png?v=1750182246&width=150);"
23387    
23388  ></span>
23389
23390
23391  
23392  <span class="visually-hidden">Glacier</span>
23393      <span class="visually-hidden label-unavailable">Variant sold out or unavailable</span>
23394
23395</label>
23396
23397
23398
23399<input
23400  type="radio"
23401  id="template--19420722397381__c_main_product_mWjyiF-1-3"
23402  name="Color-1
23403"
23404  value="Twilight"
23405  form="product-form-template--19420722397381__c_main_product_mWjyiF"
23406  class="swatch-input__input"
23407  
23408  
23409  
23410    data-product-url=""
23411      data-option-value-id="4365210845381"
23412      
23413
23414  
23415>
23416<label
23417  for="template--19420722397381__c_main_product_mWjyiF-1-3"
23418  title="Twilight"
23419  class="swatch-input__label swatch-input__label--file"
23420>
23421  
23422    
23423
23424
23425<span
23426    
23427      class="swatch"
23428      style="--swatch--background: url(//apolloneuro.com/cdn/shop/files/twilight.png?v=1750182704&width=150);"
23429    
23430  ></span>
23431
23432
23433  
23434  <span class="visually-hidden">Twilight</span>
23435      <span class="visually-hidden label-unavailable">Variant sold out or unavailable</span>
23436
23437</label>
23438
23439
23440            </div>
23441          </div></fieldset>
23441<script type="application/json" data-selected-variant>
23442      {"id":45478267584709,"title":"Stealth","option1":"Stealth","option2":null,"option3":null,"sku":"700-0021-SV","requires_shipping":true,"taxable":true,"featured_image":{"id":40561646403781,"product_id":8529691803845,"position":5,"created_at":"2025-12-30T07:55:45-05:00","updated_at":"2026-01-28T10:30:22-05:00","alt":null,"width":2384,"height":2124,"src":"\/\/apolloneuro.com\/cdn\/shop\/files\/switch-stealth.png?v=1769614222","variant_ids":[45478267584709]},"available":true,"name":"Apollo Wearable + SmartVibes AI Membership - Stealth","public_title":"Stealth","options":["Stealth"],"price":44800,"weight":113,"compare_at_price":44800,"inventory_management":"shopify","barcode":"850049387217","featured_media":{"alt":null,"id":31552065929413,"position":5,"preview_image":{"aspect_ratio":1.122,"height":2124,"width":2384,"src":"\/\/apolloneuro.com\/cdn\/shop\/files\/switch-stealth.png?v=1769614222"}},"requires_selling_plan":true,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":44800},{"position":2,"price":9901}],"price":44800,"compare_at_price":44800,"per_delivery_price":44800,"selling_plan_id":6577553605,"selling_plan_group_id":"6f8bdf2e86c588217a9970f531cc7e5a5a344423"}],"quantity_rule":{"min":1,"max":null,"increment":1}}
23443    </script>
23443
23444  </variant-selects>
23445
23446
23447<style data-shopify>
23448  /* IMPORTANT: Always use these exact media query breakpoints */
23449  /* Mobile first (without media query) */
23450  
23451  .product-form__buttons {
23452    display: flex !important;
23453    flex-direction: row !important;
23454    align-items: stretch !important;
23455    gap: 10px !important;
23456    width: 100% !important;
23457  }
23458
23459  .product-form__quantity {
23460    flex: 0 0 auto !important;
23461    width: auto !important;
23462  }
23463
23464  .product-form__submit {
23465    flex: 1 !important;
23466    min-height: 55px !important;
23467    height: 55px !important;
23468  }
23469
23470  .c-quantity-selector {
23471    display: flex !important;
23472    flex-direction: row;
23473    justify-content: space-between;
23474    align-items: center;
23475    gap: 5%;
23476    padding: 12px 16px;
23477    border: 1px solid #868686;
23478    border-radius: 25px;
23479    width: 89px;
23480    min-height: 55px;
23481    height: 55px;
23482  }
23483
23484  .c-quantity-selector__button.quantity__button {
23485    background: transparent !important;
23486    border: none !important;
23487    color: #868686 !important;
23488    font-family: 'Basis Grotesque Arabic Pro', sans-serif !important;
23489    font-weight: 400;
23490    font-size: 16px !important;
23491    line-height: 1.5;
23492    cursor: pointer;
23493    padding: 0 !important;
23494    height: auto !important;
23495    display: flex;
23496    align-items: center;
23497    justify-content: center;
23498    transition: color 0.2s ease;
23499    box-shadow: none !important;
23500    flex: 1;
23501  }
23502
23503  .c-quantity-selector__button.quantity__button svg,
23504  .c-quantity-selector__button.quantity__button img {
23505    display: none !important;
23506  }
23507
23508  .quantity {
23509    width: auto;
23510  }
23511
23512  .c-quantity-selector__button.quantity__button:hover {
23513    color: #131313 !important;
23514    background: transparent !important;
23515    box-shadow: none !important;
23516  }
23517
23518  #ProductSubmitButton-template--19420722397381__c_main_product_mWjyiF {
23519    min-width: unset;
23520  }
23521
23522  .c-quantity-selector__button.quantity__button:disabled {
23523    opacity: 0.5;
23524    cursor: not-allowed;
23525  }
23526
23527  .c-quantity-selector__input.quantity__input {
23528    border: none !important;
23529    background: transparent !important;
23530    color: #868686 !important;
23531    font-family: 'Basis Grotesque Arabic Pro', sans-serif !important;
23532    font-weight: 400;
23533    font-size: 16px !important;
23534    line-height: 1.5;
23535    text-align: center;
23536    padding: 0 !important;
23537    -moz-appearance: textfield;
23538    flex: 1;
23539  }
23540
23541  .quantity__button:hover::after {
23542    transform: scale(0);
23543  }
23544
23545  .c-quantity-selector__input.quantity__input::-webkit-outer-spin-button,
23546  .c-quantity-selector__input.quantity__input::-webkit-inner-spin-button {
23547    -webkit-appearance: none;
23548    margin: 0;
23549  }
23550
23551  .c-quantity-selector__input.quantity__input:focus {
23552    outline: none !important;
23553  }
23554
23555  /* Tablet: @media (width >= 768px) {} */
23556  @media (width >= 768px) {
23557    .c-quantity-selector {
23558      width: 120px;
23559      border-radius: 30px;
23560      gap: 8%;
23561    }
23562  }
23563
23564  /* Laptop: @media (width >= 978px) {} */
23565  @media (width >= 978px) {
23566    .c-quantity-selector {
23567      width: 140px;
23568      border-radius: 35px;
23569      gap: 10%;
23570    }
23571  }
23572
23573  /* Desktop: @media (width >= 1200px) {} */
23574  @media (width >= 1200px) {
23575    .c-quantity-selector {
23576      width: 160px;
23577      border-radius: 40px;
23578      gap: 12%;
23579    }
23580  }
23581</style>
23582
23583<div ><product-form 
23584    class="product-form"
23585    data-hide-errors="false"
23586    data-section-id="template--19420722397381__c_main_product_mWjyiF"
23587    data-direct-checkout="true"
23588    
23589  >
23590    <div class="product-form__error-message-wrapper" role="alert" hidden>
23591    <svg
23592      aria-hidden="true"
23593      focusable="false"
23594      class="icon icon-error"
23595      viewBox="0 0 13 13"
23596    >
23597      <circle
23598        cx="6.5"
23599        cy="6.50049"
23600        r="5.5"
23601        stroke="white"
23602        stroke-width="2" />
23603      <circle
23604        cx="6.5"
23605        cy="6.5"
23606        r="5.5"
23607        fill="#EB001B"
23608        stroke="#EB001B"
23609        stroke-width="0.7" />
23610      <path d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z" fill="white" />
23611      <path
23612        d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z"
23613        fill="white"
23614        stroke="#EB001B"
23615        stroke-width="0.7" />
23616    </svg><span class="product-form__error-message"></span>
23617    </div><form method="post" action="/cart/add" id="product-form-template--19420722397381__c_main_product_mWjyiF" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
23618        type="hidden"
23619        name="id"
23620        value="45478267584709"
23621        
23622        class="product-variant-id"
23623      >
23624<style data-shopify>
23625    .c-selling-plan-picker {
23626      margin: 16px 0;
23627      width: 100%;
23628    }
23629    
23630    .c-selling-plan-picker__label {
23631      display: block;
23632      font-size: 14px;
23633      font-weight: 500;
23634      margin-bottom: 8px;
23635      color: #131313;
23636    }
23637    
23638    .c-selling-plan-picker__select-wrapper {
23639      position: relative;
23640      width: 100%;
23641    }
23642    
23643    .c-selling-plan-picker__select {
23644      width: 100%;
23645      padding: 12px 40px 12px 16px;
23646      border: 1px solid #868686;
23647      border-radius: 8px;
23648      background-color: #fff;
23649      font-size: 14px;
23650      font-family: inherit;
23651      color: #131313;
23652      cursor: pointer;
23653      appearance: none;
23654      -webkit-appearance: none;
23655      -moz-appearance: none;
23656    }
23657    
23658    .c-selling-plan-picker__select:focus {
23659      outline: none;
23660      border-color: #131313;
23661    }
23662    
23663    .c-selling-plan-picker__select-wrapper::after {
23664      content: '';
23665      position: absolute;
23666      right: 16px;
23667      top: 50%;
23668      transform: translateY(-50%);
23669      width: 0;
23670      height: 0;
23671      border-left: 5px solid transparent;
23672      border-right: 5px solid transparent;
23673      border-top: 5px solid #868686;
23674      pointer-events: none;
23675    }
23676    
23677    .c-selling-plan-picker__options {
23678      display: flex;
23679      flex-direction: column;
23680      gap: 8px;
23681    }
23682    
23683    .c-selling-plan-picker__option {
23684      display: flex;
23685      align-items: center;
23686      padding: 12px 16px;
23687      border: 1px solid #e0e0e0;
23688      border-radius: 8px;
23689      cursor: pointer;
23690      transition: border-color 0.2s ease, background-color 0.2s ease;
23691    }
23692    
23693    .c-selling-plan-picker__option:hover {
23694      border-color: #868686;
23695    }
23696    
23697    .c-selling-plan-picker__option.is-selected {
23698      border-color: #131313;
23699      background-color: #f9f9f9;
23700    }
23701    
23702    .c-selling-plan-picker__option input[type="radio"] {
23703      margin-right: 12px;
23704      accent-color: #131313;
23705    }
23706    
23707    .c-selling-plan-picker__option-content {
23708      display: flex;
23709      flex-direction: column;
23710      gap: 2px;
23711    }
23712    
23713    .c-selling-plan-picker__option-name {
23714      font-size: 14px;
23715      font-weight: 500;
23716      color: #131313;
23717    }
23718    
23719    .c-selling-plan-picker__option-price {
23720      font-size: 12px;
23721      color: #868686;
23722    }
23723    
23724    .c-selling-plan-picker__hidden {
23725      display: none;
23726    }
23727    
23728    /* Tablet */
23729    @media (width >= 768px) {
23730      .c-selling-plan-picker__options--inline {
23731        flex-direction: row;
23732        flex-wrap: wrap;
23733      }
23734      
23735      .c-selling-plan-picker__options--inline .c-selling-plan-picker__option {
23736        flex: 0 0 auto;
23737      }
23738    }
23739  </style>
23740
23741  <div 
23742    class="c-selling-plan-picker" 
23743    id="SellingPlanPicker-template--19420722397381__c_main_product_mWjyiF"
23744    data-requires-selling-plan="true"
23745    data-total-plans="1"
23746  ><input 
23747        type="hidden" 
23748        name="selling_plan" 
23749        value="6577553605"
23750        form="product-form-template--19420722397381__c_main_product_mWjyiF"
23751        data-selling-plan-input
23752        id="SellingPlanInput-template--19420722397381__c_main_product_mWjyiF"
23753      ><div class="c-selling-plan-picker__info" style="padding: 12px 16px; background: #f9f9f9; border-radius: 8px; margin-bottom: 8px;">
23754          <span class="c-selling-plan-picker__option-name" style="display: block; font-size: 14px; font-weight: 500; color: #131313;">
23755            1 Year membership
23756          </span></div></div>
23757
23758  
23758<script>
23759    (function() {
23760      const picker = document.getElementById('SellingPlanPicker-template--19420722397381__c_main_product_mWjyiF');
23761      if (!picker) return;
23762      
23763      const options = picker.querySelectorAll('.c-selling-plan-picker__option');
23764      const inputs = picker.querySelectorAll('input[data-selling-plan-input]');
23765      
23766      // Handle option selection styling
23767      options.forEach(option => {
23768        const input = option.querySelector('input[type="radio"]');
23769        if (!input) return;
23770        
23771        input.addEventListener('change', function() {
23772          // Remove selected class from all options
23773          options.forEach(opt => opt.classList.remove('is-selected'));
23774          // Add selected class to current option
23775          if (this.checked) {
23776            option.classList.add('is-selected');
23777          }
23778          
23779          // Dispatch custom event for other scripts to listen
23780          const event = new CustomEvent('selling-plan:change', {
23781            bubbles: true,
23782            detail: {
23783              sellingPlanId: this.value,
23784              sectionId: 'template--19420722397381__c_main_product_mWjyiF'
23785            }
23786          });
23787          picker.dispatchEvent(event);
23788        });
23789      });
23790      
23791      // Listen for variant changes to update selling plan availability
23792      document.addEventListener('variant:change', function(event) {
23793        if (event.detail && event.detail.sectionId === 'template--19420722397381__c_main_product_mWjyiF') {
23794          // Could add logic here to update selling plan options based on variant
23795          // For now, selling plans are typically the same across variants
23796        }
23797      });
23798    })();
23799  </script>
23799<div class="product-form__buttons"><div id="Quantity-Form-template--19420722397381__c_main_product_mWjyiF" class="product-form__quantity">
23800            
23801            
23802
23803            <label for="Quantity-template--19420722397381__c_main_product_mWjyiF" class="visually-hidden">
23804              Quantity
23805              <span class="quantity__rules-cart hidden">
23806
23807<div class="loading-overlay hidden">
23808  <div class="loading-overlay__spinner">
23809    <svg
23810      xmlns="http://www.w3.org/2000/svg"
23811      aria-hidden="true"
23812      focusable="false"
23813      class="icon icon-spinner"
23814      fill="none"
23815      viewBox="0 0 66 66"
23816    >
23817      <circle
23818        class="path"
23819        fill="none"
23820        stroke-width="6"
23821        cx="33"
23822        cy="33"
23823        r="30" />
23824    </svg>
23825  </div>
23826</div><span
23827                  >(<span class="quantity-cart">0</span> in cart)</span
23828                >
23829              </span>
23830            </label>
23831
23832            <div class="price-per-item__container">
23833              <quantity-input class="quantity" data-url="/products/apollo-wearable-1-year-ai-membership-starter-kit" data-block="buy_buttons_igeqeB" data-section="template--19420722397381__c_main_product_mWjyiF">
23834                <div class="c-quantity-selector">
23835                  <button class="c-quantity-selector__button quantity__button" name="minus" type="button">
23836                    <span class="visually-hidden">Decrease quantity for Apollo Wearable + SmartVibes AI Membership</span>
23837                    -
23838                  </button>
23839                  <input
23840                    class="c-quantity-selector__input quantity__input quantity__input-primary"
23841                    type="number"
23842                    name="quantity"
23843                    id="Quantity-template--19420722397381__c_main_product_mWjyiF"
23844                    data-cart-quantity="0"
23845                    data-min="1"
23846                    min="1"
23847                    
23848                    step="1"
23849                    value="1"
23850                    form="product-form-template--19420722397381__c_main_product_mWjyiF"
23851                  >
23852                  <button class="c-quantity-selector__button quantity__button" name="plus" type="button">
23853                    <span class="visually-hidden">Increase quantity for Apollo Wearable + SmartVibes AI Membership</span>
23854                    +
23855                  </button>
23856                </div>
23857              </quantity-input></div>
23858            <div class="quantity__rules caption" id="Quantity-Rules-template--19420722397381__c_main_product_mWjyiF"></div></div><button
23859              id="ProductSubmitButton-template--19420722397381__c_main_product_mWjyiF"
23860              type="submit"
23861              name="add"
23862              class="product-form__submit button button--full-width"style="background-color: #f7b267 !important;
23863                  border-color: #f7b267 !important;color: #181e21 !important;border-radius: 40px !important;"
23864            >
23865              <span>Add To Cart
23866</span>
23867            </button><style>
23868            #ProductSubmitButton-template--19420722397381__c_main_product_mWjyiF:hover {background-color: rgba(247, 178, 103, 0.85) !important;color: #181e21 !important;}
23869            #ProductSubmitButton-template--19420722397381__c_main_product_mWjyiF:focus {background-color: rgba(247, 178, 103, 0.85) !important;color: #181e21 !important;}
23870          </style></div><input type="hidden" name="product-id" value="8529691803845" /><input type="hidden" name="section-id" value="template--19420722397381__c_main_product_mWjyiF" /></form></product-form><link href="//apolloneuro.com/cdn/shop/t/251/assets/component-pickup-availability.css?v=35888261301246787231756101762" rel="stylesheet" type="text/css" media="all" />
23871<pickup-availability class="product__pickup-availabilities no-js-hidden"
23872    
23873    data-root-url="/"
23874    data-variant-id="45478267584709"
23875    data-has-only-default-variant="false"
23876  >
23877    <template>
23878      <pickup-availability-preview class="pickup-availability-preview">
23879        <svg
23880      xmlns="http://www.w3.org/2000/svg"
23881      aria-hidden="true"
23882      focusable="false"
23883      class="icon icon-unavailable"
23884      fill="none"
23885      viewBox="0 0 20 20"
23886    >
23887      <path
23888        fill="#DE3618"
23889        stroke="#fff"
23890        d="M13.94 3.94L10 7.878l-3.94-3.94A1.499 1.499 0 103.94 6.06L7.88 10l-3.94 3.94a1.499 1.499 0 102.12 2.12L10 12.12l3.94 3.94a1.497 1.497 0 002.12 0 1.499 1.499 0 000-2.12L12.122 10l3.94-3.94a1.499 1.499 0 10-2.121-2.12z" />
23891    </svg>
23892        <div class="pickup-availability-info">
23893          <p class="caption-large">Couldn&#39;t load pickup availability</p>
23894          <button class="pickup-availability-button link link--underline">Refresh</button>
23895        </div>
23896      </pickup-availability-preview>
23897    </template>
23898  </pickup-availability>
23899  
23899<script src="//apolloneuro.com/cdn/shop/t/251/assets/pickup-availability.js?v=160523674073972708901756101763" defer="defer"></script>
23899</div>
23900
23901<div >
23902                  
23903<style>
23904      .product-shipping-delay {
23905        display: flex;
23906        align-items: flex-start;
23907        gap: 0.75rem;
23908        padding: 1rem 1.25rem;
23909        margin: 1rem 0;
23910        background: var(--shipping-delay-bg, #FFF8E6);
23911        border: 1px solid var(--shipping-delay-border, #F5A623);
23912        border-radius: 8px;
23913        font-size: 1.3rem;
23914        line-height: 1.5;
23915        color: var(--shipping-delay-text, #5C4813);
23916      }
23917
23918      .product-shipping-delay__icon {
23919        flex-shrink: 0;
23920        width: 20px;
23921        height: 20px;
23922        color: var(--shipping-delay-icon, #F5A623);
23923      }
23924
23925      .product-shipping-delay__icon svg {
23926        width: 100%;
23927        height: 100%;
23928      }
23929
23930      .product-shipping-delay__content {
23931        flex: 1;
23932      }
23933
23934      .product-shipping-delay__text {
23935        margin: 0;
23936        font-weight: 500;
23937      }
23938
23939      .product-shipping-delay--warning {
23940        --shipping-delay-bg: #FFF8E6;
23941        --shipping-delay-border: #F5A623;
23942        --shipping-delay-text: #5C4813;
23943        --shipping-delay-icon: #F5A623;
23944      }
23945
23946      .product-shipping-delay--info {
23947        --shipping-delay-bg: #E8F4FD;
23948        --shipping-delay-border: #2196F3;
23949        --shipping-delay-text: #0D47A1;
23950        --shipping-delay-icon: #2196F3;
23951      }
23952
23953      .product-shipping-delay--subtle {
23954        --shipping-delay-bg: #F5F5F5;
23955        --shipping-delay-border: #E0E0E0;
23956        --shipping-delay-text: #616161;
23957        --shipping-delay-icon: #9E9E9E;
23958      }
23959    </style>
23960
23961    <product-shipping-delay
23962      class="product-shipping-delay product-shipping-delay--warning "
23963      data-variant-id="45478267584709"
23964      style="display: none;"
23965      role="status"
23966      aria-live="polite"
23967    ><div class="product-shipping-delay__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
23968              <path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path>
23969              <line x1="12" y1="9" x2="12" y2="13"></line>
23970              <line x1="12" y1="17" x2="12.01" y2="17"></line>
23971            </svg></div><div class="product-shipping-delay__content">
23972        <p class="product-shipping-delay__text"></p>
23973      </div>
23974    </product-shipping-delay>
23975
23976    
23976<script>
23977      window.variantShippingDelays = window.variantShippingDelays || {};
23978      window.variantShippingDelays['8529691803845'] = {'45478267584709': null,
23979'45478267683013': "Backordered: Expected to Ship in 3 Weeks",
23980'45478267650245': null,
23981'45478267617477': null
23982};
23983
23984      // Custom element to handle variant changes using theme's pub/sub system
23985      if (!customElements.get('product-shipping-delay')) {
23986        class ProductShippingDelay extends HTMLElement {
23987          connectedCallback() {
23988            this.productId = '8529691803845';
23989            this.sectionId = this.closest('[data-section]')?.dataset?.section ||
23990                            this.closest('section')?.id?.replace('shopify-section-', '');
23991
23992            // Subscribe to theme's pub/sub variant change events
23993            if (typeof subscribe === 'function' && typeof PUB_SUB_EVENTS !== 'undefined') {
23994              this.variantChangeUnsubscriber = subscribe(PUB_SUB_EVENTS.variantChange, (event) => {
23995                // Check if this event is for our section
23996                if (event.data?.sectionId && this.sectionId && event.data.sectionId !== this.sectionId) {
23997                  return;
23998                }
23999
24000                const variantId = event.data?.variant?.id;
24001                if (variantId) {
24002                  this.updateMessage(variantId.toString());
24003                }
24004              });
24005            }
24006
24007            // Fallback: Also listen for DOM events and input changes
24008            document.addEventListener('variant:change', this.handleDOMVariantChange.bind(this));
24009
24010            const productInfo = this.closest('product-info');
24011            if (productInfo) {
24012              // Watch for variant input changes
24013              const observer = new MutationObserver(() => {
24014                const variantInput = productInfo.querySelector('input[name="id"]');
24015                if (variantInput && variantInput.value) {
24016                  this.updateMessage(variantInput.value);
24017                }
24018              });
24019
24020              const variantInput = productInfo.querySelector('input[name="id"]');
24021              if (variantInput) {
24022                observer.observe(variantInput, { attributes: true, attributeFilter: ['value'] });
24023                // Also listen for change events on the input
24024                variantInput.addEventListener('change', () => {
24025                  this.updateMessage(variantInput.value);
24026                });
24027              }
24028            }
24029          }
24030
24031          disconnectedCallback() {
24032            // Cleanup subscription
24033            if (this.variantChangeUnsubscriber) {
24034              this.variantChangeUnsubscriber();
24035            }
24036          }
24037
24038          handleDOMVariantChange(event) {
24039            const variantId = event.detail?.variantId || event.detail?.variant?.id;
24040            if (variantId) {
24041              this.updateMessage(variantId.toString());
24042            }
24043          }
24044
24045          updateMessage(variantId) {
24046            const delays = window.variantShippingDelays?.[this.productId];
24047            const message = delays?.[variantId];
24048            const textEl = this.querySelector('.product-shipping-delay__text');
24049
24050            if (message && textEl) {
24051              textEl.textContent = message;
24052              this.style.display = '';
24053            } else {
24054              this.style.display = 'none';
24055            }
24056          }
24057        }
24058
24059        customElements.define('product-shipping-delay', ProductShippingDelay);
24060      }
24061    </script>
24061
24062                </div><div class="product__description rte" >
24063                  <p><span>The Apollo® wearable improves your body’s resilience to stress, so you can relax, sleep, focus, recover, and feel better. Rather than tracking your health, the Apollo wearable is proven to actively improve it.</span></p>
24064<div id="addon-info-label">
24065<p><strong>Includes 1-Year SmartVibes<b id="docs-internal-guid-2d9a8c84-7fff-7ca5-bcf5-3fa6d41cdf17"><span>®</span></b> AI Membership<span> </span></strong>$99</p>
24066<span id="addon-name"></span>
24067</div>
24068<div id="addon-description">
24069<ul>
24070<li>Prevent unwanted wake-ups before they happen</li>
24071<li>Sleep Longer - 46 more minutes sleep a night</li>
24072<li>Sleep Deeper - improved deep and REM sleep</li>
24073<li>10+ Premium Vibes + new Vibes released regularly</li>
24074<li>A personalized effortless experience made just for you</li>
24075</ul>
24076</div>
24077                </div><div class="c-product-tag-wrapper">
24078
24079
24080
24081<style data-shopify>
24082  /* IMPORTANT: Always use these exact media query breakpoints */
24083  /* Mobile first (without media query) */
24084  .c-product-tag {
24085    display: flex;
24086    flex-direction: column;
24087    justify-content: center;
24088    align-items: center;
24089    gap: 8px;
24090    padding: 16px 12px;
24091    background-color: rgba(255, 255, 255, 0.75);
24092    border-radius: 8px;
24093    flex: 1;
24094  }
24095
24096  .c-product-tag__icon {
24097    width: 28px;
24098    height: 28px;
24099  }
24100
24101  .c-product-tag__icon svg {
24102    width: 100%;
24103    height: 100%;
24104    fill: currentColor;
24105  }
24106
24107  .c-product-tag__icon-image {
24108    width: 100%;
24109    height: 100%;
24110    object-fit: contain;
24111  }
24112
24113  /* !important is required: zz-custom.css forces FounderGrotesk on
24114     body,h1..h6,p,div,span with !important. See docs/css-important-overrides.md */
24115  .c-product-tag__text {
24116    font-family: var(--font-body-family) !important;
24117    font-weight: 500;
24118    font-size: 8px;
24119    line-height: 1.5em;
24120    text-align: center;
24121    color: #181E21;
24122    margin: 0;
24123  }
24124
24125  .c-product-tag__text p {
24126    margin: 0;
24127  }
24128
24129  /* Card variant: bordered row, icon left, text right */
24130  .c-product-tag--card {
24131    flex-direction: row;
24132    justify-content: flex-start;
24133    align-items: center;
24134    gap: 12px;
24135    padding: 12px;
24136    background-color: #FFFFFF;
24137    border: 1px solid #E3E6E5;
24138  }
24139
24140  .c-product-tag--card .c-product-tag__icon {
24141    width: 24px;
24142    height: 24px;
24143    flex-shrink: 0;
24144  }
24145
24146  .c-product-tag--card .c-product-tag__text {
24147    font-size: 14px;
24148    text-align: left;
24149  }
24150
24151  /* Laptop: @media (width >= 978px) {} */
24152  @media (width >= 978px) {
24153    .c-product-tag__icon {
24154      width: 32px;
24155      height: 32px;
24156    }
24157
24158    .c-product-tag__text {
24159      font-size: 14px;
24160    }
24161
24162    /* Figma spaces icon and label 21px apart in a 300px card. The PDP column is
24163       narrower than the mock, so 12px is what keeps two-word partner labels
24164       ("Works with Apple Health") on a single line. */
24165    .c-product-tag--card {
24166      gap: 12px;
24167      padding: 10px 16px;
24168    }
24169
24170    .c-product-tag--card .c-product-tag__icon {
24171      width: 32px;
24172      height: 32px;
24173    }
24174
24175    /* Figma specifies 18px, but its buy-box column is 624px wide against the
24176       theme's ~575px, so 18px breaks "Works with Apple Health" onto two lines.
24177       16px is what keeps every label on one line, matching the mock's shape. */
24178    .c-product-tag--card .c-product-tag__text {
24179      font-size: 16px;
24180    }
24181  }
24182</style>
24183
24184<div class="c-product-tag  ">
24185  
24186    <div class="c-product-tag__icon">
24187            <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">        <path d="M22 2.25H10C9.27065 2.25 8.57118 2.53973 8.05546 3.05546C7.53973 3.57118 7.25 4.27065 7.25 5V27C7.25 27.7293 7.53973 28.4288 8.05546 28.9445C8.57118 29.4603 9.27065 29.75 10 29.75H22C22.7293 29.75 23.4288 29.4603 23.9445 28.9445C24.4603 28.4288 24.75 27.7293 24.75 27V5C24.75 4.27065 24.4603 3.57118 23.9445 3.05546C23.4288 2.53973 22.7293 2.25 22 2.25ZM23.25 27C23.25 27.3315 23.1183 27.6495 22.8839 27.8839C22.6495 28.1183 22.3315 28.25 22 28.25H10C9.66848 28.25 9.35054 28.1183 9.11612 27.8839C8.8817 27.6495 8.75 27.3315 8.75 27V5C8.75 4.66848 8.8817 4.35054 9.11612 4.11612C9.35054 3.8817 9.66848 3.75 10 3.75H22C22.3315 3.75 22.6495 3.8817 22.8839 4.11612C23.1183 4.35054 23.25 4.66848 23.25 5V27ZM17.25 7.5C17.25 7.74723 17.1767 7.9889 17.0393 8.19446C16.902 8.40002 16.7068 8.56024 16.4784 8.65485C16.2499 8.74946 15.9986 8.77421 15.7561 8.72598C15.5137 8.67775 15.2909 8.5587 15.1161 8.38388C14.9413 8.20907 14.8222 7.98634 14.774 7.74386C14.7258 7.50139 14.7505 7.25005 14.8452 7.02165C14.9398 6.79324 15.1 6.59801 15.3055 6.46066C15.5111 6.32331 15.7528 6.25 16 6.25C16.3315 6.25 16.6495 6.3817 16.8839 6.61612C17.1183 6.85054 17.25 7.16848 17.25 7.5Z" fill="currentColor"/>      </svg>    
24188    </div>
24189  
24190
24191  
24192    <div class="c-product-tag__text"><p>SmartVibes®Al</p></div>
24193  
24194</div>
24195
24196
24197
24198
24199
24200<style data-shopify>
24201  /* IMPORTANT: Always use these exact media query breakpoints */
24202  /* Mobile first (without media query) */
24203  .c-product-tag {
24204    display: flex;
24205    flex-direction: column;
24206    justify-content: center;
24207    align-items: center;
24208    gap: 8px;
24209    padding: 16px 12px;
24210    background-color: rgba(255, 255, 255, 0.75);
24211    border-radius: 8px;
24212    flex: 1;
24213  }
24214
24215  .c-product-tag__icon {
24216    width: 28px;
24217    height: 28px;
24218  }
24219
24220  .c-product-tag__icon svg {
24221    width: 100%;
24222    height: 100%;
24223    fill: currentColor;
24224  }
24225
24226  .c-product-tag__icon-image {
24227    width: 100%;
24228    height: 100%;
24229    object-fit: contain;
24230  }
24231
24232  /* !important is required: zz-custom.css forces FounderGrotesk on
24233     body,h1..h6,p,div,span with !important. See docs/css-important-overrides.md */
24234  .c-product-tag__text {
24235    font-family: var(--font-body-family) !important;
24236    font-weight: 500;
24237    font-size: 8px;
24238    line-height: 1.5em;
24239    text-align: center;
24240    color: #181E21;
24241    margin: 0;
24242  }
24243
24244  .c-product-tag__text p {
24245    margin: 0;
24246  }
24247
24248  /* Card variant: bordered row, icon left, text right */
24249  .c-product-tag--card {
24250    flex-direction: row;
24251    justify-content: flex-start;
24252    align-items: center;
24253    gap: 12px;
24254    padding: 12px;
24255    background-color: #FFFFFF;
24256    border: 1px solid #E3E6E5;
24257  }
24258
24259  .c-product-tag--card .c-product-tag__icon {
24260    width: 24px;
24261    height: 24px;
24262    flex-shrink: 0;
24263  }
24264
24265  .c-product-tag--card .c-product-tag__text {
24266    font-size: 14px;
24267    text-align: left;
24268  }
24269
24270  /* Laptop: @media (width >= 978px) {} */
24271  @media (width >= 978px) {
24272    .c-product-tag__icon {
24273      width: 32px;
24274      height: 32px;
24275    }
24276
24277    .c-product-tag__text {
24278      font-size: 14px;
24279    }
24280
24281    /* Figma spaces icon and label 21px apart in a 300px card. The PDP column is
24282       narrower than the mock, so 12px is what keeps two-word partner labels
24283       ("Works with Apple Health") on a single line. */
24284    .c-product-tag--card {
24285      gap: 12px;
24286      padding: 10px 16px;
24287    }
24288
24289    .c-product-tag--card .c-product-tag__icon {
24290      width: 32px;
24291      height: 32px;
24292    }
24293
24294    /* Figma specifies 18px, but its buy-box column is 624px wide against the
24295       theme's ~575px, so 18px breaks "Works with Apple Health" onto two lines.
24296       16px is what keeps every label on one line, matching the mock's shape. */
24297    .c-product-tag--card .c-product-tag__text {
24298      font-size: 16px;
24299    }
24300  }
24301</style>
24302
24303<div class="c-product-tag  ">
24304  
24305    <div class="c-product-tag__icon">
24306            <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">        <path d="M28.0525 13.025C27.565 12.5162 27.0612 11.9913 26.8587 11.5025C26.6712 11.0487 26.6612 10.3775 26.65 9.6675C26.6325 8.495 26.6125 7.1675 25.7225 6.2775C24.8325 5.3875 23.5 5.3675 22.3325 5.35C21.6225 5.33875 20.9575 5.32875 20.4975 5.14125C20.0087 4.93875 19.4838 4.435 18.975 3.9475C18.145 3.1525 17.205 2.25 16 2.25C14.795 2.25 13.855 3.1525 13.025 3.9475C12.5162 4.435 11.9913 4.93875 11.5025 5.14125C11.0487 5.32875 10.3775 5.33875 9.6675 5.35C8.495 5.3675 7.1675 5.3875 6.2775 6.2775C5.3875 7.1675 5.3675 8.5 5.35 9.6675C5.33875 10.3775 5.32875 11.0425 5.14125 11.5025C4.93875 11.9913 4.435 12.5162 3.9475 13.025C3.1525 13.855 2.25 14.795 2.25 16C2.25 17.205 3.1525 18.145 3.9475 18.975C4.435 19.4838 4.93875 20.0087 5.14125 20.4975C5.32875 20.9513 5.33875 21.6225 5.35 22.3325C5.3675 23.505 5.3875 24.8325 6.2775 25.7225C7.1675 26.6125 8.5 26.6325 9.6675 26.65C10.3775 26.6612 11.0425 26.6712 11.5025 26.8587C11.9913 27.0612 12.5162 27.565 13.025 28.0525C13.855 28.8475 14.795 29.75 16 29.75C17.205 29.75 18.145 28.8475 18.975 28.0525C19.4838 27.565 20.0087 27.0612 20.4975 26.8587C20.9513 26.6712 21.6225 26.6612 22.3325 26.65C23.505 26.6325 24.8325 26.6125 25.7225 25.7225C26.6125 24.8325 26.6325 23.505 26.65 22.3325C26.6612 21.6225 26.6712 20.9575 26.8587 20.4975C27.0612 20.0087 27.565 19.4838 28.0525 18.975C28.8475 18.145 29.75 17.205 29.75 16C29.75 14.795 28.8475 13.855 28.0525 13.025ZM26.97 17.9375C26.3862 18.545 25.7825 19.175 25.47 19.925C25.1725 20.6425 25.16 21.49 25.1475 22.31C25.1337 23.24 25.1187 24.2025 24.66 24.6625C24.2013 25.1225 23.2375 25.1362 22.3075 25.15C21.4875 25.1625 20.64 25.175 19.9225 25.4725C19.1725 25.7825 18.5475 26.3862 17.9338 26.9725C17.2775 27.5975 16.5988 28.2525 15.9975 28.2525C15.3963 28.2525 14.7175 27.6012 14.06 26.9725C13.4525 26.3888 12.8225 25.785 12.0725 25.4725C11.355 25.175 10.5075 25.1625 9.6875 25.15C8.7575 25.1362 7.795 25.1213 7.335 24.6625C6.875 24.2038 6.86125 23.24 6.8475 22.31C6.835 21.49 6.8225 20.6425 6.525 19.925C6.215 19.175 5.61125 18.55 5.025 17.9363C4.40125 17.28 3.75 16.6012 3.75 16C3.75 15.3988 4.40125 14.72 5.03 14.0625C5.61375 13.455 6.2175 12.825 6.53 12.075C6.8275 11.3575 6.84 10.51 6.8525 9.69C6.86625 8.76 6.88125 7.7975 7.34 7.3375C7.79875 6.8775 8.7625 6.86375 9.6925 6.85C10.5125 6.8375 11.36 6.825 12.0775 6.5275C12.8275 6.2175 13.4525 5.61375 14.0662 5.0275C14.72 4.40125 15.3988 3.75 16 3.75C16.6012 3.75 17.28 4.40125 17.9375 5.03C18.545 5.61375 19.175 6.2175 19.925 6.53C20.6425 6.8275 21.49 6.84 22.31 6.8525C23.24 6.86625 24.2025 6.88125 24.6625 7.34C25.1225 7.79875 25.1362 8.7625 25.15 9.6925C25.1625 10.5125 25.175 11.36 25.4725 12.0775C25.7825 12.8275 26.3862 13.4525 26.9725 14.0662C27.5975 14.7225 28.2525 15.4013 28.2525 16.0025C28.2525 16.6038 27.5987 17.28 26.97 17.9375ZM21.53 12.47C21.6705 12.6106 21.7493 12.8012 21.7493 13C21.7493 13.1988 21.6705 13.3894 21.53 13.53L14.53 20.53C14.3894 20.6705 14.1988 20.7493 14 20.7493C13.8012 20.7493 13.6106 20.6705 13.47 20.53L10.47 17.53C10.3375 17.3878 10.2654 17.1998 10.2688 17.0055C10.2723 16.8112 10.351 16.6258 10.4884 16.4884C10.6258 16.351 10.8112 16.2723 11.0055 16.2688C11.1998 16.2654 11.3878 16.3375 11.53 16.47L14 18.9387L20.47 12.47C20.6106 12.3295 20.8012 12.2507 21 12.2507C21.1988 12.2507 21.3894 12.3295 21.53 12.47Z" fill="currentColor"/>      </svg>    
24307    </div>
24308  
24309
24310  
24311    <div class="c-product-tag__text"><p>HSA/FSA Eligible</p></div>
24312  
24313</div>
24314
24315
24316
24317
24318
24319<style data-shopify>
24320  /* IMPORTANT: Always use these exact media query breakpoints */
24321  /* Mobile first (without media query) */
24322  .c-product-tag {
24323    display: flex;
24324    flex-direction: column;
24325    justify-content: center;
24326    align-items: center;
24327    gap: 8px;
24328    padding: 16px 12px;
24329    background-color: rgba(255, 255, 255, 0.75);
24330    border-radius: 8px;
24331    flex: 1;
24332  }
24333
24334  .c-product-tag__icon {
24335    width: 28px;
24336    height: 28px;
24337  }
24338
24339  .c-product-tag__icon svg {
24340    width: 100%;
24341    height: 100%;
24342    fill: currentColor;
24343  }
24344
24345  .c-product-tag__icon-image {
24346    width: 100%;
24347    height: 100%;
24348    object-fit: contain;
24349  }
24350
24351  /* !important is required: zz-custom.css forces FounderGrotesk on
24352     body,h1..h6,p,div,span with !important. See docs/css-important-overrides.md */
24353  .c-product-tag__text {
24354    font-family: var(--font-body-family) !important;
24355    font-weight: 500;
24356    font-size: 8px;
24357    line-height: 1.5em;
24358    text-align: center;
24359    color: #181E21;
24360    margin: 0;
24361  }
24362
24363  .c-product-tag__text p {
24364    margin: 0;
24365  }
24366
24367  /* Card variant: bordered row, icon left, text right */
24368  .c-product-tag--card {
24369    flex-direction: row;
24370    justify-content: flex-start;
24371    align-items: center;
24372    gap: 12px;
24373    padding: 12px;
24374    background-color: #FFFFFF;
24375    border: 1px solid #E3E6E5;
24376  }
24377
24378  .c-product-tag--card .c-product-tag__icon {
24379    width: 24px;
24380    height: 24px;
24381    flex-shrink: 0;
24382  }
24383
24384  .c-product-tag--card .c-product-tag__text {
24385    font-size: 14px;
24386    text-align: left;
24387  }
24388
24389  /* Laptop: @media (width >= 978px) {} */
24390  @media (width >= 978px) {
24391    .c-product-tag__icon {
24392      width: 32px;
24393      height: 32px;
24394    }
24395
24396    .c-product-tag__text {
24397      font-size: 14px;
24398    }
24399
24400    /* Figma spaces icon and label 21px apart in a 300px card. The PDP column is
24401       narrower than the mock, so 12px is what keeps two-word partner labels
24402       ("Works with Apple Health") on a single line. */
24403    .c-product-tag--card {
24404      gap: 12px;
24405      padding: 10px 16px;
24406    }
24407
24408    .c-product-tag--card .c-product-tag__icon {
24409      width: 32px;
24410      height: 32px;
24411    }
24412
24413    /* Figma specifies 18px, but its buy-box column is 624px wide against the
24414       theme's ~575px, so 18px breaks "Works with Apple Health" onto two lines.
24415       16px is what keeps every label on one line, matching the mock's shape. */
24416    .c-product-tag--card .c-product-tag__text {
24417      font-size: 16px;
24418    }
24419  }
24420</style>
24421
24422<div class="c-product-tag  ">
24423  
24424    <div class="c-product-tag__icon">
24425            <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">        <path d="M27.84 8.4888L16.84 2.4663C16.5828 2.32426 16.2938 2.24976 16 2.24976C15.7062 2.24976 15.4172 2.32426 15.16 2.4663L4.16 8.4888C3.88476 8.6394 3.65506 8.86123 3.49497 9.13106C3.33487 9.40089 3.25026 9.7088 3.25 10.0226V21.9776C3.25026 22.2913 3.33487 22.5992 3.49497 22.869C3.65506 23.1389 3.88476 23.3607 4.16 23.5113L15.16 29.5338C15.4173 29.6756 15.7062 29.75 16 29.75C16.2938 29.75 16.5827 29.6756 16.84 29.5338L27.84 23.5113C28.1152 23.3607 28.3449 23.1389 28.505 22.869C28.6651 22.5992 28.7497 22.2913 28.75 21.9776V10.0226C28.7497 9.7088 28.6651 9.40089 28.505 9.13106C28.3449 8.86123 28.1152 8.6394 27.84 8.4888ZM15.875 3.7813C15.9118 3.76117 15.9531 3.75062 15.995 3.75062C16.0369 3.75062 16.0782 3.76117 16.115 3.7813L26.5637 9.50005L22.3213 11.8213L11.7563 6.0388L15.875 3.7813ZM15.25 27.8751L4.875 22.1963C4.83666 22.1742 4.80489 22.1423 4.78293 22.1038C4.76097 22.0654 4.7496 22.0218 4.75 21.9776V10.8326L15.25 16.5826V27.8751ZM5.43625 9.50005L10.195 6.8938L20.7588 12.6763L16 15.2801L5.43625 9.50005ZM27.25 21.9776C27.2504 22.0218 27.239 22.0654 27.2171 22.1038C27.1951 22.1423 27.1633 22.1742 27.125 22.1963L16.75 27.8751V16.5801L21.25 14.1163V19.0001C21.25 19.199 21.329 19.3897 21.4697 19.5304C21.6103 19.671 21.8011 19.7501 22 19.7501C22.1989 19.7501 22.3897 19.671 22.5303 19.5304C22.671 19.3897 22.75 19.199 22.75 19.0001V13.2963L27.25 10.8326V21.9776Z" fill="currentColor"/>      </svg>    
24426    </div>
24427  
24428
24429  
24430    <div class="c-product-tag__text"><p>Free Shipping</p></div>
24431  
24432</div>
24433
24434
24435
24436
24437
24438<style data-shopify>
24439  /* IMPORTANT: Always use these exact media query breakpoints */
24440  /* Mobile first (without media query) */
24441  .c-product-tag {
24442    display: flex;
24443    flex-direction: column;
24444    justify-content: center;
24445    align-items: center;
24446    gap: 8px;
24447    padding: 16px 12px;
24448    background-color: rgba(255, 255, 255, 0.75);
24449    border-radius: 8px;
24450    flex: 1;
24451  }
24452
24453  .c-product-tag__icon {
24454    width: 28px;
24455    height: 28px;
24456  }
24457
24458  .c-product-tag__icon svg {
24459    width: 100%;
24460    height: 100%;
24461    fill: currentColor;
24462  }
24463
24464  .c-product-tag__icon-image {
24465    width: 100%;
24466    height: 100%;
24467    object-fit: contain;
24468  }
24469
24470  /* !important is required: zz-custom.css forces FounderGrotesk on
24471     body,h1..h6,p,div,span with !important. See docs/css-important-overrides.md */
24472  .c-product-tag__text {
24473    font-family: var(--font-body-family) !important;
24474    font-weight: 500;
24475    font-size: 8px;
24476    line-height: 1.5em;
24477    text-align: center;
24478    color: #181E21;
24479    margin: 0;
24480  }
24481
24482  .c-product-tag__text p {
24483    margin: 0;
24484  }
24485
24486  /* Card variant: bordered row, icon left, text right */
24487  .c-product-tag--card {
24488    flex-direction: row;
24489    justify-content: flex-start;
24490    align-items: center;
24491    gap: 12px;
24492    padding: 12px;
24493    background-color: #FFFFFF;
24494    border: 1px solid #E3E6E5;
24495  }
24496
24497  .c-product-tag--card .c-product-tag__icon {
24498    width: 24px;
24499    height: 24px;
24500    flex-shrink: 0;
24501  }
24502
24503  .c-product-tag--card .c-product-tag__text {
24504    font-size: 14px;
24505    text-align: left;
24506  }
24507
24508  /* Laptop: @media (width >= 978px) {} */
24509  @media (width >= 978px) {
24510    .c-product-tag__icon {
24511      width: 32px;
24512      height: 32px;
24513    }
24514
24515    .c-product-tag__text {
24516      font-size: 14px;
24517    }
24518
24519    /* Figma spaces icon and label 21px apart in a 300px card. The PDP column is
24520       narrower than the mock, so 12px is what keeps two-word partner labels
24521       ("Works with Apple Health") on a single line. */
24522    .c-product-tag--card {
24523      gap: 12px;
24524      padding: 10px 16px;
24525    }
24526
24527    .c-product-tag--card .c-product-tag__icon {
24528      width: 32px;
24529      height: 32px;
24530    }
24531
24532    /* Figma specifies 18px, but its buy-box column is 624px wide against the
24533       theme's ~575px, so 18px breaks "Works with Apple Health" onto two lines.
24534       16px is what keeps every label on one line, matching the mock's shape. */
24535    .c-product-tag--card .c-product-tag__text {
24536      font-size: 16px;
24537    }
24538  }
24539</style>
24540
24541<div class="c-product-tag  ">
24542  
24543    <div class="c-product-tag__icon">
24544            <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">        <path d="M26 4.25H22.75V3C22.75 2.80109 22.671 2.61032 22.5303 2.46967C22.3897 2.32902 22.1989 2.25 22 2.25C21.8011 2.25 21.6103 2.32902 21.4697 2.46967C21.329 2.61032 21.25 2.80109 21.25 3V4.25H10.75V3C10.75 2.80109 10.671 2.61032 10.5303 2.46967C10.3897 2.32902 10.1989 2.25 10 2.25C9.80109 2.25 9.61032 2.32902 9.46967 2.46967C9.32902 2.61032 9.25 2.80109 9.25 3V4.25H6C5.53587 4.25 5.09075 4.43437 4.76256 4.76256C4.43437 5.09075 4.25 5.53587 4.25 6V26C4.25 26.4641 4.43437 26.9092 4.76256 27.2374C5.09075 27.5656 5.53587 27.75 6 27.75H26C26.4641 27.75 26.9092 27.5656 27.2374 27.2374C27.5656 26.9092 27.75 26.4641 27.75 26V6C27.75 5.53587 27.5656 5.09075 27.2374 4.76256C26.9092 4.43437 26.4641 4.25 26 4.25ZM6 5.75H9.25V7C9.25 7.19891 9.32902 7.38968 9.46967 7.53033C9.61032 7.67098 9.80109 7.75 10 7.75C10.1989 7.75 10.3897 7.67098 10.5303 7.53033C10.671 7.38968 10.75 7.19891 10.75 7V5.75H21.25V7C21.25 7.19891 21.329 7.38968 21.4697 7.53033C21.6103 7.67098 21.8011 7.75 22 7.75C22.1989 7.75 22.3897 7.67098 22.5303 7.53033C22.671 7.38968 22.75 7.19891 22.75 7V5.75H26C26.0663 5.75 26.1299 5.77634 26.1768 5.82322C26.2237 5.87011 26.25 5.9337 26.25 6V10.25H5.75V6C5.75 5.9337 5.77634 5.87011 5.82322 5.82322C5.87011 5.77634 5.9337 5.75 6 5.75ZM26 26.25H6C5.9337 26.25 5.87011 26.2237 5.82322 26.1768C5.77634 26.1299 5.75 26.0663 5.75 26V11.75H26.25V26C26.25 26.0663 26.2237 26.1299 26.1768 26.1768C26.1299 26.2237 26.0663 26.25 26 26.25ZM21.03 15.47C21.1705 15.6106 21.2493 15.8012 21.2493 16C21.2493 16.1988 21.1705 16.3894 21.03 16.53L15.03 22.53C14.8894 22.6705 14.6988 22.7493 14.5 22.7493C14.3012 22.7493 14.1106 22.6705 13.97 22.53L10.97 19.53C10.8375 19.3878 10.7654 19.1998 10.7688 19.0055C10.7723 18.8112 10.851 18.6258 10.9884 18.4884C11.1258 18.351 11.3112 18.2723 11.5055 18.2688C11.6998 18.2654 11.8878 18.3375 12.03 18.47L14.5 20.9387L19.97 15.47C20.1106 15.3295 20.3012 15.2507 20.5 15.2507C20.6988 15.2507 20.8894 15.3295 21.03 
2454415.47Z" fill="currentColor"/>      </svg>    
24545    </div>
24546  
24547
24548  
24549    <div class="c-product-tag__text"><p>30-day guarantee</p></div>
24550  
24551</div>
24552
24553</div></div>
24554      </div>
24555    </div>
24556<product-modal id="ProductModal-template--19420722397381__c_main_product_mWjyiF" class="product-media-modal">
24557  <div role="dialog" aria-label="Media gallery" aria-modal="true" tabindex="-1">
24558    <button id="ModalClose-template--19420722397381__c_main_product_mWjyiF" type="button" class="product-media-modal__toggle" aria-label="Close" tabindex="-1">
24559      <span class="icon icon-plus-alt"></span>
24560    </button>
24561
24562    <div class="product-media-modal__content" role="document" aria-label="Media gallery" tabindex="-1">
24563<div class="media-wrapper" data-media-id="31552065929413">
24564    <div class="media media--adapt" style="--image-ratio-percent: 89.09395973154363%;"><img src="//apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&amp;width=3840" alt="Apollo Wearable + SmartVibes AI Membership" srcset="//apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&amp;width=375 375w, //apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&amp;width=750 750w, //apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&amp;width=1100 1100w, //apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&amp;width=1500 1500w, //apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&amp;width=1780 1780w, //apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&amp;width=2000 2000w, //apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&amp;width=3000 3000w, //apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&amp;width=3840 3840w" width="3840" height="3421" loading="lazy" sizes="(min-width: 750px) calc(100vw - 12rem), 100vw" is="lazy-image"></div>
24565  </div>
24566<div class="media-wrapper" data-media-id="33280193888453">
24567    <div class="media media--adapt" style="--image-ratio-percent: 100.0%;"><img src="//apolloneuro.com/cdn/shop/files/1.webp?v=1780920740&amp;width=3840" alt="Apollo Wearable + SmartVibes AI Membership" srcset="//apolloneuro.com/cdn/shop/files/1.webp?v=1780920740&amp;width=375 375w, //apolloneuro.com/cdn/shop/files/1.webp?v=1780920740&amp;width=750 750w, //apolloneuro.com/cdn/shop/files/1.webp?v=1780920740&amp;width=1100 1100w, //apolloneuro.com/cdn/shop/files/1.webp?v=1780920740&amp;width=1500 1500w, //apolloneuro.com/cdn/shop/files/1.webp?v=1780920740&amp;width=1780 1780w, //apolloneuro.com/cdn/shop/files/1.webp?v=1780920740&amp;width=2000 2000w, //apolloneuro.com/cdn/shop/files/1.webp?v=1780920740&amp;width=3000 3000w, //apolloneuro.com/cdn/shop/files/1.webp?v=1780920740&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="(min-width: 750px) calc(100vw - 12rem), 100vw" is="lazy-image"></div>
24568  </div>
24569<div class="media-wrapper" data-media-id="33280195297477">
24570    <div class="media media--adapt" style="--image-ratio-percent: 100.0%;"><img src="//apolloneuro.com/cdn/shop/files/3.webp?v=1780920756&amp;width=3840" alt="Apollo Wearable + SmartVibes AI Membership" srcset="//apolloneuro.com/cdn/shop/files/3.webp?v=1780920756&amp;width=375 375w, //apolloneuro.com/cdn/shop/files/3.webp?v=1780920756&amp;width=750 750w, //apolloneuro.com/cdn/shop/files/3.webp?v=1780920756&amp;width=1100 1100w, //apolloneuro.com/cdn/shop/files/3.webp?v=1780920756&amp;width=1500 1500w, //apolloneuro.com/cdn/shop/files/3.webp?v=1780920756&amp;width=1780 1780w, //apolloneuro.com/cdn/shop/files/3.webp?v=1780920756&amp;width=2000 2000w, //apolloneuro.com/cdn/shop/files/3.webp?v=1780920756&amp;width=3000 3000w, //apolloneuro.com/cdn/shop/files/3.webp?v=1780920756&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="(min-width: 750px) calc(100vw - 12rem), 100vw" is="lazy-image"></div>
24571  </div>
24572<div class="media-wrapper" data-media-id="33280195264709">
24573    <div class="media media--adapt" style="--image-ratio-percent: 100.0%;"><img src="//apolloneuro.com/cdn/shop/files/2.webp?v=1780920756&amp;width=3840" alt="Apollo Wearable + SmartVibes AI Membership" srcset="//apolloneuro.com/cdn/shop/files/2.webp?v=1780920756&amp;width=375 375w, //apolloneuro.com/cdn/shop/files/2.webp?v=1780920756&amp;width=750 750w, //apolloneuro.com/cdn/shop/files/2.webp?v=1780920756&amp;width=1100 1100w, //apolloneuro.com/cdn/shop/files/2.webp?v=1780920756&amp;width=1500 1500w, //apolloneuro.com/cdn/shop/files/2.webp?v=1780920756&amp;width=1780 1780w, //apolloneuro.com/cdn/shop/files/2.webp?v=1780920756&amp;width=2000 2000w, //apolloneuro.com/cdn/shop/files/2.webp?v=1780920756&amp;width=3000 3000w, //apolloneuro.com/cdn/shop/files/2.webp?v=1780920756&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="(min-width: 750px) calc(100vw - 12rem), 100vw" is="lazy-image"></div>
24574  </div>
24575<div class="media-wrapper" data-media-id="33280209256645">
24576    <div class="media media--adapt" style="--image-ratio-percent: 100.0%;"><img src="//apolloneuro.com/cdn/shop/files/4.webp?v=1780920790&amp;width=3840" alt="Apollo Wearable + SmartVibes AI Membership" srcset="//apolloneuro.com/cdn/shop/files/4.webp?v=1780920790&amp;width=375 375w, //apolloneuro.com/cdn/shop/files/4.webp?v=1780920790&amp;width=750 750w, //apolloneuro.com/cdn/shop/files/4.webp?v=1780920790&amp;width=1100 1100w, //apolloneuro.com/cdn/shop/files/4.webp?v=1780920790&amp;width=1500 1500w, //apolloneuro.com/cdn/shop/files/4.webp?v=1780920790&amp;width=1780 1780w, //apolloneuro.com/cdn/shop/files/4.webp?v=1780920790&amp;width=2000 2000w, //apolloneuro.com/cdn/shop/files/4.webp?v=1780920790&amp;width=3000 3000w, //apolloneuro.com/cdn/shop/files/4.webp?v=1780920790&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="(min-width: 750px) calc(100vw - 12rem), 100vw" is="lazy-image"></div>
24577  </div>
24578<div class="media-wrapper" data-media-id="31552065863877">
24579    <div class="media media--adapt" style="--image-ratio-percent: 89.09395973154363%;"><img src="//apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&amp;width=3840" alt="Apollo Wearable + SmartVibes AI Membership" srcset="//apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&amp;width=375 375w, //apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&amp;width=750 750w, //apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&amp;width=1100 1100w, //apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&amp;width=1500 1500w, //apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&amp;width=1780 1780w, //apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&amp;width=2000 2000w, //apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&amp;width=3000 3000w, //apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&amp;width=3840 3840w" width="3840" height="3421" loading="lazy" sizes="(min-width: 750px) calc(100vw - 12rem), 100vw" is="lazy-image"></div>
24580  </div>
24581<div class="media-wrapper" data-media-id="31552065896645">
24582    <div class="media media--adapt" style="--image-ratio-percent: 89.09395973154363%;"><img src="//apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&amp;width=3840" alt="Apollo Wearable + SmartVibes AI Membership" srcset="//apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&amp;width=375 375w, //apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&amp;width=750 750w, //apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&amp;width=1100 1100w, //apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&amp;width=1500 1500w, //apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&amp;width=1780 1780w, //apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&amp;width=2000 2000w, //apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&amp;width=3000 3000w, //apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&amp;width=3840 3840w" width="3840" height="3421" loading="lazy" sizes="(min-width: 750px) calc(100vw - 12rem), 100vw" is="lazy-image"></div>
24583  </div>
24584<div class="media-wrapper" data-media-id="29989805686981" data-gang-option="color" data-gang-connect="color_twilight">
24585    <div class="media media--adapt" style="--image-ratio-percent: 100.0%;"><img src="//apolloneuro.com/cdn/shop/files/Twilight-apollo-and-clip.png?v=1753368365&amp;width=3840" alt="" srcset="//apolloneuro.com/cdn/shop/files/Twilight-apollo-and-clip.png?v=1753368365&amp;width=375 375w, //apolloneuro.com/cdn/shop/files/Twilight-apollo-and-clip.png?v=1753368365&amp;width=750 750w, //apolloneuro.com/cdn/shop/files/Twilight-apollo-and-clip.png?v=1753368365&amp;width=1100 1100w, //apolloneuro.com/cdn/shop/files/Twilight-apollo-and-clip.png?v=1753368365&amp;width=1500 1500w, //apolloneuro.com/cdn/shop/files/Twilight-apollo-and-clip.png?v=1753368365&amp;width=1780 1780w, //apolloneuro.com/cdn/shop/files/Twilight-apollo-and-clip.png?v=1753368365&amp;width=2000 2000w, //apolloneuro.com/cdn/shop/files/Twilight-apollo-and-clip.png?v=1753368365&amp;width=3000 3000w, //apolloneuro.com/cdn/shop/files/Twilight-apollo-and-clip.png?v=1753368365&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="(min-width: 750px) calc(100vw - 12rem), 100vw" is="lazy-image"></div>
24586  </div></div>
24587  </div>
24588</product-modal>
24589
24590</section>
24590<script src="//apolloneuro.com/cdn/shop/t/251/assets/product-modal.js?v=25843643875329183221756101761" defer="defer"></script>
24590
24591    
24591<script src="//apolloneuro.com/cdn/shop/t/251/assets/media-gallery.js?v=98771978835389487191756101761" defer="defer"></script>
24591<script type="application/ld+json">
24592{
24593  "@context": "https://schema.org",
24594  "@type": "Product",
24595  "name": "Apollo Wearable + SmartVibes AI Membership",
24596  "description": "The Apollo® wearable improves your body’s resilience to stress, so you can relax, sleep, focus, recover, and feel better. Rather than tracking your health, the Apollo wearable is proven to actively improve it.\n\nIncludes 1-Year SmartVibes® AI Membership $99\n\n\n\n\nPrevent unwanted wake-ups before they happen\nSleep Longer - 46 more minutes sleep a night\nSleep Deeper - improved deep and REM sleep\n10+ Premium Vibes + new Vibes released regularly\nA personalized effortless experience made just for you\n\n",
24597  "url": "https:\/\/apolloneuro.com\/products\/apollo-wearable-1-year-ai-membership-starter-kit",
24598  "image": ["https:\/\/apolloneuro.com\/cdn\/shop\/files\/1.webp?v=1780920740\u0026width=1200","https:\/\/apolloneuro.com\/cdn\/shop\/files\/3.webp?v=1780920756\u0026width=1200","https:\/\/apolloneuro.com\/cdn\/shop\/files\/2.webp?v=1780920756\u0026width=1200","https:\/\/apolloneuro.com\/cdn\/shop\/files\/4.webp?v=1780920790\u0026width=1200","https:\/\/apolloneuro.com\/cdn\/shop\/files\/switch-stealth.png?v=1769614222\u0026width=1200","https:\/\/apolloneuro.com\/cdn\/shop\/files\/switch-rose.png?v=1776362593\u0026width=1200","https:\/\/apolloneuro.com\/cdn\/shop\/files\/switch-glacier.png?v=1776362593\u0026width=1200","https:\/\/apolloneuro.com\/cdn\/shop\/files\/Twilight-apollo-and-clip.png?v=1753368365\u0026width=1200"],
24599  "brand": {
24600    "@type": "Brand",
24601    "name": "Apollo Neuro"
24602  },
24603  "sku": "700-0021-SV",
24604  "offers": [{
24605      "@type": "Offer",
24606      "url": "https:\/\/apolloneuro.com\/products\/apollo-wearable-1-year-ai-membership-starter-kit?variant=45478267584709",
24607      "priceCurrency": "USD",
24608      "price": "448",
24609      "priceValidUntil": "2027-12-31",
24610      "availability": "https://schema.org/InStock",
24611      "itemCondition": "https://schema.org/NewCondition",
24612      "sku": "700-0021-SV",
24613
24614      "gtin": "850049387217",
24615      "hasMerchantReturnPolicy": {
24616        "@type": "MerchantReturnPolicy",
24617        "applicableCountry": "US",
24618        "returnPolicyCategory": "https://schema.org/MerchantReturnFiniteReturnWindow",
24619        "merchantReturnDays": 30,
24620        "returnMethod": "https://schema.org/ReturnByMail",
24621        "returnFees": "https://schema.org/FreeReturn"
24622      },
24623      "shippingDetails": {
24624        "@type": "OfferShippingDetails",
24625        "shippingRate": {
24626          "@type": "MonetaryAmount",
24627          "value": "0",
24628          "currency": "USD"
24629        },
24630        "shippingDestination": {
24631          "@type": "DefinedRegion",
24632          "addressCountry": "US"
24633        },
24634        "deliveryTime": {
24635          "@type": "ShippingDeliveryTime",
24636          "handlingTime": {
24637            "@type": "QuantitativeValue",
24638            "minValue": 0,
24639            "maxValue": 1,
24640            "unitCode": "DAY"
24641          },
24642          "transitTime": {
24643            "@type": "QuantitativeValue",
24644            "minValue": 2,
24645            "maxValue": 5,
24646            "unitCode": "DAY"
24647          }
24648        }
24649      },
24650      "seller": {
24651        "@type": "Organization",
24652        "name": "Apollo Neuro"
24653      }
24654    },{
24655      "@type": "Offer",
24656      "url": "https:\/\/apolloneuro.com\/products\/apollo-wearable-1-year-ai-membership-starter-kit?variant=45478267683013",
24657      "priceCurrency": "USD",
24658      "price": "448",
24659      "priceValidUntil": "2027-12-31",
24660      "availability": "https://schema.org/InStock",
24661      "itemCondition": "https://schema.org/NewCondition",
24662      "sku": "700-0030-SV",
24663
24664      "gtin": "850049387309",
24665      "hasMerchantReturnPolicy": {
24666        "@type": "MerchantReturnPolicy",
24667        "applicableCountry": "US",
24668        "returnPolicyCategory": "https://schema.org/MerchantReturnFiniteReturnWindow",
24669        "merchantReturnDays": 30,
24670        "returnMethod": "https://schema.org/ReturnByMail",
24671        "returnFees": "https://schema.org/FreeReturn"
24672      },
24673      "shippingDetails": {
24674        "@type": "OfferShippingDetails",
24675        "shippingRate": {
24676          "@type": "MonetaryAmount",
24677          "value": "0",
24678          "currency": "USD"
24679        },
24680        "shippingDestination": {
24681          "@type": "DefinedRegion",
24682          "addressCountry": "US"
24683        },
24684        "deliveryTime": {
24685          "@type": "ShippingDeliveryTime",
24686          "handlingTime": {
24687            "@type": "QuantitativeValue",
24688            "minValue": 0,
24689            "maxValue": 1,
24690            "unitCode": "DAY"
24691          },
24692          "transitTime": {
24693            "@type": "QuantitativeValue",
24694            "minValue": 2,
24695            "maxValue": 5,
24696            "unitCode": "DAY"
24697          }
24698        }
24699      },
24700      "seller": {
24701        "@type": "Organization",
24702        "name": "Apollo Neuro"
24703      }
24704    },{
24705      "@type": "Offer",
24706      "url": "https:\/\/apolloneuro.com\/products\/apollo-wearable-1-year-ai-membership-starter-kit?variant=45478267650245",
24707      "priceCurrency": "USD",
24708      "price": "448",
24709      "priceValidUntil": "2027-12-31",
24710      "availability": "https://schema.org/InStock",
24711      "itemCondition": "https://schema.org/NewCondition",
24712      "sku": "700-0033-SV",
24713
24714      "gtin": "850049387330",
24715      "hasMerchantReturnPolicy": {
24716        "@type": "MerchantReturnPolicy",
24717        "applicableCountry": "US",
24718        "returnPolicyCategory": "https://schema.org/MerchantReturnFiniteReturnWindow",
24719        "merchantReturnDays": 30,
24720        "returnMethod": "https://schema.org/ReturnByMail",
24721        "returnFees": "https://schema.org/FreeReturn"
24722      },
24723      "shippingDetails": {
24724        "@type": "OfferShippingDetails",
24725        "shippingRate": {
24726          "@type": "MonetaryAmount",
24727          "value": "0",
24728          "currency": "USD"
24729        },
24730        "shippingDestination": {
24731          "@type": "DefinedRegion",
24732          "addressCountry": "US"
24733        },
24734        "deliveryTime": {
24735          "@type": "ShippingDeliveryTime",
24736          "handlingTime": {
24737            "@type": "QuantitativeValue",
24738            "minValue": 0,
24739            "maxValue": 1,
24740            "unitCode": "DAY"
24741          },
24742          "transitTime": {
24743            "@type": "QuantitativeValue",
24744            "minValue": 2,
24745            "maxValue": 5,
24746            "unitCode": "DAY"
24747          }
24748        }
24749      },
24750      "seller": {
24751        "@type": "Organization",
24752        "name": "Apollo Neuro"
24753      }
24754    },{
24755      "@type": "Offer",
24756      "url": "https:\/\/apolloneuro.com\/products\/apollo-wearable-1-year-ai-membership-starter-kit?variant=45478267617477",
24757      "priceCurrency": "USD",
24758      "price": "448",
24759      "priceValidUntil": "2027-12-31",
24760      "availability": "https://schema.org/InStock",
24761      "itemCondition": "https://schema.org/NewCondition",
24762      "sku": "700-0027-SV",
24763
24764      "gtin": "850049387279",
24765      "hasMerchantReturnPolicy": {
24766        "@type": "MerchantReturnPolicy",
24767        "applicableCountry": "US",
24768        "returnPolicyCategory": "https://schema.org/MerchantReturnFiniteReturnWindow",
24769        "merchantReturnDays": 30,
24770        "returnMethod": "https://schema.org/ReturnByMail",
24771        "returnFees": "https://schema.org/FreeReturn"
24772      },
24773      "shippingDetails": {
24774        "@type": "OfferShippingDetails",
24775        "shippingRate": {
24776          "@type": "MonetaryAmount",
24777          "value": "0",
24778          "currency": "USD"
24779        },
24780        "shippingDestination": {
24781          "@type": "DefinedRegion",
24782          "addressCountry": "US"
24783        },
24784        "deliveryTime": {
24785          "@type": "ShippingDeliveryTime",
24786          "handlingTime": {
24787            "@type": "QuantitativeValue",
24788            "minValue": 0,
24789            "maxValue": 1,
24790            "unitCode": "DAY"
24791          },
24792          "transitTime": {
24793            "@type": "QuantitativeValue",
24794            "minValue": 2,
24795            "maxValue": 5,
24796            "unitCode": "DAY"
24797          }
24798        }
24799      },
24800      "seller": {
24801        "@type": "Organization",
24802        "name": "Apollo Neuro"
24803      }
24804    }]
24805}
24806</script>
24806
24807
24808</product-info>
24809
24810</section><div id="shopify-section-template--19420722397381__c_logos_qW7AWw" class="shopify-section"><style>
24811      #template--19420722397381__c_logos_qW7AWw {width: 100%;
24812        overflow: hidden;
24813        font-size: 16px;
24814        padding-top: 0em;
24815        padding-bottom: 0em;
24816        background-color: #7ca098;
24817
24818        & .c-logos__container {
24819          display: flex;
24820          flex-direction: column;
24821          width: 100%;
24822          margin: 0 auto;
24823          padding: 0 0 0 32px;
24824          gap: 2rem;
24825        }
24826
24827        @media (max-width: 768px) {
24828          padding-top: 0.0em;
24829          padding-bottom: 0.0em;
24830        }
24831
24832        & * {
24833          color: #ffffff;
24834          font-weight: normal;
24835        }
24836
24837        & .container__marquee {
24838          display: flex;
24839        }
24840
24841        & .container__marquee__left {
24842          display: flex;
24843        }
24844
24845        & .container__middle {
24846          width: max-content;
24847          flex: 0 0 auto;
24848        }
24849
24850      }
24851
24852      #template--19420722397381__c_logos_qW7AWw .c-section-top {
24853        align-items: center;
24854        text-align: center;
24855        margin-bottom: 1.5em;
24856        margin-left: 0;
24857        margin-right: 0;
24858      }
24859
24860      #template--19420722397381__c_logos_qW7AWw .c-l-stars-div {
24861        display: flex;
24862        justify-content: center;
24863        align-items: center;
24864        gap: 0.2em;
24865      }
24866
24867      #template--19420722397381__c_logos_qW7AWw .c-l-wrapper {
24868        display: flex;
24869        overflow: hidden;
24870        position: relative;
24871        user-select: none;
24872        --gap: 1.7em;
24873        gap: var(--gap);
24874        padding-top: 1em;
24875        padding-bottom: 1em;
24876      }
24877
24878      #template--19420722397381__c_logos_qW7AWw .c-l-marquee-content {
24879        flex-shrink: 0;
24880        display: flex;
24881        justify-content: space-around;
24882        min-width: 100%;
24883        gap: var(--gap);
24884        animation: template--19420722397381__c_logos_qW7AWw-scroll 60s linear infinite;
24885        will-change: transform;
24886      }
24887
24888      #template--19420722397381__c_logos_qW7AWw .c-l-image-div {
24889        display: flex;
24890        justify-content: center;
24891        align-items: center;
24892        font-weight: 600;
24893        gap: 0.5em;
24894        filter:  ;
24895      }
24896
24897      #template--19420722397381__c_logos_qW7AWw .c-l-image {
24898        max-width: 100%;
24899        object-fit: contain;
24900        display: block;
24901      }
24902
24903      #template--19420722397381__c_logos_qW7AWw .c-l-middle {
24904        display: flex;
24905        justify-content: center;
24906        flex-direction: column;
24907        gap: 0.75em;
24908        width: 10em;
24909        height: 100%;
24910        transform: translateX(-50%);
24911        background-color: #7ca098;
24912      }
24913
24914      #template--19420722397381__c_logos_qW7AWw .c-l-middle svg {
24915        width: 15px;
24916        color: #ffffff;
24917      }
24918
24919      #template--19420722397381__c_logos_qW7AWw .c-l-middle p {
24920        color: #ffffff;
24921        font-size: clamp(18px, 4vw, 20px);
24922        font-weight: 500;
24923        font-family: var(--body-family) !important;
24924        margin: 0;
24925      }
24926
24927      #template--19420722397381__c_logos_qW7AWw .container-text {
24928        display: flex;
24929        flex-direction: column;
24930      }
24931
24932      #template--19420722397381__c_logos_qW7AWw .container-text p {
24933        font-family: var(--body-family) !important;
24934        font-size: 20px;
24935        margin: 8px 0;
24936      }
24937
24938      #template--19420722397381__c_logos_qW7AWw .block-heading {
24939        margin: 0;
24940        font-size: 24px;
24941      }
24942
24943      #template--19420722397381__c_logos_qW7AWw .block-para {
24944        margin: 0;
24945        font-size: 16px;
24946      }
24947
24948      @keyframes template--19420722397381__c_logos_qW7AWw-scroll {
24949        from { transform: translateX(0); }
24950        to { transform: translateX(-100%); }
24951      }
24952
24953      
24954
24955
24956    #template--19420722397381__c_logos_qW7AWw .container__marquee{
24957      display:flex;
24958      align-items:center;
24959      gap: var(--gap);
24960    }
24961
24962    #template--19420722397381__c_logos_qW7AWw .c-l-middle{
24963
24964      transform: none;
24965      width: 100%;
24966      flex: 0 0 auto;
24967    }
24968
24969    #template--19420722397381__c_logos_qW7AWw .container__marquee__left{
24970      display:flex;
24971      flex: 1 1 auto;
24972      min-width: 0;
24973      overflow: hidden;
24974      gap: var(--gap);
24975    }
24976
24977    #template--19420722397381__c_logos_qW7AWw .c-l-marquee-content{
24978      flex-shrink: 0;
24979      display:flex;
24980      min-width:100%;
24981      gap: var(--gap);
24982      will-change: transform;
24983    }
24984
24985
24986  #template--19420722397381__c_logos_qW7AWw .container__marquee__left{
24987    position: relative;
24988    overflow: hidden;
24989  }
24990
24991
24992  #template--19420722397381__c_logos_qW7AWw .container__marquee__left::before,
24993  #template--19420722397381__c_logos_qW7AWw .container__marquee__left::after{
24994    content: "";
24995    position: absolute;
24996    top: 0;
24997    bottom: 0;
24998    width: clamp(24px, 6vw, 60px);
24999    pointer-events: none;
25000    z-index: 2;
25001  }
25002
25003
25004  #template--19420722397381__c_logos_qW7AWw .container__marquee__left::before{
25005    left: 0;
25006    background: linear-gradient(
25007      to right,
25008      #7ca098 0%,
25009      transparent 100%
25010    );
25011  }
25012
25013
25014  #template--19420722397381__c_logos_qW7AWw .container__marquee__left::after{
25015    right: 0;
25016    background: linear-gradient(
25017      to left,
25018      #7ca098 0%,
25019      transparent 100%
25020    );
25021  }
25022
25023
25024
25025
25026      @media (max-width: 1200px) {
25027      #template--19420722397381__c_logos_qW7AWw {
25028        & .container__marquee {
25029          gap: 1em;
25030        }
25031        & .c-l-marquee-content {
25032          gap: 5rem;}
25033
25034        & .container__middle {
25035          flex: 0 0 auto;
25036          width: max-content;
25037          * {
25038            width: max-content;
25039          }
25040        }
25041        & .container__middle {
25042          gap: 0 !important;
25043        }
25044        & .c-l-wrapper {
25045         gap: 0 !important;
25046        }
25047      }
25048
25049        #template--19420722397381__c_logos_qW7AWw .c-l-middle {
25050          gap: 0.4em;
25051        }
25052      }
25053
25054  @media (max-width: 768px){
25055    #template--19420722397381__c_logos_qW7AWw .container__marquee__left::before,
25056    #template--19420722397381__c_logos_qW7AWw .container__marquee__left::after{
25057      width: clamp(16px, 8vw, 40px);
25058    }
25059    #template--19420722397381__c_logos_qW7AWw .container-text p {
25060      font-size: 13px;
25061    }
25062
25063  }
25064
25065  @media (max-width: 1024px){
25066     #template--19420722397381__c_logos_qW7AWw .container__marquee__left {
25067      gap: 5rem;
25068    }
25069  }
25070
25071  @media (min-width: 768px){
25072    #template--19420722397381__c_logos_qW7AWw .c-l-wrapper {
25073        --gap: 6.9em;
25074    }
25075  }
25076</style>
25077
25078<section
25079  id="template--19420722397381__c_logos_qW7AWw"
25080  class="c-section"
25081>
25082  <div class="c-section__inner">
25083  <div class="c-logos__container">
25084    
25085    <div class="c-l-wrapper">
25086      <div class="container__marquee">
25087        
25088          <div class="container__middle">
25089            <div class="c-l-middle">
25090              <p class="">Featured In</p>
25091            </div>
25092          </div>
25093        
25094        <div class="container__marquee__left">
25095          
25096            <div
25097              class="c-l-marquee-content"
25098              
25099            >
25100              
25101                
25102                <div
25103                  class="c-l-image-div"
25104                  
25105                >
25106                  
25107<img src="//apolloneuro.com/cdn/shop/files/VOX_Wordmark_White_RGB.png?v=1776104663&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/VOX_Wordmark_White_RGB.png?v=1776104663&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/VOX_Wordmark_White_RGB.png?v=1776104663&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/VOX_Wordmark_White_RGB.png?v=1776104663&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/VOX_Wordmark_White_RGB.png?v=1776104663&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/VOX_Wordmark_White_RGB.png?v=1776104663&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/VOX_Wordmark_White_RGB.png?v=1776104663&amp;width=400 400w" width="400" height="213" loading="lazy" class="c-l-image" style="width: 100px; height: auto;" sizes="100px">
25108                  
25109                  
25110                    <div class="container-text">
25111                      <h5 class="block-heading"></h5>
25112                      <p></p>
25113                    </div>
25114                  
25115                </div>
25116              
25117                
25118                <div
25119                  class="c-l-image-div"
25120                  
25121                >
25122                  
25123<img src="//apolloneuro.com/cdn/shop/files/image.webp?v=1776104651&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/image.webp?v=1776104651&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/image.webp?v=1776104651&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/image.webp?v=1776104651&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/image.webp?v=1776104651&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/image.webp?v=1776104651&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/image.webp?v=1776104651&amp;width=400 400w" width="400" height="142" loading="lazy" class="c-l-image" style="width: 110px; height: auto;" sizes="110px">
25124                  
25125                  
25126                    <div class="container-text">
25127                      <h5 class="block-heading"></h5>
25128                      <p></p>
25129                    </div>
25130                  
25131                </div>
25132              
25133                
25134                <div
25135                  class="c-l-image-div"
25136                  
25137                >
25138                  
25139<img src="//apolloneuro.com/cdn/shop/files/Hollywood-Reporter-Logo-White.png?v=1776104644&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Hollywood-Reporter-Logo-White.png?v=1776104644&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/Hollywood-Reporter-Logo-White.png?v=1776104644&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/Hollywood-Reporter-Logo-White.png?v=1776104644&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/Hollywood-Reporter-Logo-White.png?v=1776104644&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/Hollywood-Reporter-Logo-White.png?v=1776104644&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/Hollywood-Reporter-Logo-White.png?v=1776104644&amp;width=400 400w" width="400" height="117" loading="lazy" class="c-l-image" style="width: 125px; height: auto;" sizes="125px">
25140                  
25141                  
25142                    <div class="container-text">
25143                      <h5 class="block-heading"></h5>
25144                      <p></p>
25145                    </div>
25146                  
25147                </div>
25148              
25149                
25150                <div
25151                  class="c-l-image-div"
25152                  
25153                >
25154                  
25155<img src="//apolloneuro.com/cdn/shop/files/GQ_white_768x_c8d5eaff-bb9d-435a-ab00-461ce6aaf18b.png?v=1776104643&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/GQ_white_768x_c8d5eaff-bb9d-435a-ab00-461ce6aaf18b.png?v=1776104643&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/GQ_white_768x_c8d5eaff-bb9d-435a-ab00-461ce6aaf18b.png?v=1776104643&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/GQ_white_768x_c8d5eaff-bb9d-435a-ab00-461ce6aaf18b.png?v=1776104643&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/GQ_white_768x_c8d5eaff-bb9d-435a-ab00-461ce6aaf18b.png?v=1776104643&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/GQ_white_768x_c8d5eaff-bb9d-435a-ab00-461ce6aaf18b.png?v=1776104643&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/GQ_white_768x_c8d5eaff-bb9d-435a-ab00-461ce6aaf18b.png?v=1776104643&amp;width=400 400w" width="400" height="197" loading="lazy" class="c-l-image" style="width: 72px; height: 120px;" sizes="72px">
25156                  
25157                  
25158                    <div class="container-text">
25159                      <h5 class="block-heading"></h5>
25160                      <p></p>
25161                    </div>
25162                  
25163                </div>
25164              
25165                
25166                <div
25167                  class="c-l-image-div"
25168                  
25169                >
25170                  
25171<img src="//apolloneuro.com/cdn/shop/files/huffpost-logo-1.png?v=1776104643&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/huffpost-logo-1.png?v=1776104643&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/huffpost-logo-1.png?v=1776104643&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/huffpost-logo-1.png?v=1776104643&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/huffpost-logo-1.png?v=1776104643&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/huffpost-logo-1.png?v=1776104643&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/huffpost-logo-1.png?v=1776104643&amp;width=400 400w" width="400" height="92" loading="lazy" class="c-l-image" style="width: 200px; height: auto;" sizes="200px">
25172                  
25173                  
25174                    <div class="container-text">
25175                      <h5 class="block-heading"></h5>
25176                      <p></p>
25177                    </div>
25178                  
25179                </div>
25180              
25181                
25182                <div
25183                  class="c-l-image-div"
25184                  
25185                >
25186                  
25187<img src="//apolloneuro.com/cdn/shop/files/13-135300_white-transparent-background-business-insider-logo-png-black.png?v=1776104625&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/13-135300_white-transparent-background-business-insider-logo-png-black.png?v=1776104625&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/13-135300_white-transparent-background-business-insider-logo-png-black.png?v=1776104625&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/13-135300_white-transparent-background-business-insider-logo-png-black.png?v=1776104625&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/13-135300_white-transparent-background-business-insider-logo-png-black.png?v=1776104625&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/13-135300_white-transparent-background-business-insider-logo-png-black.png?v=1776104625&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/13-135300_white-transparent-background-business-insider-logo-png-black.png?v=1776104625&amp;width=400 400w" width="400" height="126" loading="lazy" class="c-l-image" style="width: 130px; height: auto;" sizes="130px">
25188                  
25189                  
25190                    <div class="container-text">
25191                      <h5 class="block-heading"></h5>
25192                      <p></p>
25193                    </div>
25194                  
25195                </div>
25196              
25197                
25198                <div
25199                  class="c-l-image-div"
25200                  
25201                >
25202                  
25203<img src="//apolloneuro.com/cdn/shop/files/01-VOGUE-LOGO-1.png?v=1776104514&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/01-VOGUE-LOGO-1.png?v=1776104514&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/01-VOGUE-LOGO-1.png?v=1776104514&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/01-VOGUE-LOGO-1.png?v=1776104514&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/01-VOGUE-LOGO-1.png?v=1776104514&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/01-VOGUE-LOGO-1.png?v=1776104514&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/01-VOGUE-LOGO-1.png?v=1776104514&amp;width=400 400w" width="400" height="104" loading="lazy" class="c-l-image" style="width: 120px; height: auto;" sizes="120px">
25204                  
25205                  
25206                    <div class="container-text">
25207                      <h5 class="block-heading"></h5>
25208                      <p></p>
25209                    </div>
25210                  
25211                </div>
25212              
25213                
25214                <div
25215                  class="c-l-image-div"
25216                  
25217                >
25218                  
25219<img src="//apolloneuro.com/cdn/shop/files/forbes-logo-black-and-white.png?v=1776104635&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/forbes-logo-black-and-white.png?v=1776104635&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/forbes-logo-black-and-white.png?v=1776104635&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/forbes-logo-black-and-white.png?v=1776104635&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/forbes-logo-black-and-white.png?v=1776104635&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/forbes-logo-black-and-white.png?v=1776104635&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/forbes-logo-black-and-white.png?v=1776104635&amp;width=400 400w" width="400" height="149" loading="lazy" class="c-l-image" style="width: 125px; height: auto;" sizes="125px">
25220                  
25221                  
25222                    <div class="container-text">
25223                      <h5 class="block-heading"></h5>
25224                      <p></p>
25225                    </div>
25226                  
25227                </div>
25228              
25229                
25230                <div
25231                  class="c-l-image-div"
25232                  
25233                >
25234                  
25235<img src="//apolloneuro.com/cdn/shop/files/Ramble-Robb-Report-Desktop.png?v=1776102911&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Ramble-Robb-Report-Desktop.png?v=1776102911&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/Ramble-Robb-Report-Desktop.png?v=1776102911&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/Ramble-Robb-Report-Desktop.png?v=1776102911&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/Ramble-Robb-Report-Desktop.png?v=1776102911&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/Ramble-Robb-Report-Desktop.png?v=1776102911&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/Ramble-Robb-Report-Desktop.png?v=1776102911&amp;width=400 400w" width="400" height="113" loading="lazy" class="c-l-image" style="width: 175px; height: auto;" sizes="175px">
25236                  
25237                  
25238                    <div class="container-text">
25239                      <h5 class="block-heading"></h5>
25240                      <p></p>
25241                    </div>
25242                  
25243                </div>
25244              
25245                
25246                <div
25247                  class="c-l-image-div"
25248                  
25249                >
25250                  
25251<img src="//apolloneuro.com/cdn/shop/files/Fast_Company_logo.png?v=1748622549&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Fast_Company_logo.png?v=1748622549&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/Fast_Company_logo.png?v=1748622549&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/Fast_Company_logo.png?v=1748622549&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/Fast_Company_logo.png?v=1748622549&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/Fast_Company_logo.png?v=1748622549&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/Fast_Company_logo.png?v=1748622549&amp;width=400 400w" width="400" height="58" loading="lazy" class="c-l-image" style="width: 240px; height: auto;" sizes="240px">
25252                  
25253                  
25254                    <div class="container-text">
25255                      <h5 class="block-heading"></h5>
25256                      <p></p>
25257                    </div>
25258                  
25259                </div>
25260              
25261                
25262                <div
25263                  class="c-l-image-div"
25264                  
25265                >
25266                  
25267<img src="//apolloneuro.com/cdn/shop/files/good-morning-america-seeklogo_eeacb054-7acb-40da-babb-5e5d328cc81c.png?v=1756323842&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/good-morning-america-seeklogo_eeacb054-7acb-40da-babb-5e5d328cc81c.png?v=1756323842&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/good-morning-america-seeklogo_eeacb054-7acb-40da-babb-5e5d328cc81c.png?v=1756323842&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/good-morning-america-seeklogo_eeacb054-7acb-40da-babb-5e5d328cc81c.png?v=1756323842&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/good-morning-america-seeklogo_eeacb054-7acb-40da-babb-5e5d328cc81c.png?v=1756323842&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/good-morning-america-seeklogo_eeacb054-7acb-40da-babb-5e5d328cc81c.png?v=1756323842&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/good-morning-america-seeklogo_eeacb054-7acb-40da-babb-5e5d328cc81c.png?v=1756323842&amp;width=400 400w" width="400" height="228" loading="lazy" class="c-l-image" style="width: 95px; height: auto;" sizes="95px">
25268                  
25269                  
25270                    <div class="container-text">
25271                      <h5 class="block-heading"></h5>
25272                      <p></p>
25273                    </div>
25274                  
25275                </div>
25276              
25277                
25278                <div
25279                  class="c-l-image-div"
25280                  
25281                >
25282                  
25283<img src="//apolloneuro.com/cdn/shop/files/men_s_health_1042a362-f6e4-4135-b6a8-16157bbc5167.png?v=1748623085&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/men_s_health_1042a362-f6e4-4135-b6a8-16157bbc5167.png?v=1748623085&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/men_s_health_1042a362-f6e4-4135-b6a8-16157bbc5167.png?v=1748623085&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/men_s_health_1042a362-f6e4-4135-b6a8-16157bbc5167.png?v=174862308
252835&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/men_s_health_1042a362-f6e4-4135-b6a8-16157bbc5167.png?v=1748623085&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/men_s_health_1042a362-f6e4-4135-b6a8-16157bbc5167.png?v=1748623085&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/men_s_health_1042a362-f6e4-4135-b6a8-16157bbc5167.png?v=1748623085&amp;width=400 400w" width="400" height="93" loading="lazy" class="c-l-image" style="width: 150px; height: auto;" sizes="150px">
25284                  
25285                  
25286                    <div class="container-text">
25287                      <h5 class="block-heading"></h5>
25288                      <p></p>
25289                    </div>
25290                  
25291                </div>
25292              
25293                
25294                <div
25295                  class="c-l-image-div"
25296                  
25297                >
25298                  
25299<img src="//apolloneuro.com/cdn/shop/files/wsj.png?v=1748623103&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/wsj.png?v=1748623103&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/wsj.png?v=1748623103&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/wsj.png?v=1748623103&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/wsj.png?v=1748623103&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/wsj.png?v=1748623103&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/wsj.png?v=1748623103&amp;width=400 400w" width="400" height="232" loading="lazy" class="c-l-image" style="width: 93px; height: auto;" sizes="93px">
25300                  
25301                  
25302                    <div class="container-text">
25303                      <h5 class="block-heading"></h5>
25304                      <p></p>
25305                    </div>
25306                  
25307                </div>
25308              
25309                
25310                <div
25311                  class="c-l-image-div"
25312                  
25313                >
25314                  
25315<img src="//apolloneuro.com/cdn/shop/files/bazaar-logo-white.png?v=1774639446&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/bazaar-logo-white.png?v=1774639446&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/bazaar-logo-white.png?v=1774639446&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/bazaar-logo-white.png?v=1774639446&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/bazaar-logo-white.png?v=1774639446&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/bazaar-logo-white.png?v=1774639446&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/bazaar-logo-white.png?v=1774639446&amp;width=400 400w" width="400" height="100" loading="lazy" class="c-l-image" style="width: 120px; height: auto;" sizes="120px">
25316                  
25317                  
25318                    <div class="container-text">
25319                      <h5 class="block-heading"></h5>
25320                      <p></p>
25321                    </div>
25322                  
25323                </div>
25324              
25325                
25326                <div
25327                  class="c-l-image-div"
25328                  
25329                >
25330                  
25331<img src="//apolloneuro.com/cdn/shop/files/logo-entrepreneur-rev-min.png?v=1668975408&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/logo-entrepreneur-rev-min.png?v=1668975408&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/logo-entrepreneur-rev-min.png?v=1668975408&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/logo-entrepreneur-rev-min.png?v=1668975408&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/logo-entrepreneur-rev-min.png?v=1668975408&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/logo-entrepreneur-rev-min.png?v=1668975408&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/logo-entrepreneur-rev-min.png?v=1668975408&amp;width=400 400w" width="400" height="79" loading="lazy" class="c-l-image" style="width: 142px; height: auto;" sizes="142px">
25332                  
25333                  
25334                    <div class="container-text">
25335                      <h5 class="block-heading"></h5>
25336                      <p></p>
25337                    </div>
25338                  
25339                </div>
25340              
25341            </div>
25342          
25343            <div
25344              class="c-l-marquee-content"
25345              
25346                aria-hidden="true"
25347              
25348            >
25349              
25350                
25351                <div
25352                  class="c-l-image-div"
25353                  
25354                >
25355                  
25356<img src="//apolloneuro.com/cdn/shop/files/VOX_Wordmark_White_RGB.png?v=1776104663&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/VOX_Wordmark_White_RGB.png?v=1776104663&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/VOX_Wordmark_White_RGB.png?v=1776104663&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/VOX_Wordmark_White_RGB.png?v=1776104663&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/VOX_Wordmark_White_RGB.png?v=1776104663&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/VOX_Wordmark_White_RGB.png?v=1776104663&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/VOX_Wordmark_White_RGB.png?v=1776104663&amp;width=400 400w" width="400" height="213" loading="lazy" class="c-l-image" style="width: 100px; height: auto;" sizes="100px">
25357                  
25358                  
25359                    <div class="container-text">
25360                      <h5 class="block-heading"></h5>
25361                      <p></p>
25362                    </div>
25363                  
25364                </div>
25365              
25366                
25367                <div
25368                  class="c-l-image-div"
25369                  
25370                >
25371                  
25372<img src="//apolloneuro.com/cdn/shop/files/image.webp?v=1776104651&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/image.webp?v=1776104651&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/image.webp?v=1776104651&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/image.webp?v=1776104651&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/image.webp?v=1776104651&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/image.webp?v=1776104651&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/image.webp?v=1776104651&amp;width=400 400w" width="400" height="142" loading="lazy" class="c-l-image" style="width: 110px; height: auto;" sizes="110px">
25373                  
25374                  
25375                    <div class="container-text">
25376                      <h5 class="block-heading"></h5>
25377                      <p></p>
25378                    </div>
25379                  
25380                </div>
25381              
25382                
25383                <div
25384                  class="c-l-image-div"
25385                  
25386                >
25387                  
25388<img src="//apolloneuro.com/cdn/shop/files/Hollywood-Reporter-Logo-White.png?v=1776104644&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Hollywood-Reporter-Logo-White.png?v=1776104644&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/Hollywood-Reporter-Logo-White.png?v=1776104644&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/Hollywood-Reporter-Logo-White.png?v=1776104644&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/Hollywood-Reporter-Logo-White.png?v=1776104644&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/Hollywood-Reporter-Logo-White.png?v=1776104644&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/Hollywood-Reporter-Logo-White.png?v=1776104644&amp;width=400 400w" width="400" height="117" loading="lazy" class="c-l-image" style="width: 125px; height: auto;" sizes="125px">
25389                  
25390                  
25391                    <div class="container-text">
25392                      <h5 class="block-heading"></h5>
25393                      <p></p>
25394                    </div>
25395                  
25396                </div>
25397              
25398                
25399                <div
25400                  class="c-l-image-div"
25401                  
25402                >
25403                  
25404<img src="//apolloneuro.com/cdn/shop/files/GQ_white_768x_c8d5eaff-bb9d-435a-ab00-461ce6aaf18b.png?v=1776104643&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/GQ_white_768x_c8d5eaff-bb9d-435a-ab00-461ce6aaf18b.png?v=1776104643&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/GQ_white_768x_c8d5eaff-bb9d-435a-ab00-461ce6aaf18b.png?v=1776104643&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/GQ_white_768x_c8d5eaff-bb9d-435a-ab00-461ce6aaf18b.png?v=1776104643&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/GQ_white_768x_c8d5eaff-bb9d-435a-ab00-461ce6aaf18b.png?v=1776104643&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/GQ_white_768x_c8d5eaff-bb9d-435a-ab00-461ce6aaf18b.png?v=1776104643&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/GQ_white_768x_c8d5eaff-bb9d-435a-ab00-461ce6aaf18b.png?v=1776104643&amp;width=400 400w" width="400" height="197" loading="lazy" class="c-l-image" style="width: 72px; height: 120px;" sizes="72px">
25405                  
25406                  
25407                    <div class="container-text">
25408                      <h5 class="block-heading"></h5>
25409                      <p></p>
25410                    </div>
25411                  
25412                </div>
25413              
25414                
25415                <div
25416                  class="c-l-image-div"
25417                  
25418                >
25419                  
25420<img src="//apolloneuro.com/cdn/shop/files/huffpost-logo-1.png?v=1776104643&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/huffpost-logo-1.png?v=1776104643&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/huffpost-logo-1.png?v=1776104643&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/huffpost-logo-1.png?v=1776104643&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/huffpost-logo-1.png?v=1776104643&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/huffpost-logo-1.png?v=1776104643&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/huffpost-logo-1.png?v=1776104643&amp;width=400 400w" width="400" height="92" loading="lazy" class="c-l-image" style="width: 200px; height: auto;" sizes="200px">
25421                  
25422                  
25423                    <div class="container-text">
25424                      <h5 class="block-heading"></h5>
25425                      <p></p>
25426                    </div>
25427                  
25428                </div>
25429              
25430                
25431                <div
25432                  class="c-l-image-div"
25433                  
25434                >
25435                  
25436<img src="//apolloneuro.com/cdn/shop/files/13-135300_white-transparent-background-business-insider-logo-png-black.png?v=1776104625&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/13-135300_white-transparent-background-business-insider-logo-png-black.png?v=1776104625&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/13-135300_white-transparent-background-business-insider-logo-png-black.png?v=1776104625&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/13-135300_white-transparent-background-business-insider-logo-png-black.png?v=1776104625&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/13-135300_white-transparent-background-business-insider-logo-png-black.png?v=1776104625&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/13-135300_white-transparent-background-business-insider-logo-png-black.png?v=1776104625&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/13-135300_white-transparent-background-business-insider-logo-png-black.png?v=1776104625&amp;width=400 400w" width="400" height="126" loading="lazy" class="c-l-image" style="width: 130px; height: auto;" sizes="130px">
25437                  
25438                  
25439                    <div class="container-text">
25440                      <h5 class="block-heading"></h5>
25441                      <p></p>
25442                    </div>
25443                  
25444                </div>
25445              
25446                
25447                <div
25448                  class="c-l-image-div"
25449                  
25450                >
25451                  
25452<img src="//apolloneuro.com/cdn/shop/files/01-VOGUE-LOGO-1.png?v=1776104514&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/01-VOGUE-LOGO-1.png?v=1776104514&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/01-VOGUE-LOGO-1.png?v=1776104514&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/01-VOGUE-LOGO-1.png?v=1776104514&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/01-VOGUE-LOGO-1.png?v=1776104514&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/01-VOGUE-LOGO-1.png?v=1776104514&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/01-VOGUE-LOGO-1.png?v=1776104514&amp;width=400 400w" width="400" height="104" loading="lazy" class="c-l-image" style="width: 120px; height: auto;" sizes="120px">
25453                  
25454                  
25455                    <div class="container-text">
25456                      <h5 class="block-heading"></h5>
25457                      <p></p>
25458                    </div>
25459                  
25460                </div>
25461              
25462                
25463                <div
25464                  class="c-l-image-div"
25465                  
25466                >
25467                  
25468<img src="//apolloneuro.com/cdn/shop/files/forbes-logo-black-and-white.png?v=1776104635&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/forbes-logo-black-and-white.png?v=1776104635&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/forbes-logo-black-and-white.png?v=1776104635&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/forbes-logo-black-and-white.png?v=1776104635&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/forbes-logo-black-and-white.png?v=1776104635&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/forbes-logo-black-and-white.png?v=1776104635&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/forbes-logo-black-and-white.png?v=1776104635&amp;width=400 400w" width="400" height="149" loading="lazy" class="c-l-image" style="width: 125px; height: auto;" sizes="125px">
25469                  
25470                  
25471                    <div class="container-text">
25472                      <h5 class="block-heading"></h5>
25473                      <p></p>
25474                    </div>
25475                  
25476                </div>
25477              
25478                
25479                <div
25480                  class="c-l-image-div"
25481                  
25482                >
25483                  
25484<img src="//apolloneuro.com/cdn/shop/files/Ramble-Robb-Report-Desktop.png?v=1776102911&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Ramble-Robb-Report-Desktop.png?v=1776102911&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/Ramble-Robb-Report-Desktop.png?v=1776102911&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/Ramble-Robb-Report-Desktop.png?v=1776102911&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/Ramble-Robb-Report-Desktop.png?v=1776102911&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/Ramble-Robb-Report-Desktop.png?v=1776102911&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/Ramble-Robb-Report-Desktop.png?v=1776102911&amp;width=400 400w" width="400" height="113" loading="lazy" class="c-l-image" style="width: 175px; height: auto;" sizes="175px">
25485                  
25486                  
25487                    <div class="container-text">
25488                      <h5 class="block-heading"></h5>
25489                      <p></p>
25490                    </div>
25491                  
25492                </div>
25493              
25494                
25495                <div
25496                  class="c-l-image-div"
25497                  
25498                >
25499                  
25500<img src="//apolloneuro.com/cdn/shop/files/Fast_Company_logo.png?v=1748622549&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Fast_Company_logo.png?v=1748622549&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/Fast_Company_logo.png?v=1748622549&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/Fast_Company_logo.png?v=1748622549&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/Fast_Company_logo.png?v=1748622549&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/Fast_Company_logo.png?v=1748622549&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/Fast_Company_logo.png?v=1748622549&amp;width=400 400w" width="400" height="58" loading="lazy" class="c-l-image" style="width: 240px; height: auto;" sizes="240px">
25501                  
25502                  
25503                    <div class="container-text">
25504                      <h5 class="block-heading"></h5>
25505                      <p></p>
25506                    </div>
25507                  
25508                </div>
25509              
25510                
25511                <div
25512 
25512                 class="c-l-image-div"
25513                  
25514                >
25515                  
25516<img src="//apolloneuro.com/cdn/shop/files/good-morning-america-seeklogo_eeacb054-7acb-40da-babb-5e5d328cc81c.png?v=1756323842&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/good-morning-america-seeklogo_eeacb054-7acb-40da-babb-5e5d328cc81c.png?v=1756323842&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/good-morning-america-seeklogo_eeacb054-7acb-40da-babb-5e5d328cc81c.png?v=1756323842&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/good-morning-america-seeklogo_eeacb054-7acb-40da-babb-5e5d328cc81c.png?v=1756323842&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/good-morning-america-seeklogo_eeacb054-7acb-40da-babb-5e5d328cc81c.png?v=1756323842&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/good-morning-america-seeklogo_eeacb054-7acb-40da-babb-5e5d328cc81c.png?v=1756323842&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/good-morning-america-seeklogo_eeacb054-7acb-40da-babb-5e5d328cc81c.png?v=1756323842&amp;width=400 400w" width="400" height="228" loading="lazy" class="c-l-image" style="width: 95px; height: auto;" sizes="95px">
25517                  
25518                  
25519                    <div class="container-text">
25520                      <h5 class="block-heading"></h5>
25521                      <p></p>
25522                    </div>
25523                  
25524                </div>
25525              
25526                
25527                <div
25528                  class="c-l-image-div"
25529                  
25530                >
25531                  
25532<img src="//apolloneuro.com/cdn/shop/files/men_s_health_1042a362-f6e4-4135-b6a8-16157bbc5167.png?v=1748623085&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/men_s_health_1042a362-f6e4-4135-b6a8-16157bbc5167.png?v=1748623085&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/men_s_health_1042a362-f6e4-4135-b6a8-16157bbc5167.png?v=1748623085&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/men_s_health_1042a362-f6e4-4135-b6a8-16157bbc5167.png?v=1748623085&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/men_s_health_1042a362-f6e4-4135-b6a8-16157bbc5167.png?v=1748623085&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/men_s_health_1042a362-f6e4-4135-b6a8-16157bbc5167.png?v=1748623085&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/men_s_health_1042a362-f6e4-4135-b6a8-16157bbc5167.png?v=1748623085&amp;width=400 400w" width="400" height="93" loading="lazy" class="c-l-image" style="width: 150px; height: auto;" sizes="150px">
25533                  
25534                  
25535                    <div class="container-text">
25536                      <h5 class="block-heading"></h5>
25537                      <p></p>
25538                    </div>
25539                  
25540                </div>
25541              
25542                
25543                <div
25544                  class="c-l-image-div"
25545                  
25546                >
25547                  
25548<img src="//apolloneuro.com/cdn/shop/files/wsj.png?v=1748623103&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/wsj.png?v=1748623103&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/wsj.png?v=1748623103&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/wsj.png?v=1748623103&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/wsj.png?v=1748623103&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/wsj.png?v=1748623103&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/wsj.png?v=1748623103&amp;width=400 400w" width="400" height="232" loading="lazy" class="c-l-image" style="width: 93px; height: auto;" sizes="93px">
25549                  
25550                  
25551                    <div class="container-text">
25552                      <h5 class="block-heading"></h5>
25553                      <p></p>
25554                    </div>
25555                  
25556                </div>
25557              
25558                
25559                <div
25560                  class="c-l-image-div"
25561                  
25562                >
25563                  
25564<img src="//apolloneuro.com/cdn/shop/files/bazaar-logo-white.png?v=1774639446&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/bazaar-logo-white.png?v=1774639446&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/bazaar-logo-white.png?v=1774639446&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/bazaar-logo-white.png?v=1774639446&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/bazaar-logo-white.png?v=1774639446&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/bazaar-logo-white.png?v=1774639446&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/bazaar-logo-white.png?v=1774639446&amp;width=400 400w" width="400" height="100" loading="lazy" class="c-l-image" style="width: 120px; height: auto;" sizes="120px">
25565                  
25566                  
25567                    <div class="container-text">
25568                      <h5 class="block-heading"></h5>
25569                      <p></p>
25570                    </div>
25571                  
25572                </div>
25573              
25574                
25575                <div
25576                  class="c-l-image-div"
25577                  
25578                >
25579                  
25580<img src="//apolloneuro.com/cdn/shop/files/logo-entrepreneur-rev-min.png?v=1668975408&amp;width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/logo-entrepreneur-rev-min.png?v=1668975408&amp;width=80 80w, //apolloneuro.com/cdn/shop/files/logo-entrepreneur-rev-min.png?v=1668975408&amp;width=120 120w, //apolloneuro.com/cdn/shop/files/logo-entrepreneur-rev-min.png?v=1668975408&amp;width=160 160w, //apolloneuro.com/cdn/shop/files/logo-entrepreneur-rev-min.png?v=1668975408&amp;width=240 240w, //apolloneuro.com/cdn/shop/files/logo-entrepreneur-rev-min.png?v=1668975408&amp;width=320 320w, //apolloneuro.com/cdn/shop/files/logo-entrepreneur-rev-min.png?v=1668975408&amp;width=400 400w" width="400" height="79" loading="lazy" class="c-l-image" style="width: 142px; height: auto;" sizes="142px">
25581                  
25582                  
25583                    <div class="container-text">
25584                      <h5 class="block-heading"></h5>
25585                      <p></p>
25586                    </div>
25587                  
25588                </div>
25589              
25590            </div>
25591          
25592        </div>
25593      </div>
25594    </div>
25595  </div>
25596  </div> <!-- /.c-section__inner -->
25597</section>
25598
25599
25600</div><section id="shopify-section-template--19420722397381__c_super_collection_tab_stacked_cyfmH7" class="shopify-section c-super-collection-tabs-stacked">
25601
25602
25603
25604<style>
25605  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7.c-super-collection-tabs-stacked {
25606    display: flex;
25607    flex-direction: column;
25608    align-items: center;
25609    gap: 32px;
25610    padding: 32px 0;
25611    background: linear-gradient(245deg, #F5F0FE 1.6%, #F5EEF4 25.7%, #F6ECEB 59.09%, #F6E8D8 82.87%);
25612  }
25613
25614  @media (width >= 768px) {
25615    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7.c-super-collection-tabs-stacked {
25616      padding: 64px 0;
25617    }
25618  }
25619
25620  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tabs__title-wrapper {
25621    text-align: center;
25622    width: 100%;
25623  }
25624
25625  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tabs__title > h2 {
25626    color: var(--Neutral-Darker-Gray, #3D4347);
25627    text-align: center;
25628    font-family: "Founders Grotesk";
25629    font-size: 36px;
25630    font-style: normal;
25631    font-weight: 400;
25632    line-height: 120%; /* 43.2px */
25633    margin: 0;
25634  }
25635
25636  /* MOBILE vertical layout */
25637  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tabs__tabs-wrapper {
25638    display: flex;
25639    flex-direction: column;
25640    width: 100%;
25641    gap: 12px;
25642  }
25643
25644  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked {
25645    transition: all 0.4s ease;
25646    overflow: hidden;
25647    flex: 0 0 auto;
25648  }
25649
25650  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-cta__text {
25651    font-family: var(--extra-family) !important;
25652  }
25653
25654  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed {
25655    max-height: 140px;
25656    opacity: 0.85;
25657    cursor: pointer;
25658  }
25659
25660  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-open {
25661    max-height: 2000px; /* just big enough to fit contents */
25662  }
25663
25664  /* Hide text until transition done */
25665  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__text-wrapper,
25666  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__review-tag-wrapper {
25667    opacity: 0;
25668    transition: opacity 0.35s ease;
25669  }
25670
25671  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__text-wrapper.is-visible,
25672  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__review-tag-wrapper.is-visible {
25673    opacity: 1;
25674  }
25675
25676  /* Hide nav buttons on mobile */
25677  @media (max-width: 977px) {
25678    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tabs__navigation {
25679      display: none;
25680    }
25681  }
25682
25683  @media (width >= 768px) {
25684    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tabs__title > h2 {
25685      color: var(--Neutral-Darker-Gray, #3D4347);
25686      text-align: center;
25687      font-family: "Founders Grotesk";
25688      font-size: var(--Text-Sizes-Heading-1, 56px);
25689      font-style: normal;
25690      font-weight: 400;
25691      line-height: 120%; /* 67.2px */
25692    }
25693  }
25694
25695  /* DESKTOP: horizontal collapsable tabs */
25696  @media (width >= 978px) {
25697    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked {
25698      padding: 64px;
25699    }
25700
25701    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tabs__tabs-wrapper {
25702      flex-direction: row;
25703      gap: 12px;
25704    }
25705
25706    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked {
25707      flex: 0 0 100px;
25708      transition: flex 0.5s ease;
25709    }
25710
25711    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-open {
25712      flex: 1;
25713    }
25714
25715    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed {
25716      flex: 0 0 170px;
25717      cursor: pointer;
25718    }
25719
25720    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tabs__navigation {
25721      display: flex;
25722      justify-content: flex-end;
25723      align-self: end;
25724      gap: 16px;
25725      margin-top: 40px;
25726    }
25727
25728     #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tabs__nav-button.prev,
25729     #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tabs__nav-button.next  {
25730      display: flex;
25731      width: 42px;
25732      height: 42px;
25733      padding: 10px !important;
25734      flex-direction: column;
25735      justify-content: center;
25736      align-items: center;
25737      gap: 10px;
25738      aspect-ratio: 1/1;
25739      border-radius: 100px;
25740      border: none;
25741    }
25742
25743    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tabs__nav-button.next {
25744      background: #606664;
25745    }
25746
25747    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tabs__nav-button.prev {
25748      background: var(--Neutral-Lightest-Gray, #E3E6E5);
25749    }
25750  }
25751</style>
25752
25753<section
25754  id="template--19420722397381__c_super_collection_tab_stacked_cyfmH7"
25755  class="c-section c-super-collection-tabs-stacked"
25756>
25757  <div class="c-section__inner">
25758  
25759    <div class="c-super-tabs__title-wrapper">
25760      <div class="c-super-tabs__title"><h2>Wear It How You Want. </h2><h2>Feel It When You Need.</h2></div>
25761    </div>
25762  
25763
25764  <div
25765    class="c-super-tabs__tabs-wrapper"
25766    data-tabs-container="template--19420722397381__c_super_collection_tab_stacked_cyfmH7"
25767  >
25768    
25769
25770
25771
25772
25773<style data-shopify>
25774  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked {
25775    position: relative;
25776    display: flex;
25777    flex-direction: column;
25778    justify-content: space-between;
25779    align-self: stretch;
25780    width: 100%;
25781    border-radius: 20px;
25782    overflow: hidden;
25783    min-height: 595px;
25784    background-color: #FAFAFA;
25785    background-size: cover;
25786    background-position: center;
25787    background-repeat: no-repeat;
25788    transition: all 0.3s ease;
25789    flex: 1;
25790  }#template--19420722397381__c_super_collection_tab_stacked_cyfmH7 #super_tab_Fb9zX8.c-super-collection-stacked {
25791      background-image: url('//apolloneuro.com/cdn/shop/files/man-wearing-apollo-wearable.png?v=1761544066&width=780');
25792    }
25793    @media (width >= 768px) {
25794      #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 #super_tab_Fb9zX8.c-super-collection-stacked {
25795        background-image: url('//apolloneuro.com/cdn/shop/files/man-wearing-apollo-wearable.png?v=1761544066&width=1200');
25796      }
25797    }#template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-open {
25798    gap: 64px;
25799    padding: 24px;
25800  }
25801
25802  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed {
25803    gap: 24px;
25804    padding: 24px;
25805    cursor: pointer;
25806    justify-content: flex-end;
25807    align-items: center;
25808  }
25809
25810  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-open::before {
25811    content: '';
25812    position: absolute;
25813    inset: 0;
25814    background-image:
25815      linear-gradient(55deg, rgba(0, 0, 0, 0) 51.82%, rgba(0, 0, 0, 0.34) 90.68%),
25816      linear-gradient(180deg, rgba(0, 0, 0, 0) 45.62%, rgba(0, 0, 0, 0.64) 100%),
25817      linear-gradient(180deg, rgba(238, 235, 225, 0) 32.39%, rgba(238, 235, 225, 0.20) 100%);
25818    background-size: cover;
25819    background-position: center;
25820    background-repeat: no-repeat;
25821    z-index: 1;
25822  }
25823
25824  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked > * {
25825    position: relative;
25826    z-index: 2;
25827  }
25828
25829  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed:hover {
25830    transform: scale(1.02);
25831  }
25832
25833  /* Top Container (tag + CTA) */
25834  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__top-container {
25835    display: none;
25836    justify-content: space-between;
25837    align-items: flex-start;
25838    gap: 16px;
25839    opacity: 0;
25840    transition: opacity 0.3s ease;
25841  }
25842
25843  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-open .c-super-tab__top-container {
25844    display: flex;
25845    opacity: 1;
25846    justify-content: end;
25847  }
25848
25849  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__tag {
25850    display: flex;
25851    align-items: center;
25852    justify-content: center;
25853    gap: 10px;
25854    padding: 12px 24px;
25855    border-radius: 40px;
25856  }
25857
25858  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__tag-text {
25859    font-family: var(--body-family);
25860    font-size: 12px;
25861    color: #181E21;
25862    margin: 0;
25863  }
25864
25865  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__cta .c-cta {
25866    display: flex;
25867    padding: 12px 24px;
25868    align-items: center;
25869    gap: 8px;
25870    border-radius: 40px;
25871    border: 1px solid #E3E6E5;
25872    background: rgba(255, 255, 255, 0.21);
25873  }
25874
25875  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__cta .c-cta__text {
25876    color: #E3E6E5;
25877    font-family: Roboto;
25878    font-size: 16px;
25879  }
25880
25881  /* Content Container */
25882  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__content-wrapper {
25883    display: none;
25884    flex-direction: column;
25885    gap: 19px;
25886    opacity: 0;
25887    transition: opacity 0.3s ease;
25888  }
25889
25890  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-open .c-super-tab__content-wrapper {
25891    display: flex;
25892    opacity: 1;
25893  }
25894
25895  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__text-wrapper {
25896    display: none;
25897    flex-direction: column;
25898    gap: 7px;
25899  }
25900
25901  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__text-wrapper.is-visible {
25902    display: flex;
25903  }
25904
25905  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__text-wrapper > h3,
25906  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__title > p,
25907  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__description > p {
25908    margin: 0;
25909  }
25910
25911   #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__title > p {
25912      color: var(--Neutral-Lightest-Gray, #E3E6E5);
25913      font-family: var(--body-family) !important;
25914      font-size: 24px;
25915      font-style: normal;
25916      font-weight: 400;
25917      line-height: 120%; /* 28.8px */
25918      text-transform: uppercase;
25919    }
25920
25921    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__text-wrapper > h3 {
25922      color: var(--Neutral-Lightest-Gray, #E3E6E5);
25923      font-family: "Founders Grotesk";
25924      font-size: var(--Text-Sizes-Heading-1, 56px);
25925      font-style: normal;
25926      font-weight: 400;
25927      line-height: 120%; /* 67.2px */
25928      margin: 0;
25929    }
25930
25931     #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__description > p {
25932      color: var(--Neutral-Lightest-Gray, #E3E6E5);
25933      font-family: var(--body-family) !important;
25934      font-size: 24px;
25935      font-style: normal;
25936      font-weight: 500;
25937      line-height: 120%;
25938    }
25939
25940  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__description {
25941    font-family: var(--body-family) !important;
25942    font-size: 16px;
25943    line-height: 1.2;
25944    color: #F9F7EC;
25945    max-width: 730px;
25946  }
25947
25948  /* Review + Benefits */
25949  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__review-tag-wrapper {
25950    display: none;
25951    flex-direction: column;
25952    gap: 19px;
25953  }
25954
25955  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__review-tag-wrapper.is-visible {
25956    display: flex;
25957  }
25958
25959  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__review-wrapper {
25960    display: flex;
25961    flex-direction: column;
25962    gap: 10px;
25963    padding: 16px;
25964    background: rgba(255, 255, 255, 0.24);
25965    border-radius: 24px;
25966  }
25967
25968  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__review-text {
25969    font-size: 14px;
25970    color: #E3E6E5;
25971  }
25972
25973  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__review-author {
25974    display: flex;
25975    align-items: center;
25976    gap: 10px;
25977  }
25978
25979  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__avatar {
25980    width: 42px;
25981    height: 42px;
25982    border-radius: 50%;
25983    object-fit: cover;
25984    border: 1px solid #FFFFFF;
25985  }
25986
25987  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__author-name {
25988    font-size: 12px;
25989    text-transform: uppercase;
25990    color: #F9F7EC;
25991  }
25992
25993  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__author-extra {
25994    font-size: 10px;
25995    text-transform: uppercase;
25996    color: #F9F7EC;
25997  }
25998
25999  /* Benefit Tags */
26000  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__product-tags {
26001    display: flex;
26002    gap: 12px;
26003  }
26004
26005  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__benefit-tag {
26006    flex: 1;
26007    display: flex;
26008    flex-direction: column;
26009    align-items: center;
26010    gap: 8px;
26011    padding: 16px 12px;
26012    background: rgba(216, 164, 98, 0.46);
26013    border-radius: 8px;
26014  }
26015
26016  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__benefit-title {
26017    font-size: 14px;
26018    color: #E3E6E5;
26019  }
26020
26021  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__benefit-description {
26022    font-size: 9px;
26023    color: #E3E6E5;
26024  }
26025
26026  /* Closed State */
26027  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__closed-content {
26028    display: none;
26029    flex-direction: column;
26030    align-items: center;
26031    gap: 8px;
26032    text-align: center;
26033  }
26034
26035  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed .c-super-tab__closed-content {
26036    display: flex;
26037  }
26038
26039  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__closed-tag-title {
26040    font-size: 18px;
26041    color: #FFF;
26042  }
26043
26044  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__plus-icon {
26045    width: 54px;
26046    height: 54px;
26047  }
26048
26049
26050  /* Hide the + icon when tab is open */
26051  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-open .c-super-tab__closed-icon-wrapper {
26052    display: none !important;
26053    opacity: 0;
26054  }
26055
26056  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__closed-icon-wrapper {
26057    position: absolute;
26058    top: 24px;
26059    align-self: center;
26060  }
26061
26062  /* Ensure closed cards have consistent height and alignment */
26063  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed {
26064    align-items: stretch;
26065    justify-content: flex-end;
26066  }
26067
26068  /* Make sure all cards align vertically */
26069  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tabs__tabs-wrapper {
26070    align-items: stretch;
26071  }
26072
26073  /* --- MOBILE collapsed look --- */
26074  @media (max-width: 977px) {
26075    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__description > p {
26076      color: var(--Neutral-Lightest-Gray, #E3E6E5);
26077      font-family: "Basis Grotesque Arabic Pro";
26078      font-size: 16px;
26079      font-style: normal;
26080      font-weight: 400;
26081      line-height: 120%; /* 19.2px */
26082    }
26083
26084  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__title > p {
26085      color: var(--Neutral-Lightest-Gray, #E3E6E5);
26086      font-family: "Basis Grotesque Arabic Pro";
26087      font-size: 16px;
26088      font-style: normal;
26089      font-weight: 400;
26090      line-height: 120%; /* 19.2px */
26091      text-transform: uppercase;
26092  }
26093
26094    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__text-wrapper> h3 {
26095      color: var(--Neutral-Lightest-Gray, #E3E6E5);
26096      font-family: "Founders Grotesk";
26097      font-size: 36px;
26098      font-style: normal;
26099      font-weight: 400;
26100      line-height: 120%; /* 43.2px */
26101      align-self: stretch;
26102    }
26103
26104    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked {
26105      min-height: 160px;
26106      transition: all 0.4s ease;
26107    }
26108
26109    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed {
26110      min-height: 90px;
26111      max-height: 90px;
26112      padding: 16px;
26113      justify-content: center;
26114      align-items: center;
26115      overflow: hidden;
26116      opacity: 0.9;
26117      transition: all 0.4s ease;
26118    }
26119
26120    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed .c-super-tab__content-wrapper,
26121    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed .c-super-tab__top-container {
26122      display: none !important;
26123      opacity: 0;
26124    }
26125
26126    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed .c-super-tab__closed-content {
26127      display: flex;
26128      flex-direction: column;
26129      justify-content: center;
26130      align-items: center;
26131      gap: 8px;
26132      position: relative;
26133      z-index: 2;
26134    }
26135
26136    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed .c-super-tab__closed-tag-title {
26137      font-size: 18px;
26138      color: #FFF;
26139    }
26140
26141    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-open {
26142      min-height: 379px;
26143      max-height: none;
26144      padding: 24px;
26145    }
26146
26147    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__closed-icon-wrapper {
26148      position: absolute;
26149      right: 24px;
26150      align-self: center;
26151      top: 0;
26152      bottom: 0;
26153    }
26154
26155    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 #super_tab_Fb9zX8.c-super-collection-stacked.is-closed {
26156      background-position: center -180px;
26157    }
26158    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 #super_tab_Fb9zX8.c-super-collection-stacked.is-open  {
26159      background-position: center;
26160    }
26161  }
26162
26163  /* Responsive Adjustments */
26164  @media (width >= 978px) {
26165    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked {
26166      min-height: 660px;
26167    }
26168
26169    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-open {
26170      padding: 32px;
26171      gap: 96px;
26172    }
26173
26174    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed::before {
26175      content: '';
26176      position: absolute;
26177      inset: 0;
26178      background: rgba(0, 0, 0, 0.20);
26179      z-index: 1;
26180    }
26181
26182    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__text-wrapper > h3 {
26183      font-size: 56px;
26184    }
26185
26186    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__description {
26187      font-size: 18px;
26188    }
26189
26190    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__review-tag-wrapper {
26191      flex-direction: column;
26192      width: 380px;
26193    }
26194
26195    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__closed-content {
26196      justify-content: center;
26197    }
26198
26199    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__closed-tag-title {
26200      writing-mode: vertical-rl;
26201      transform: rotate(180deg);
26202    }
26203
26204    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 #super_tab_Fb9zX8.c-super-collection-stacked.is-closed {
26205      background-position: center;
26206    }
26207    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 #super_tab_Fb9zX8.c-super-collection-stacked.is-open  {
26208      background-position: center;
26209    }
26210  }
26211</style>
26212
26213<div
26214  id="super_tab_Fb9zX8"
26215  class="c-super-collection-stacked is-open"
26216  data-super-tab="super_tab_Fb9zX8"
26217  data-background-position-closed="center"
26218  
26219
26220>
26221  <!-- Top Container -->
26222  <div class="c-super-tab__top-container">
26223    
26224    <div class="c-super-tab__cta">
26225      <style data-shopify>
26226  /* Base CTA styles */
26227  .c-cta {
26228    text-transform: capitalize;
26229    letter-spacing: unset;
26230    min-width: unset;
26231    font-family: var(--body-family) !important;
26232    display: inline-flex;
26233    align-items: center;
26234    justify-content: center;
26235    transition: all 0.3s ease;
26236    padding: 12px;
26237    text-decoration: none;
26238    cursor: pointer;
26239    border-radius: 40px;
26240  }
26241
26242  .c-cta--with-icon {
26243    gap: 8px;
26244  }
26245
26246  /* Primary style */
26247  .c-cta--primary {
26248    background-color: #F7B267;
26249    border: 1px solid #F7B267;
26250    color: var(--slate-black, #1a1b18);
26251    transition: all 0.2s ease;
26252  }
26253
26254  .c-cta--primary:hover {
26255    opacity: 0.85;
26256    transform: translateY(-2px);
26257  }
26258
26259  .c-cta--primary .c-cta__text {
26260    color: var(--slate-black, #1a1b18);
26261    font-weight: 600;
26262  }
26263
26264  /* Secondary style */
26265  .c-cta--secondary {
26266    background-color: transparent;
26267    border: 1px solid transparent;
26268    color: var(--slate-black, #1a1b18);
26269  }
26270
26271  .c-cta--secondary:hover {
26272    border-color: var(--slate-black, #1a1b18);
26273  }
26274
26275  .c-cta--secondary .c-cta__text {
26276    color: var(--slate-black, #1a1b18);
26277  }
26278
26279/*   .c-cta--secondary > svg {
26280    width: 11.75px;
26281    height: 9.731px;
26282    flex-shrink: 0;
26283  } */
26284
26285  /* Tertiary style */
26286  .c-cta--tertiary {
26287    background-color: var(--ruby-red, #c53030);
26288    border: 1px solid var(--ruby-red, #c53030);
26289    color: var(--btn-text, #f2f2f2);
26290  }
26291
26292  .c-cta--tertiary:hover {
26293    background-color: var(--btn-text, #f2f2f2);
26294    color: var(--ruby-red, #c53030);
26295    border-color: var(--ruby-red, #c53030);
26296  }
26297
26298  .c-cta--tertiary .c-cta__text {
26299    color: inherit;
26300  }
26301
26302  /* Outline style */
26303  .c-cta--outline {
26304    background-color: transparent;
26305    border: 1px solid var(--ruby-red, #c53030);
26306    color: var(--ruby-red, #c53030);
26307  }
26308
26309  .c-cta--outline:hover {
26310    background-color: var(--ruby-red, #c53030);
26311    color: var(--btn-text, #f2f2f2);
26312    border-color: var(--ruby-red, #c53030);
26313  }
26314
26315  .c-cta--outline .c-cta__text {
26316    color: inherit;
26317  }
26318
26319  /* Size variations */
26320  .c-cta--small {
26321    padding: 8px 16px;
26322    font-size: 14px;
26323  }
26324
26325  .c-cta--medium {
26326    padding: 12px 24px;
26327    font-size: 16px;
26328  }
26329
26330  .c-cta--large,
26331  .c-cta--big {
26332    padding: 16px 32px;
26333    font-size: 18px;
26334  }
26335
26336  /* Text styles */
26337  .c-cta__text {
26338    font-size: inherit;
26339    line-height: 1.5;
26340    font-family: var(--body-family) !important;
26341  }
26342
26343  /* Tablet and up */
26344  @media (width >= 768px) {
26345    .c-cta {
26346      gap: 8px;
26347    }
26348
26349    .c-cta--small {
26350      padding: 8px 20px;
26351    }
26352
26353    .c-cta--medium {
26354      padding: 12px 24px;
26355    }
26356
26357    .c-cta--large,
26358    .c-cta--big {
26359      padding: 16px 36px;
26360    }
26361  }
26362</style>
26363<a
26364  href="/products/apollo-wearable"
26365  class="c-cta c-cta--quaternary c-cta--medium "
26366  
26367  
26368  aria-label="Explore Wearable"
26369  
26370><span class="c-cta__text">Explore Wearable</span></a>
26371    </div>
26372  </div>
26373
26374  <!-- Open State Content -->
26375  <div
26376    class="c-super-tab__content-wrapper"
26377    id="super_tab_Fb9zX8-content"
26378  >
26379    <div class="c-super-tab__text-wrapper is-visible">
26380      
26381        <h3 class="c-super-tab__title"><p>The Apollo Band</p><h3>Wear Apollo On Your Wrist</h3></h3>
26382      
26383      
26384        <div class="c-super-tab__description"><p>Wearing <strong>The Apollo Pod</strong> on your wrist makes it easy to feel the SmartVibes throughout your day. It’s comfortable, discreet, and keeps calm within reach, wherever you go.</p></div>
26385      
26386    </div>
26387
26388    <div class="c-super-tab__review-tag-wrapper is-visible">
26389      
26390
26391      
26392    </div>
26393  </div>
26394
26395  <!-- Closed State -->
26396  <div class="c-super-tab__closed-content">
26397    
26398  </div>
26399
26400  <!-- Floating SVG Icon -->
26401  
26402    <div class="c-super-tab__closed-icon-wrapper">
26403      <svg
26404        xmlns="http://www.w3.org/2000/svg"
26405        width="44"
26406        height="44"
26407        viewBox="0 0 44 44"
26408        fill="none"
26409      >
26410        <path d="M21.5156 0C17.2602 0 13.1004 1.26187 9.56219 3.62604C6.02397 5.9902 3.26626 9.35049 1.63779 13.282C0.00932202 17.2134 -0.416759 21.5395 0.413426 25.7131C1.24361 29.8867 3.29278 33.7205 6.30179 36.7295C9.3108 39.7385 13.1445 41.7876 17.3181 42.6178C21.4918 43.448 25.8178 43.0219 29.7493 41.3935C33.6808 39.765 37.0411 37.0073 39.4052 33.4691C41.7694 29.9308 43.0313 25.771 43.0313 21.5156C43.0246 15.8114 40.7556 10.3427 36.7221 6.30918C32.6886 2.27567 27.2199 0.00669906 21.5156 0ZM21.5156 40.5C17.7609 40.5 14.0904 39.3866 10.9685 37.3006C7.84652 35.2145 5.41324 32.2496 3.97636 28.7806C2.53948 25.3117 2.16352 21.4946 2.89604 17.812C3.62856 14.1293 5.43664 10.7467 8.09165 8.09164C10.7467 5.43663 14.1294 3.62855 17.812 2.89603C21.4946 2.16351 25.3117 2.53947 28.7806 3.97635C32.2496 5.41323 35.2145 7.84651 37.3006 10.9685C39.3866 14.0904 40.5 17.7609 40.5 21.5156C40.4944 26.5489 38.4925 31.3744 34.9334 34.9334C31.3744 38.4925 26.5489 40.4944 21.5156 40.5ZM31.2188 21.5156C31.2188 21.8513 31.0854 22.1732 30.8481 22.4106C30.6107 22.6479 30.2888 22.7812 29.9531 22.7812H22.7813V29.9531C22.7813 30.2888 22.6479 30.6107 22.4106 30.8481C22.1732 31.0854 21.8513 31.2187 21.5156 31.2187C21.18 31.2187 20.8581 31.0854 20.6207 30.8481C20.3834 30.6107 20.25 30.2888 20.25 29.9531V22.7812H13.0781C12.7425 22.7812 12.4206 22.6479 12.1832 22.4106C11.9459 22.1732 11.8125 21.8513 11.8125 21.5156C11.8125 21.18 11.9459 20.858 12.1832 20.6207C12.4206 20.3833 12.7425 20.25 13.0781 20.25H20.25V13.0781C20.25 12.7425 20.3834 12.4205 20.6207 12.1832C20.8581 11.9458 21.18 11.8125 21.5156 11.8125C21.8513 11.8125 22.1732 11.9458 22.4106 12.1832C22.6479 12.4205 22.7813 12.7425 22.7813 13.0781V20.25H29.9531C30.2888 20.25 30.6107 20.3833 30.8481 20.6207C31.0854 20.858 31.2188 21.18 31.2188 21.5156Z" fill="#E3E6E5"/>
26411      </svg>
26412    </div>
26413  
26414</div>
26415
26416    
26417
26418
26419
26420
26421<style data-shopify>
26422  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked {
26423    position: relative;
26424    display: flex;
26425    flex-direction: column;
26426    justify-content: space-between;
26427    align-self: stretch;
26428    width: 100%;
26429    border-radius: 20px;
26430    overflow: hidden;
26431    min-height: 595px;
26432    background-color: #FAFAFA;
26433    background-size: cover;
26434    background-position: center;
26435    background-repeat: no-repeat;
26436    transition: all 0.3s ease;
26437    flex: 1;
26438  }#template--19420722397381__c_super_collection_tab_stacked_cyfmH7 #super_tab_VjYwGB.c-super-collection-stacked {
26439      background-image: url('//apolloneuro.com/cdn/shop/files/Content4.png?v=1772467689&width=780');
26440    }
26441    @media (width >= 768px) {
26442      #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 #super_tab_VjYwGB.c-super-collection-stacked {
26443        background-image: url('//apolloneuro.com/cdn/shop/files/Content4.png?v=1772467689&width=1200');
26444      }
26445    }#template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-open {
26446    gap: 64px;
26447    padding: 24px;
26448  }
26449
26450  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed {
26451    gap: 24px;
26452    padding: 24px;
26453    cursor: pointer;
26454    justify-content: flex-end;
26455    align-items: center;
26456  }
26457
26458  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-open::before {
26459    content: '';
26460    position: absolute;
26461    inset: 0;
26462    background-image:
26463      linear-gradient(55deg, rgba(0, 0, 0, 0) 51.82%, rgba(0, 0, 0, 0.34) 90.68%),
26464      linear-gradient(180deg, rgba(0, 0, 0, 0) 45.62%, rgba(0, 0, 0, 0.64) 100%),
26465      linear-gradient(180deg, rgba(238, 235, 225, 0) 32.39%, rgba(238, 235, 225, 0.20) 100%);
26466    background-size: cover;
26467    background-position: center;
26468    background-repeat: no-repeat;
26469    z-index: 1;
26470  }
26471
26472  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked > * {
26473    position: relative;
26474    z-index: 2;
26475  }
26476
26477  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed:hover {
26478    transform: scale(1.02);
26479  }
26480
26481  /* Top Container (tag + CTA) */
26482  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__top-container {
26483    display: none;
26484    justify-content: space-between;
26485    align-items: flex-start;
26486    gap: 16px;
26487    opacity: 0;
26488    transition: opacity 0.3s ease;
26489  }
26490
26491  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-open .c-super-tab__top-container {
26492    display: flex;
26493    opacity: 1;
26494    justify-content: end;
26495  }
26496
26497  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__tag {
26498    display: flex;
26499    align-items: center;
26500    justify-content: center;
26501    gap: 10px;
26502    padding: 12px 24px;
26503    border-radius: 40px;
26504  }
26505
26506  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__tag-text {
26507    font-family: var(--body-family);
26508    font-size: 12px;
26509    color: #181E21;
26510    margin: 0;
26511  }
26512
26513  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__cta .c-cta {
26514    display: flex;
26515    padding: 12px 24px;
26516    align-items: center;
26517    gap: 8px;
26518    border-radius: 40px;
26519    border: 1px solid #E3E6E5;
26520    background: rgba(255, 255, 255, 0.21);
26521  }
26522
26523  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__cta .c-cta__text {
26524    color: #E3E6E5;
26525    font-family: Roboto;
26526    font-size: 16px;
26527  }
26528
26529  /* Content Container */
26530  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__content-wrapper {
26531    display: none;
26532    flex-direction: column;
26533    gap: 19px;
26534    opacity: 0;
26535    transition: opacity 0.3s ease;
26536  }
26537
26538  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-open .c-super-tab__content-wrapper {
26539    display: flex;
26540    opacity: 1;
26541  }
26542
26543  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__text-wrapper {
26544    display: none;
26545    flex-direction: column;
26546    gap: 7px;
26547  }
26548
26549  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__text-wrapper.is-visible {
26550    display: flex;
26551  }
26552
26553  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__text-wrapper > h3,
26554  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__title > p,
26555  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__description > p {
26556    margin: 0;
26557  }
26558
26559   #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__title > p {
26560      color: var(--Neutral-Lightest-Gray, #E3E6E5);
26561      font-family: var(--body-family) !important;
26562      font-size: 24px;
26563      font-style: normal;
26564      font-weight: 400;
26565      line-height: 120%; /* 28.8px */
26566      text-transform: uppercase;
26567    }
26568
26569    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__text-wrapper > h3 {
26570      color: var(--Neutral-Lightest-Gray, #E3E6E5);
26571      font-family: "Founders Grotesk";
26572      font-size: var(--Text-Sizes-Heading-1, 56px);
26573      font-style: normal;
26574      font-weight: 400;
26575      line-height: 120%; /* 67.2px */
26576      margin: 0;
26577    }
26578
26579     #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__description > p {
26580      color: var(--Neutral-Lightest-Gray, #E3E6E5);
26581      font-family: var(--body-family) !important;
26582      font-size: 24px;
26583      font-style: normal;
26584      font-weight: 500;
26585      line-height: 120%;
26586    }
26587
26588  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__description {
26589    font-family: var(--body-family) !important;
26590    font-size: 16px;
26591    line-height: 1.2;
26592    color: #F9F7EC;
26593    max-width: 730px;
26594  }
26595
26596  /* Review + Benefits */
26597  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__review-tag-wrapper {
26598    display: none;
26599    flex-direction: column;
26600    gap: 19px;
26601  }
26602
26603  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__review-tag-wrapper.is-visible {
26604    display: flex;
26605  }
26606
26607  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__review-wrapper {
26608    display: flex;
26609    flex-direction: column;
26610    gap: 10px;
26611    padding: 16px;
26612    background: rgba(255, 255, 255, 0.24);
26613    border-radius: 24px;
26614  }
26615
26616  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__review-text {
26617    font-size: 14px;
26618    color: #E3E6E5;
26619  }
26620
26621  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__review-author {
26622    display: flex;
26623    align-items: center;
26624    gap: 10px;
26625  }
26626
26627  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__avatar {
26628    width: 42px;
26629    height: 42px;
26630    border-radius: 50%;
26631    object-fit: cover;
26632    border: 1px solid #FFFFFF;
26633  }
26634
26635  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__author-name {
26636    font-size: 12px;
26637    text-transform: uppercase;
26638    color: #F9F7EC;
26639  }
26640
26641  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__author-extra {
26642    font-size: 10px;
26643    text-transform: uppercase;
26644    color: #F9F7EC;
26645  }
26646
26647  /* Benefit Tags */
26648  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__product-tags {
26649    display: flex;
26650    gap: 12px;
26651  }
26652
26653  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__benefit-tag {
26654    flex: 1;
26655    display: flex;
26656    flex-direction: column;
26657    align-items: center;
26658    gap: 8px;
26659    padding: 16px 12px;
26660    background: rgba(216, 164, 98, 0.46);
26661    border-radius: 8px;
26662  }
26663
26664  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__benefit-title {
26665    font-size: 14px;
26666    color: #E3E6E5;
26667  }
26668
26669  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__benefit-description {
26670    font-size: 9px;
26671    color: #E3E6E5;
26672  }
26673
26674  /* Closed State */
26675  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__closed-content {
26676    display: none;
26677    flex-direction: column;
26678    align-items: center;
26679    gap: 8px;
26680    text-align: center;
26681  }
26682
26683  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed .c-super-tab__closed-content {
26684    display: flex;
26685  }
26686
26687  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__closed-tag-title {
26688    font-size: 18px;
26689    color: #FFF;
26690  }
26691
26692  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__plus-icon {
26693    width: 54px;
26694    height: 54px;
26695  }
26696
26697
26698  /* Hide the + icon when tab is open */
26699  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-open .c-super-tab__closed-icon-wrapper {
26700    display: none !important;
26701    opacity: 0;
26702  }
26703
26704  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__closed-icon-wrapper {
26705    position: absolute;
26706    top: 24px;
26707    align-self: center;
26708  }
26709
26710  /* Ensure closed cards have consistent height and alignment */
26711  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed {
26712    align-items: stretch;
26713    justify-content: flex-end;
26714  }
26715
26716  /* Make sure all cards align vertically */
26717  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tabs__tabs-wrapper {
26718    align-items: stretch;
26719  }
26720
26721  /* --- MOBILE collapsed look --- */
26722  @media (max-width: 977px) {
26723    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__description > p {
26724      color: var(--Neutral-Lightest-Gray, #E3E6E5);
26725      font-family: "Basis Grotesque Arabic Pro";
26726      font-size: 16px;
26727      font-style: normal;
26728      font-weight: 400;
26729      line-height: 120%; /* 19.2px */
26730    }
26731
26732  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__title > p {
26733      color: var(--Neutral-Lightest-Gray, #E3E6E5);
26734      font-family: "Basis Grotesque Arabic Pro";
26735      font-size: 16px;
26736      font-style: normal;
26737      font-weight: 400;
26738      line-height: 120%; /* 19.2px */
26739      text-transform: uppercase;
26740  }
26741
26742    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__text-wrapper> h3 {
26743      color: var(--Neutral-Lightest-Gray, #E3E6E5);
26744      font-family: "Founders Grotesk";
26745      font-size: 36px;
26746      font-style: normal;
26747      font-weight: 400;
26748      line-height: 120%; /* 43.2px */
26749      align-self: stretch;
26750    }
26751
26752    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked {
26753      min-height: 160px;
26754      transition: all 0.4s ease;
26755    }
26756
26757    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed {
26758      min-height: 90px;
26759      max-height: 90px;
26760      padding: 16px;
26761      justify-content: center;
26762      align-items: center;
26763      overflow: hidden;
26764      opacity: 0.9;
26765      transition: all 0.4s ease;
26766    }
26767
26768    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed .c-super-tab__content-wrapper,
26769    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed .c-super-tab__top-container {
26770      display: none !important;
26771      opacity: 0;
26772    }
26773
26774    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed .c-super-tab__closed-content {
26775      display: flex;
26776      flex-direction: column;
26777      justify-content: center;
26778      align-items: center;
26779      gap: 8px;
26780      position: relative;
26781      z-index: 2;
26782    }
26783
26784    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed .c-super-tab__closed-tag-title {
26785      font-size: 18px;
26786      color: #FFF;
26787    }
26788
26789    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-open {
26790      min-height: 379px;
26791      max-height: none;
26792      padding: 24px;
26793    }
26794
26795    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__closed-icon-wrapper {
26796      position: absolute;
26797      right: 24px;
26798      align-self: center;
26799      top: 0;
26800      bottom: 0;
26801    }
26802
26803    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 #super_tab_VjYwGB.c-super-collection-stacked.is-closed {
26804      background-position: center -25px;
26805    }
26806    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 #super_tab_VjYwGB.c-super-collection-stacked.is-open  {
26807      background-position: center;
26808    }
26809  }
26810
26811  /* Responsive Adjustments */
26812  @media (width >= 978px) {
26813    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked {
26814      min-height: 660px;
26815    }
26816
26817    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-open {
26818      padding: 32px;
26819      gap: 96px;
26820    }
26821
26822    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed::before {
26823      content: '';
26824      position: absolute;
26825      inset: 0;
26826      background: rgba(0, 0, 0, 0.20);
26827      z-index: 1;
26828    }
26829
26830    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__text-wrapper > h3 {
26831      font-size: 56px;
26832    }
26833
26834    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__description {
26835      font-size: 18px;
26836    }
26837
26838    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__review-tag-wrapper {
26839      flex-direction: column;
26840      width: 380px;
26841    }
26842
26843    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__closed-content {
26844      justify-content: center;
26845    }
26846
26847    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__closed-tag-title {
26848      writing-mode: vertical-rl;
26849      transform: rotate(180deg);
26850    }
26851
26852    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 #super_tab_VjYwGB.c-super-collection-stacked.is-closed {
26853      background-position: -270px;
26854    }
26855    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 #super_tab_VjYwGB.c-super-collection-stacked.is-open  {
26856      background-position: center;
26857    }
26858  }
26859</style>
26860
26861<div
26862  id="super_tab_VjYwGB"
26863  class="c-super-collection-stacked is-closed"
26864  data-super-tab="super_tab_VjYwGB"
26865  data-background-position-closed="-270px"
26866  
26867    role="button"
26868    tabindex="0"
26869    aria-expanded="false"
26870    aria-controls="super_tab_VjYwGB-content"
26871  
26872
26873>
26874  <!-- Top Container -->
26875  <div class="c-super-tab__top-container">
26876    
26877    <div class="c-super-tab__cta">
26878      <style data-shopify>
26879  /* Base CTA styles */
26880  .c-cta {
26881    text-transform: capitalize;
26882    letter-spacing: unset;
26883    min-width: unset;
26884    font-family: var(--body-family) !important;
26885    display: inline-flex;
26886    align-items: center;
26887    justify-content: center;
26888    transition: all 0.3s ease;
26889    padding: 12px;
26890    text-decoration: none;
26891    cursor: pointer;
26892    border-radius: 40px;
26893  }
26894
26895  .c-cta--with-icon {
26896    gap: 8px;
26897  }
26898
26899  /* Primary style */
26900  .c-cta--primary {
26901    background-color: #F7B267;
26902    border: 1px solid #F7B267;
26903    color: var(--slate-black, #1a1b18);
26904    transition: all 0.2s ease;
26905  }
26906
26907  .c-cta--primary:hover {
26908    opacity: 0.85;
26909    transform: translateY(-2px);
26910  }
26911
26912  .c-cta--primary .c-cta__text {
26913    color: var(--slate-black, #1a1b18);
26914    font-weight: 600;
26915  }
26916
26917  /* Secondary style */
26918  .c-cta--secondary {
26919    background-color: transparent;
26920    border: 1px solid transparent;
26921    color: var(--slate-black, #1a1b18);
26922  }
26923
26924  .c-cta--secondary:hover {
26925    border-color: var(--slate-black, #1a1b18);
26926  }
26927
26928  .c-cta--secondary .c-cta__text {
26929    color: var(--slate-black, #1a1b18);
26930  }
26931
26932/*   .c-cta--secondary > svg {
26933    width: 11.75px;
26934    height: 9.731px;
26935    flex-shrink: 0;
26936  } */
26937
26938  /* Tertiary style */
26939  .c-cta--tertiary {
26940    background-color: var(--ruby-red, #c53030);
26941    border: 1px solid var(--ruby-red, #c53030);
26942    color: var(--btn-text, #f2f2f2);
26943  }
26944
26945  .c-cta--tertiary:hover {
26946    background-color: var(--btn-text, #f2f2f2);
26947    color: var(--ruby-red, #c53030);
26948    border-color: var(--ruby-red, #c53030);
26949  }
26950
26951  .c-cta--tertiary .c-cta__text {
26952    color: inherit;
26953  }
26954
26955  /* Outline style */
26956  .c-cta--outline {
26957    background-color: transparent;
26958    border: 1px solid var(--ruby-red, #c53030);
26959    color: var(--ruby-red, #c53030);
26960  }
26961
26962  .c-cta--outline:hover {
26963    background-color: var(--ruby-red, #c53030);
26964    color: var(--btn-text, #f2f2f2);
26965    border-color: var(--ruby-red, #c53030);
26966  }
26967
26968  .c-cta--outline .c-cta__text {
26969    color: inherit;
26970  }
26971
26972  /* Size variations */
26973  .c-cta--small {
26974    padding: 8px 16px;
26975    font-size: 14px;
26976  }
26977
26978  .c-cta--medium {
26979    padding: 12px 24px;
26980    font-size: 16px;
26981  }
26982
26983  .c-cta--large,
26984  .c-cta--big {
26985    padding: 16px 32px;
26986    font-size: 18px;
26987  }
26988
26989  /* Text styles */
26990  .c-cta__text {
26991    font-size: inherit;
26992    line-height: 1.5;
26993    font-family: var(--body-family) !important;
26994  }
26995
26996  /* Tablet and up */
26997  @media (width >= 768px) {
26998    .c-cta {
26999      gap: 8px;
27000    }
27001
27002    .c-cta--small {
27003      padding: 8px 20px;
27004    }
27005
27006    .c-cta--medium {
27007      padding: 12px 24px;
27008    }
27009
27010    .c-cta--large,
27011    .c-cta--big {
27012      padding: 16px 36px;
27013    }
27014  }
27015</style>
27016<a
27017  href="/products/apollo-wearable"
27018  class="c-cta c-cta--quaternary c-cta--medium "
27019  
27020  
27021  aria-label="Explore Wearable"
27022  
27023><span class="c-cta__text">Explore Wearable</span></a>
27024    </div>
27025  </div>
27026
27027  <!-- Open State Content -->
27028  <div
27029    class="c-super-tab__content-wrapper"
27030    id="super_tab_VjYwGB-content"
27031  >
27032    <div class="c-super-tab__text-wrapper ">
27033      
27034        <h3 class="c-super-tab__title"><p>The Apollo Band</p><h3>Wear Apollo On Your Ankle</h3></h3>
27035      
27036      
27037        <div class="c-super-tab__description"><p>Wearing your <strong>Apollo Pod</strong> on your ankle delivers the same steady, soothing <strong>SmartVibes®</strong>, ideal for sleep, relaxation, or when you want a more subtle feel. Comfortable, secure, and perfect for unwinding anytime.</p></div>
27038      
27039    </div>
27040
27041    <div class="c-super-tab__review-tag-wrapper ">
27042      
27043
27044      
27045    </div>
27046  </div>
27047
27048  <!-- Closed State -->
27049  <div class="c-super-tab__closed-content">
27050    
27051  </div>
27052
27053  <!-- Floating SVG Icon -->
27054  
27055    <div class="c-super-tab__closed-icon-wrapper">
27056      <svg
27057        xmlns="http://www.w3.org/2000/svg"
27058        width="44"
27059        height="44"
27060        viewBox="0 0 44 44"
27061        fill="none"
27062      >
27063        <path d="M21.5156 0C17.2602 0 13.1004 1.26187 9.56219 3.62604C6.02397 5.9902 3.26626 9.35049 1.63779 13.282C0.00932202 17.2134 -0.416759 21.5395 0.413426 25.7131C1.24361 29.8867 3.29278 33.7205 6.30179 36.7295C9.3108 39.7385 13.1445 41.7876 17.3181 42.6178C21.4918 43.448 25.8178 43.0219 29.7493 41.3935C33.6808 39.765 37.0411 37.0073 39.4052 33.4691C41.7694 29.9308 43.0313 25.771 43.0313 21.5156C43.0246 15.8114 40.7556 10.3427 36.7221 6.30918C32.6886 2.27567 27.2199 0.00669906 21.5156 0ZM21.5156 40.5C17.7609 40.5 14.0904 39.3866 10.9685 37.3006C7.84652 35.2145 5.41324 32.2496 3.97636 28.7806C2.53948 25.3117 2.16352 21.4946 2.89604 17.812C3.62856 14.1293 5.43664 10.7467 8.09165 8.09164C10.7467 5.43663 14.1294 3.62855 17.812 2.89603C21.4946 2.16351 25.3117 2.53947 28.7806 3.97635C32.2496 5.41323 35.2145 7.84651 37.3006 10.9685C39.3866 14.0904 40.5 17.7609 40.5 21.5156C40.4944 26.5489 38.4925 31.3744 34.9334 34.9334C31.3744 38.4925 26.5489 40.4944 21.5156 40.5ZM31.2188 21.5156C31.2188 21.8513 31.0854 22.1732 30.8481 22.4106C30.6107 22.6479 30.2888 22.7812 29.9531 22.7812H22.7813V29.9531C22.7813 30.2888 22.6479 30.6107 22.4106 30.8481C22.1732 31.0854 21.8513 31.2187 21.5156 31.2187C21.18 31.2187 20.8581 31.0854 20.6207 30.8481C20.3834 30.6107 20.25 30.2888 20.25 29.9531V22.7812H13.0781C12.7425 22.7812 12.4206 22.6479 12.1832 22.4106C11.9459 22.1732 11.8125 21.8513 11.8125 21.5156C11.8125 21.18 11.9459 20.858 12.1832 20.6207C12.4206 20.3833 12.7425 20.25 13.0781 20.25H20.25V13.0781C20.25 12.7425 20.3834 12.4205 20.6207 12.1832C20.8581 11.9458 21.18 11.8125 21.5156 11.8125C21.8513 11.8125 22.1732 11.9458 22.4106 12.1832C22.6479 12.4205 22.7813 12.7425 22.7813 13.0781V20.25H29.9531C30.2888 20.25 30.6107 20.3833 30.8481 20.6207C31.0854 20.858 31.2188 21.18 31.2188 21.5156Z" fill="#E3E6E5"/>
27064      </svg>
27065    </div>
27066  
27067</div>
27068
27069    
27070
27071
27072
27073
27074<style data-shopify>
27075  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked {
27076    position: relative;
27077    display: flex;
27078    flex-direction: column;
27079    justify-content: space-between;
27080    align-self: stretch;
27081    width: 100%;
27082    border-radius: 20px;
27083    overflow: hidden;
27084    min-height: 595px;
27085    background-color: #FAFAFA;
27086    background-size: cover;
27087    background-position: center;
27088    background-repeat: no-repeat;
27089    transition: all 0.3s ease;
27090    flex: 1;
27091  }#template--19420722397381__c_super_collection_tab_stacked_cyfmH7 #super_tab_Dhyegn.c-super-collection-stacked {
27092      background-image: url('//apolloneuro.com/cdn/shop/files/Content11.png?v=1772469158&width=780');
27093    }
27094    @media (width >= 768px) {
27095      #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 #super_tab_Dhyegn.c-super-collection-stacked {
27096        background-image: url('//apolloneuro.com/cdn/shop/files/Content11.png?v=1772469158&width=1200');
27097      }
27098    }#template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-open {
27099    gap: 64px;
27100    padding: 24px;
27101  }
27102
27103  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed {
27104    gap: 24px;
27105    padding: 24px;
27106    cursor: pointer;
27107    justify-content: flex-end;
27108    align-items: center;
27109  }
27110
27111  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-open::before {
27112    content: '';
27113    position: absolute;
27114    inset: 0;
27115    background-image:
27116      linear-gradient(55deg, rgba(0, 0, 0, 0) 51.82%, rgba(0, 0, 0, 0.34) 90.68%),
27117      linear-gradient(180deg, rgba(0, 0, 0, 0) 45.62%, rgba(0, 0, 0, 0.64) 100%),
27118      linear-gradient(180deg, rgba(238, 235, 225, 0) 32.39%, rgba(238, 235, 225, 0.20) 100%);
27119    background-size: cover;
27120    background-position: center;
27121    background-repeat: no-repeat;
27122    z-index: 1;
27123  }
27124
27125  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked > * {
27126    position: relative;
27127    z-index: 2;
27128  }
27129
27130  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed:hover {
27131    transform: scale(1.02);
27132  }
27133
27134  /* Top Container (tag + CTA) */
27135  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__top-container {
27136    display: none;
27137    justify-content: space-between;
27138    align-items: flex-start;
27139    gap: 16px;
27140    opacity: 0;
27141    transition: opacity 0.3s ease;
27142  }
27143
27144  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-open .c-super-tab__top-container {
27145    display: flex;
27146    opacity: 1;
27147    justify-content: end;
27148  }
27149
27150  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__tag {
27151    display: flex;
27152    align-items: center;
27153    justify-content: center;
27154    gap: 10px;
27155    padding: 12px 24px;
27156    border-radius: 40px;
27157  }
27158
27159  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__tag-text {
27160    font-family: var(--body-family);
27161    font-size: 12px;
27162    color: #181E21;
27163    margin: 0;
27164  }
27165
27166  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__cta .c-cta {
27167    display: flex;
27168    padding: 12px 24px;
27169    align-items: center;
27170    gap: 8px;
27171    border-radius: 40px;
27172    border: 1px solid #E3E6E5;
27173    background: rgba(255, 255, 255, 0.21);
27174  }
27175
27176  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__cta .c-cta__text {
27177    color: #E3E6E5;
27178    font-family: Roboto;
27179    font-size: 16px;
27180  }
27181
27182  /* Content Container */
27183  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__content-wrapper {
27184    display: none;
27185    flex-direction: column;
27186    gap: 19px;
27187    opacity: 0;
27188    transition: opacity 0.3s ease;
27189  }
27190
27191  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-open .c-super-tab__content-wrapper {
27192    display: flex;
27193    opacity: 1;
27194  }
27195
27196  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__text-wrapper {
27197    display: none;
27198    flex-direction: column;
27199    gap: 7px;
27200  }
27201
27202  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__text-wrapper.is-visible {
27203    display: flex;
27204  }
27205
27206  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__text-wrapper > h3,
27207  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__title > p,
27208  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__description > p {
27209    margin: 0;
27210  }
27211
27212   #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__title > p {
27213      color: var(--Neutral-Lightest-Gray, #E3E6E5);
27214      font-family: var(--body-family) !important;
27215      font-size: 24px;
27216      font-style: normal;
27217      font-weight: 400;
27218      line-height: 120%; /* 28.8px */
27219      text-transform: uppercase;
27220    }
27221
27222    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__text-wrapper > h3 {
27223      color: var(--Neutral-Lightest-Gray, #E3E6E5);
27224      font-family: "Founders Grotesk";
27225      font-size: var(--Text-Sizes-Heading-1, 56px);
27226      font-style: normal;
27227      font-weight: 400;
27228      line-height: 120%; /* 67.2px */
27229      margin: 0;
27230    }
27231
27232     #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__description > p {
27233      color: var(--Neutral-Lightest-Gray, #E3E6E5);
27234      font-family: var(--body-family) !important;
27235      font-size: 24px;
27236      font-style: normal;
27237      font-weight: 500;
27238      line-height: 120%;
27239    }
27240
27241  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__description {
27242    font-family: var(--body-family) !important;
27243    font-size: 16px;
27244    line-height: 1.2;
27245    color: #F9F7EC;
27246    max-width: 730px;
27247  }
27248
27249  /* Review + Benefits */
27250  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__review-tag-wrapper {
27251    display: none;
27252    flex-direction: column;
27253    gap: 19px;
27254  }
27255
27256  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__review-tag-wrapper.is-visible {
27257    display: flex;
27258  }
27259
27260  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__review-wrapper {
27261    display: flex;
27262    flex-direction: column;
27263    gap: 10px;
27264    padding: 16px;
27265    background: rgba(255, 255, 255, 0.24);
27266    border-radius: 24px;
27267  }
27268
27269  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__review-text {
27270    font-size: 14px;
27271    color: #E3E6E5;
27272  }
27273
27274  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__review-author {
27275    display: flex;
27276    align-items: center;
27277    gap: 10px;
27278  }
27279
27280  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__avatar {
27281    width: 42px;
27282    height: 42px;
27283    border-radius: 50%;
27284    object-fit: cover;
27285    border: 1px solid #FFFFFF;
27286  }
27287
27288  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__author-name {
27289    font-size: 12px;
27290    text-transform: uppercase;
27291    color: #F9F7EC;
27292  }
27293
27294  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__author-extra {
27295    font-size: 10px;
27296    text-transform: uppercase;
27297    color: #F9F7EC;
27298  }
27299
27300  /* Benefit Tags */
27301  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__product-tags {
27302    display: flex;
27303    gap: 12px;
27304  }
27305
27306  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__benefit-tag {
27307    flex: 1;
27308    display: flex;
27309    flex-direction: column;
27310    align-items: center;
27311    gap: 8px;
27312    padding: 16px 12px;
27313    background: rgba(216, 164, 98, 0.46);
27314    border-radius: 8px;
27315  }
27316
27317  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__benefit-title {
27318    font-size: 14px;
27319    color: #E3E6E5;
27320  }
27321
27322  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__benefit-description {
27323    font-size: 9px;
27324    color: #E3E6E5;
27325  }
27326
27327  /* Closed State */
27328  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__closed-content {
27329    display: none;
27330    flex-direction: column;
27331    align-items: center;
27332    gap: 8px;
27333    text-align: center;
27334  }
27335
27336  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed .c-super-tab__closed-content {
27337    display: flex;
27338  }
27339
27340  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__closed-tag-title {
27341    font-size: 18px;
27342    color: #FFF;
27343  }
27344
27345  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__plus-icon {
27346    width: 54px;
27347    height: 54px;
27348  }
27349
27350
27351  /* Hide the + icon when tab is open */
27352  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-open .c-super-tab__closed-icon-wrapper {
27353    display: none !important;
27354    opacity: 0;
27355  }
27356
27357  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__closed-icon-wrapper {
27358    position: absolute;
27359    top: 24px;
27360    align-self: center;
27361  }
27362
27363  /* Ensure closed cards have consistent height and alignment */
27364  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed {
27365    align-items: stretch;
27366    justify-content: flex-end;
27367  }
27368
27369  /* Make sure all cards align vertically */
27370  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tabs__tabs-wrapper {
27371    align-items: stretch;
27372  }
27373
27374  /* --- MOBILE collapsed look --- */
27375  @media (max-width: 977px) {
27376    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__description > p {
27377      color: var(--Neutral-Lightest-Gray, #E3E6E5);
27378      font-family: "Basis Grotesque Arabic Pro";
27379      font-size: 16px;
27380      font-style: normal;
27381      font-weight: 400;
27382      line-height: 120%; /* 19.2px */
27383    }
27384
27385  #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__title > p {
27386      color: var(--Neutral-Lightest-Gray, #E3E6E5);
27387      font-family: "Basis Grotesque Arabic Pro";
27388      font-size: 16px;
27389      font-style: normal;
27390      font-weight: 400;
27391      line-height: 120%; /* 19.2px */
27392      text-transform: uppercase;
27393  }
27394
27395    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__text-wrapper> h3 {
27396      color: var(--Neutral-Lightest-Gray, #E3E6E5);
27397      font-family: "Founders Grotesk";
27398      font-size: 36px;
27399      font-style: normal;
27400      font-weight: 400;
27401      line-height: 120%; /* 43.2px */
27402      align-self: stretch;
27403    }
27404
27405    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked {
27406      min-height: 160px;
27407      transition: all 0.4s ease;
27408    }
27409
27410    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed {
27411      min-height: 90px;
27412      max-height: 90px;
27413      padding: 16px;
27414      justify-content: center;
27415      align-items: center;
27416      overflow: hidden;
27417      opacity: 0.9;
27418      transition: all 0.4s ease;
27419    }
27420
27421    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed .c-super-tab__content-wrapper,
27422    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed .c-super-tab__top-container {
27423      display: none !important;
27424      opacity: 0;
27425    }
27426
27427    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed .c-super-tab__closed-content {
27428      display: flex;
27429      flex-direction: column;
27430      justify-content: center;
27431      align-items: center;
27432      gap: 8px;
27433      position: relative;
27434      z-index: 2;
27435    }
27436
27437    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed .c-super-tab__closed-tag-title {
27438      font-size: 18px;
27439      color: #FFF;
27440    }
27441
27442    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-open {
27443      min-height: 379px;
27444      max-height: none;
27445      padding: 24px;
27446    }
27447
27448    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__closed-icon-wrapper {
27449      position: absolute;
27450      right: 24px;
27451      align-self: center;
27452      top: 0;
27453      bottom: 0;
27454    }
27455
27456    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 #super_tab_Dhyegn.c-super-collection-stacked.is-closed {
27457      background-position: center -20px;
27458    }
27459    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 #super_tab_Dhyegn.c-super-collection-stacked.is-open  {
27460      background-position: center;
27461    }
27462  }
27463
27464  /* Responsive Adjustments */
27465  @media (width >= 978px) {
27466    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked {
27467      min-height: 660px;
27468    }
27469
27470    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-open {
27471      padding: 32px;
27472      gap: 96px;
27473    }
27474
27475    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-collection-stacked.is-closed::before {
27476      content: '';
27477      position: absolute;
27478      inset: 0;
27479      background: rgba(0, 0, 0, 0.20);
27480      z-index: 1;
27481    }
27482
27483    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__text-wrapper > h3 {
27484      font-size: 56px;
27485    }
27486
27487    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__description {
27488      font-size: 18px;
27489    }
27490
27491    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__review-tag-wrapper {
27492      flex-direction: column;
27493      width: 380px;
27494    }
27495
27496    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__closed-content {
27497      justify-content: center;
27498    }
27499
27500    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 .c-super-tab__closed-tag-title {
27501      writing-mode: vertical-rl;
27502      transform: rotate(180deg);
27503    }
27504
27505    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 #super_tab_Dhyegn.c-super-collection-stacked.is-closed {
27506      background-position: -600px;
27507    }
27508    #template--19420722397381__c_super_collection_tab_stacked_cyfmH7 #super_tab_Dhyegn.c-super-collection-stacked.is-open  {
27509      background-position: center;
27510    }
27511  }
27512</style>
27513
27514<div
27515  id="super_tab_Dhyegn"
27516  class="c-super-collection-stacked is-closed"
27517  data-super-tab="super_tab_Dhyegn"
27518  data-background-position-closed="-600px"
27519  
27520    role="button"
27521    tabindex="0"
27522    aria-expanded="false"
27523    aria-controls="super_tab_Dhyegn-content"
27524  
27525
27526>
27527  <!-- Top Container -->
27528  <div class="c-super-tab__top-container">
27529    
27530    <div class="c-super-tab__cta">
27531      <style data-shopify>
27532  /* Base CTA styles */
27533  .c-cta {
27534    text-transform: capitalize;
27535    letter-spacing: unset;
27536    min-width: unset;
27537    font-family: var(--body-family) !important;
27538    display: inline-flex;
27539    align-items: center;
27540    justify-content: center;
27541    transition: all 0.3s ease;
27542    padding: 12px;
27543    text-decoration: none;
27544    cursor: pointer;
27545    border-radius: 40px;
27546  }
27547
27548  .c-cta--with-icon {
27549    gap: 8px;
27550  }
27551
27552  /* Primary style */
27553  .c-cta--primary {
27554    background-color: #F7B267;
27555    border: 1px solid #F7B267;
27556    color: var(--slate-black, #1a1b18);
27557    transition: all 0.2s ease;
27558  }
27559
27560  .c-cta--primary:hover {
27561    opacity: 0.85;
27562    transform: translateY(-2px);
27563  }
27564
27565  .c-cta--primary .c-cta__text {
27566    color: var(--slate-black, #1a1b18);
27567    font-weight: 600;
27568  }
27569
27570  /* Secondary style */
27571  .c-cta--secondary {
27572    background-color: transparent;
27573    border: 1px solid transparent;
27574    color: var(--slate-black, #1a1b18);
27575  }
27576
27577  .c-cta--secondary:hover {
27578    border-color: var(--slate-black, #1a1b18);
27579  }
27580
27581  .c-cta--secondary .c-cta__text {
27582    color: var(--slate-black, #1a1b18);
27583  }
27584
27585/*   .c-cta--secondary > svg {
27586    width: 11.75px;
27587    height: 9.731px;
27588    flex-shrink: 0;
27589  } */
27590
27591  /* Tertiary style */
27592  .c-cta--tertiary {
27593    background-color: var(--ruby-red, #c53030);
27594    border: 1px solid var(--ruby-red, #c53030);
27595    color: var(--btn-text, #f2f2f2);
27596  }
27597
27598  .c-cta--tertiary:hover {
27599    background-color: var(--btn-text, #f2f2f2);
27600    color: var(--ruby-red, #c53030);
27601    border-color: var(--ruby-red, #c53030);
27602  }
27603
27604  .c-cta--tertiary .c-cta__text {
27605    color: inherit;
27606  }
27607
27608  /* Outline style */
27609  .c-cta--outline {
27610    background-color: transparent;
27611    border: 1px solid var(--ruby-red, #c53030);
27612    color: var(--ruby-red, #c53030);
27613  }
27614
27615  .c-cta--outline:hover {
27616    background-color: var(--ruby-red, #c53030);
27617    color: var(--btn-text, #f2f2f2);
27618    border-color: var(--ruby-red, #c53030);
27619  }
27620
27621  .c-cta--outline .c-cta__text {
27622    color: inherit;
27623  }
27624
27625  /* Size variations */
27626  .c-cta--small {
27627    padding: 8px 16px;
27628    font-size: 14px;
27629  }
27630
27631  .c-cta--medium {
27632    padding: 12px 24px;
27633    font-size: 16px;
27634  }
27635
27636  .c-cta--large,
27637  .c-cta--big {
27638    padding: 16px 32px;
27639    font-size: 18px;
27640  }
27641
27642  /* Text styles */
27643  .c-cta__text {
27644    font-size: inherit;
27645    line-height: 1.5;
27646    font-family: var(--body-family) !important;
27647  }
27648
27649  /* Tablet and up */
27650  @media (width >= 768px) {
27651    .c-cta {
27652      gap: 8px;
27653    }
27654
27655    .c-cta--small {
27656      padding: 8px 20px;
27657    }
27658
27659    .c-cta--medium {
27660      padding: 12px 24px;
27661    }
27662
27663    .c-cta--large,
27664    .c-cta--big {
27665      padding: 16px 36px;
27666    }
27667  }
27668</style>
27669<a
27670  href="/products/apollo-wearable"
27671  class="c-cta c-cta--quaternary c-cta--medium "
27672  
27673  
27674  aria-label="Explore Wearable"
27675  
27676><span class="c-cta__text">Explore Wearable</span></a>
27677    </div>
27678  </div>
27679
27680  <!-- Open State Content -->
27681  <div
27682    class="c-super-tab__content-wrapper"
27683    id="super_tab_Dhyegn-content"
27684  >
27685    <div class="c-super-tab__text-wrapper ">
27686      
27687        <h3 class="c-super-tab__title"><p>The Apollo Clip</p><h3>Using The Apollo Clip</h3></h3>
27688      
27689      
27690        <div class="c-super-tab__description"><p>The <strong>Apollo Clip</strong> lets you wear your Pod anywhere — on your waistband, shirt, or bra. It’s a flexible way to experience <strong>SmartVibes®</strong> discreetly, whether you’re at work, on the go, or winding down for the night.</p></div>
27691      
27692    </div>
27693
27694    <div class="c-super-tab__review-tag-wrapper ">
27695      
27696
27697      
27698    </div>
27699  </div>
27700
27701  <!-- Closed State -->
27702  <div class="c-super-tab__closed-content">
27703    
27704  </div>
27705
27706  <!-- Floating SVG Icon -->
27707  
27708    <div class="c-super-tab__closed-icon-wrapper">
27709      <svg
27710        xmlns="http://www.w3.org/2000/svg"
27711        width="44"
27712        height="44"
27713        viewBox="0 0 44 44"
27714        fill="none"
27715      >
27716        <path d="M21.5156 0C17.2602 0 13.1004 1.26187 9.56219 3.62604C6.02397 5.9902 3.26626 9.35049 1.63779 13.282C0.00932202 17.2134 -0.416759 21.5395 0.413426 25.7131C1.24361 29.8867 3.29278 33.7205 6.30179 36.7295C9.3108 39.7385 13.1445 41.7876 17.3181 42.6178C21.4918 43.448 25.8178 43.0219 29.7493 41.3935C33.6808 39.765 37.0411 37.0073 39.4052 33.4691C41.7694 29.9308 43.0313 25.771 43.0313 21.5156C43.0246 15.8114 40.7556 10.3427 36.7221 6.30918C32.6886 2.27567 27.2199 0.00669906 21.5156 0ZM21.5156 40.5C17.7609 40.5 14.0904 39.3866 10.9685 37.3006C7.84652 35.2145 5.41324 32.2496 3.97636 28.7806C2.53948 25.3117 2.16352 21.4946 2.89604 17.812C3.62856 14.1293 5.43664 10.7467 8.09165 8.09164C10.7467 5.43663 14.1294 3.62855 17.812 2.89603C21.4946 2.16351 25.3117 2.53947 28.7806 3.97635C32.2496 5.41323 35.2145 7.84651 37.3006 10.9685C39.3866 14.0904 40.5 17.7609 40.5 21.5156C40.4944 26.5489 38.4925 31.3744 34.9334 34.9334C31.3744 38.4925 26.5489 40.4944 21.5156 40.5ZM31.2188 21.5156C31.2188 21.8513 31.0854 22.1732 30.8481 22.4106C30.6107 22.6479 30.2888 22.7812 29.9531 22.7812H22.7813V29.9531C22.7813 30.2888 22.6479 30.6107 22.4106 30.8481C22.1732 31.0854 21.8513 31.2187 21.5156 31.2187C21.18 31.2187 20.8581 31.0854 20.6207 30.8481C20.3834 30.6107 20.25 30.2888 20.25 29.9531V22.7812H13.0781C12.7425 22.7812 12.4206 22.6479 12.1832 22.4106C11.9459 22.1732 11.8125 21.8513 11.8125 21.5156C11.8125 21.18 11.9459 20.858 12.1832 20.6207C12.4206 20.3833 12.7425 20.25 13.0781 20.25H20.25V13.0781C20.25 12.7425 20.3834 12.4205 20.6207 12.1832C20.8581 11.9458 21.18 11.8125 21.5156 11.8125C21.8513 11.8125 22.1732 11.9458 22.4106 12.1832C22.6479 12.4205 22.7813 12.7425 22.7813 13.0781V20.25H29.9531C30.2888 20.25 30.6107 20.3833 30.8481 20.6207C31.0854 20.858 31.2188 21.18 31.2188 21.5156Z" fill="#E3E6E5"/>
27717      </svg>
27718    </div>
27719  
27720</div>
27721
27722    
27723  </div>
27724
27725  <!-- Navigation (hidden on mobile) -->
27726  <div
27727    class="c-super-tabs__navigation"
27728    data-nav-container="template--19420722397381__c_super_collection_tab_stacked_cyfmH7"
27729  >
27730    <button
27731      class="c-super-tabs__nav-button prev"
27732      aria-label="Previous tab"
27733      data-prev-tab="template--19420722397381__c_super_collection_tab_stacked_cyfmH7"
27734    >
27735      <svg
27736        xmlns="http://www.w3.org/2000/svg"
27737        width="17"
27738        height="12"
27739        viewBox="0 0 17 12"
27740        fill="none"
27741      >
27742        <path d="M15.75 4.77295C16.1642 4.77295 16.5 5.10874 16.5 5.52295C16.5 5.93716 16.1642 6.27295 15.75 6.27295V5.52295V4.77295ZM0.219669 6.05328C-0.0732241 5.76039 -0.0732241 5.28551 0.219669 4.99262L4.99264 0.219648C5.28553 -0.073245 5.76041 -0.073245 6.0533 0.219648C6.34619 0.512542 6.34619 0.987415 6.0533 1.28031L1.81066 5.52295L6.0533 9.76559C6.34619 10.0585 6.34619 10.5334 6.0533 10.8263C5.76041 11.1191 5.28553 11.1191 4.99264 10.8263L0.219669 6.05328ZM15.75 5.52295V6.27295H0.749999V5.52295V4.77295H15.75V5.52295Z" fill="#606664"/>
27743      </svg>
27744    </button>
27745
27746    <button
27747      class="c-super-tabs__nav-button next"
27748      aria-label="Next tab"
27749      data-next-tab="template--19420722397381__c_super_collection_tab_stacked_cyfmH7"
27750    >
27751      <svg
27752        xmlns="http://www.w3.org/2000/svg"
27753        width="17"
27754        height="12"
27755        viewBox="0 0 17 12"
27756        fill="none"
27757      >
27758        <path d="M0.75 4.77295C0.335786 4.77295 0 5.10874 0 5.52295C0 5.93716 0.335786 6.27295 0.75 6.27295V5.52295V4.77295ZM16.2803 6.05328C16.5732 5.76039 16.5732 5.28551 16.2803 4.99262L11.5074 0.219648C11.2145 -0.073245 10.7396 -0.073245 10.4467 0.219648C10.1538 0.512542 10.1538 0.987415 10.4467 1.28031L14.6893 5.52295L10.4467 9.76559C10.1538 10.0585 10.1538 10.5334 10.4467 10.8263C10.7396 11.1191 11.2145 11.1191 11.5074 10.8263L16.2803 6.05328ZM0.75 5.52295V6.27295H15.75V5.52295V4.77295H0.75V5.52295Z" fill="#E3E6E5"/>
27759      </svg>
27760    </button>
27761  </div>
27762  </div> <!-- /.c-section__inner -->
27763</section>
27764
27765<script>
27766  (function () {
27767    const sectionId = 'template--19420722397381__c_super_collection_tab_stacked_cyfmH7';
27768
27769    function initStackedTabs() {
27770      const container = document.querySelector(`[data-tabs-container="${sectionId}"]`);
27771      if (!container) return;
27772      const tabs = Array.from(container.querySelectorAll('[data-super-tab]'));
27773      let currentIndex = tabs.findIndex((tab) => tab.classList.contains('is-open'));
27774      if (currentIndex === -1) currentIndex = 0;
27775
27776      // Ensure first tab shows content immediately
27777      const initialTab = tabs[currentIndex];
27778      if (initialTab) {
27779        const tw = initialTab.querySelector('.c-super-tab__text-wrapper');
27780        const rw = initialTab.querySelector('.c-super-tab__review-tag-wrapper');
27781        if (tw) tw.classList.add('is-visible');
27782        if (rw) rw.classList.add('is-visible');
27783      }
27784
27785      // Function to open a tab
27786      function openTab(index) {
27787        const isDesktop = window.matchMedia('(min-width: 978px)').matches;
27788
27789        tabs.forEach((tab, i) => {
27790          const textWrapper = tab.querySelector('.c-super-tab__text-wrapper');
27791          const reviewWrapper = tab.querySelector('.c-super-tab__review-tag-wrapper');
27792          const isActive = i === index;
27793
27794          if (isActive) {
27795            tab.classList.add('is-open');
27796            tab.classList.remove('is-closed');
27797            tab.setAttribute('aria-expanded', 'true');
27798            //tab.style.backgroundPosition = 'center';
27799
27800            // Hide content while transition runs
27801            if (textWrapper) textWrapper.classList.remove('is-visible');
27802            if (reviewWrapper) reviewWrapper.classList.remove('is-visible');
27803
27804            // Show content after transition
27805            const reveal = () => {
27806              if (textWrapper) textWrapper.classList.add('is-visible');
27807              if (reviewWrapper) reviewWrapper.classList.add('is-visible');
27808              tab.removeEventListener('transitionend', reveal);
27809            };
27810            tab.addEventListener('transitionend', reveal);
27811
27812            // Fallback for mobile (no transitionend on max-height)
27813            if (!isDesktop) {
27814              setTimeout(() => {
27815                if (textWrapper && !textWrapper.classList.contains('is-visible'))
27816                  textWrapper.classList.add('is-visible');
27817                if (reviewWrapper && !reviewWrapper.classList.contains('is-visible'))
27818                  reviewWrapper.classList.add('is-visible');
27819              }, 500);
27820            }
27821          } else {
27822            tab.classList.remove('is-open');
27823            tab.classList.add('is-closed');
27824            //tab.style.backgroundPosition = tab.getAttribute('data-background-position-closed') || '-300px';
27825            tab.setAttribute('aria-expanded', 'false');
27826            if (textWrapper) textWrapper.classList.remove('is-visible');
27827            if (reviewWrapper) reviewWrapper.classList.remove('is-visible');
27828
27829            /* if(!isDesktop) {
27830              tab.style.backgroundPosition = "center";
27831            } */
27832          }
27833        });
27834
27835        currentIndex = index;
27836      }
27837
27838      // Click handler for cards
27839      tabs.forEach((tab, index) => {
27840        tab.addEventListener('click', () => {
27841          if (tab.classList.contains('is-closed')) openTab(index);
27842        });
27843        tab.addEventListener('keydown', (e) => {
27844          if (e.key === 'Enter' || e.key === ' ') {
27845            e.preventDefault();
27846            if (tab.classList.contains('is-closed')) openTab(index);
27847          }
27848        });
27849      });
27850
27851      // Navigation buttons (no scrollIntoView!)
27852      const prevBtn = document.querySelector(`[data-prev-tab="${sectionId}"]`);
27853      const nextBtn = document.querySelector(`[data-next-tab="${sectionId}"]`);
27854
27855      if (prevBtn && nextBtn) {
27856        prevBtn.addEventListener('click', (e) => {
27857          e.preventDefault(); // prevent focus scroll
27858          const newIndex = (currentIndex - 1 + tabs.length) % tabs.length;
27859          openTab(newIndex);
27860        });
27861
27862        nextBtn.addEventListener('click', (e) => {
27863          e.preventDefault();
27864          const newIndex = (currentIndex + 1) % tabs.length;
27865          openTab(newIndex);
27866        });
27867      }
27868    }
27869
27870    if (document.readyState === 'loading') {
27871      document.addEventListener('DOMContentLoaded', initStackedTabs);
27872    } else {
27873      initStackedTabs();
27874    }
27875  })();
27876</script>
27876
27877
27878
27879</section><div id="shopify-section-template--19420722397381__c_logos_WpFqRN" class="shopify-section"><style>
27880      #template--19420722397381__c_logos_WpFqRN {width: 100%;
27881        overflow: hidden;
27882        font-size: 16px;
27883        padding-top: 0em;
27884        padding-bottom: 0em;
27885        background-color: #bfaee3;
27886
27887        & .c-logos__container {
27888          display: flex;
27889          flex-direction: column;
27890          width: 100%;
27891          margin: 0 auto;
27892          padding: 0 0 0 32px;
27893          gap: 2rem;
27894        }
27895
27896        @media (max-width: 768px) {
27897          padding-top: 0.0em;
27898          padding-bottom: 0.0em;
27899        }
27900
27901        & * {
27902          color: #000000;
27903          font-weight: normal;
27904        }
27905
27906        & .container__marquee {
27907          display: flex;
27908        }
27909
27910        & .container__marquee__left {
27911          display: flex;
27912        }
27913
27914        & .container__middle {
27915          width: max-content;
27916          flex: 0 0 auto;
27917        }
27918
27919      }
27920
27921      #template--19420722397381__c_logos_WpFqRN .c-section-top {
27922        align-items: center;
27923        text-align: center;
27924        margin-bottom: 1.5em;
27925        margin-left: 0;
27926        margin-right: 0;
27927      }
27928
27929      #template--19420722397381__c_logos_WpFqRN .c-l-stars-div {
27930        display: flex;
27931        justify-content: center;
27932        align-items: center;
27933        gap: 0.2em;
27934      }
27935
27936      #template--19420722397381__c_logos_WpFqRN .c-l-wrapper {
27937        display: flex;
27938        overflow: hidden;
27939        position: relative;
27940        user-select: none;
27941        --gap: 4em;
27942        gap: var(--gap);
27943        padding-top: 0em;
27944        padding-bottom: 0em;
27945      }
27946
27947      #template--19420722397381__c_logos_WpFqRN .c-l-marquee-content {
27948        flex-shrink: 0;
27949        display: flex;
27950        justify-content: space-around;
27951        min-width: 100%;
27952        gap: var(--gap);
27953        animation: template--19420722397381__c_logos_WpFqRN-scroll 60s linear infinite;
27954        will-change: transform;
27955      }
27956
27957      #template--19420722397381__c_logos_WpFqRN .c-l-image-div {
27958        display: flex;
27959        justify-content: center;
27960        align-items: center;
27961        font-weight: 600;
27962        gap: 0.5em;
27963        filter:  ;
27964      }
27965
27966      #template--19420722397381__c_logos_WpFqRN .c-l-image {
27967        max-width: 100%;
27968        object-fit: contain;
27969        display: block;
27970      }
27971
27972      #template--19420722397381__c_logos_WpFqRN .c-l-middle {
27973        display: flex;
27974        justify-content: center;
27975        flex-direction: column;
27976        gap: 0.75em;
27977        width: 10em;
27978        height: 100%;
27979        transform: translateX(-50%);
27980        background-color: #ffffff;
27981      }
27982
27983      #template--19420722397381__c_logos_WpFqRN .c-l-middle svg {
27984        width: 15px;
27985        color: #000000;
27986      }
27987
27988      #template--19420722397381__c_logos_WpFqRN .c-l-middle p {
27989        color: #000000;
27990        font-size: clamp(18px, 4vw, 20px);
27991        font-weight: 500;
27992        font-family: var(--body-family) !important;
27993        margin: 0;
27994      }
27995
27996      #template--19420722397381__c_logos_WpFqRN .container-text {
27997        display: flex;
27998        flex-direction: column;
27999      }
28000
28001      #template--19420722397381__c_logos_WpFqRN .container-text p {
28002        font-family: var(--body-family) !important;
28003        font-size: 20px;
28004        margin: 8px 0;
28005      }
28006
28007      #template--19420722397381__c_logos_WpFqRN .block-heading {
28008        margin: 0;
28009        font-size: 24px;
28010      }
28011
28012      #template--19420722397381__c_logos_WpFqRN .block-para {
28013        margin: 0;
28014        font-size: 16px;
28015      }
28016
28017      @keyframes template--19420722397381__c_logos_WpFqRN-scroll {
28018        from { transform: translateX(0); }
28019        to { transform: translateX(-100%); }
28020      }
28021
28022      
28023
28024
28025    #template--19420722397381__c_logos_WpFqRN .container__marquee{
28026      display:flex;
28027      align-items:center;
28028      gap: var(--gap);
28029    }
28030
28031    #template--19420722397381__c_logos_WpFqRN .c-l-middle{
28032
28033      transform: none;
28034      width: 100%;
28035      flex: 0 0 auto;
28036    }
28037
28038    #template--19420722397381__c_logos_WpFqRN .container__marquee__left{
28039      display:flex;
28040      flex: 1 1 auto;
28041      min-width: 0;
28042      overflow: hidden;
28043      gap: var(--gap);
28044    }
28045
28046    #template--19420722397381__c_logos_WpFqRN .c-l-marquee-content{
28047      flex-shrink: 0;
28048      display:flex;
28049      min-width:100%;
28050      gap: var(--gap);
28051      will-change: transform;
28052    }
28053
28054
28055  #template--19420722397381__c_logos_WpFqRN .container__marquee__left{
28056    position: relative;
28057    overflow: hidden;
28058  }
28059
28060
28061  #template--19420722397381__c_logos_WpFqRN .container__marquee__left::before,
28062  #template--19420722397381__c_logos_WpFqRN .container__marquee__left::after{
28063    content: "";
28064    position: absolute;
28065    top: 0;
28066    bottom: 0;
28067    width: clamp(24px, 6vw, 60px);
28068    pointer-events: none;
28069    z-index: 2;
28070  }
28071
28072
28073  #template--19420722397381__c_logos_WpFqRN .container__marquee__left::before{
28074    left: 0;
28075    background: linear-gradient(
28076      to right,
28077      #bfaee3 0%,
28078      transparent 100%
28079    );
28080  }
28081
28082
28083  #template--19420722397381__c_logos_WpFqRN .container__marquee__left::after{
28084    right: 0;
28085    background: linear-gradient(
28086      to left,
28087      #bfaee3 0%,
28088      transparent 100%
28089    );
28090  }
28091
28092
28093
28094
28095      @media (max-width: 1200px) {
28096      #template--19420722397381__c_logos_WpFqRN {
28097        & .container__marquee {
28098          gap: 1em;
28099        }
28100        & .c-l-marquee-content {
28101          gap: 5rem;}
28102
28103        & .container__middle {
28104          flex: 0 0 auto;
28105          width: max-content;
28106          * {
28107            width: max-content;
28108          }
28109        }
28110        & .container__middle {
28111          gap: 0 !important;
28112        }
28113        & .c-l-wrapper {
28114         gap: 0 !important;
28115        }
28116      }
28117
28118        #template--19420722397381__c_logos_WpFqRN .c-l-middle {
28119          gap: 0.4em;
28120        }
28121      }
28122
28123  @media (max-width: 768px){
28124    #template--19420722397381__c_logos_WpFqRN .container__marquee__left::before,
28125    #template--19420722397381__c_logos_WpFqRN .container__marquee__left::after{
28126      width: clamp(16px, 8vw, 40px);
28127    }
28128    #template--19420722397381__c_logos_WpFqRN .container-text p {
28129      font-size: 13px;
28130    }
28131
28132  }
28133
28134  @media (max-width: 1024px){
28135     #template--19420722397381__c_logos_WpFqRN .container__marquee__left {
28136      gap: 5rem;
28137    }
28138  }
28139
28140  @media (min-width: 768px){
28141    #template--19420722397381__c_logos_WpFqRN .c-l-wrapper {
28142        --gap: 6em;
28143    }
28144  }
28145</style>
28146
28147<section
28148  id="template--19420722397381__c_logos_WpFqRN"
28149  class="c-section"
28150>
28151  <div class="c-section__inner">
28152  <div class="c-logos__container">
28153    
28154    <div class="c-l-wrapper">
28155      <div class="container__marquee">
28156        
28157        <div class="container__marquee__left">
28158          
28159            <div
28160              class="c-l-marquee-content"
28161              
28162            >
28163              
28164                
28165                <div
28166                  class="c-l-image-div"
28167                  
28168                >
28169                  
28170                  
28171                    <div class="container-text">
28172                      <h5 class="block-heading"></h5>
28173                      <p>Trusted by 150,000+ happy customers</p>
28174                    </div>
28175                  
28176                </div>
28177              
28178                
28179                <div
28180                  class="c-l-image-div"
28181                  
28182                >
28183                  
28184                  
28185                    <div class="container-text">
28186                      <h5 class="block-heading"></h5>
28187                      <p>Trusted by 150,000+ happy customers</p>
28188                    </div>
28189                  
28190                </div>
28191              
28192                
28193                <div
28194                  class="c-l-image-div"
28195                  
28196                >
28197                  
28198                  
28199                    <div class="container-text">
28200                      <h5 class="block-heading"></h5>
28201                      <p>Trusted by 150,000+ happy customers</p>
28202                    </div>
28203                  
28204                </div>
28205              
28206                
28207                <div
28208                  class="c-l-image-div"
28209                  
28210                >
28211                  
28212                  
28213                    <div class="container-text">
28214                      <h5 class="block-heading"></h5>
28215                      <p>Trusted by 150,000+ happy customers</p>
28216                    </div>
28217                  
28218                </div>
28219              
28220            </div>
28221          
28222            <div
28223              class="c-l-marquee-content"
28224              
28225                aria-hidden="true"
28226              
28227            >
28228              
28229                
28230                <div
28231                  class="c-l-image-div"
28232                  
28233                >
28234                  
28235                  
28236                    <div class="container-text">
28237                      <h5 class="block-heading"></h5>
28238                      <p>Trusted by 150,000+ happy customers</p>
28239                    </div>
28240                  
28241                </div>
28242              
28243                
28244                <div
28245                  class="c-l-image-div"
28246                  
28247                >
28248                  
28249                  
28250                    <div class="container-text">
28251                      <h5 class="block-heading"></h5>
28252                      <p>Trusted by 150,000+ happy customers</p>
28253                    </div>
28254                  
28255                </div>
28256              
28257                
28258                <div
28259                  class="c-l-image-div"
28260                  
28261                >
28262                  
28263                  
28264                    <div class="container-text">
28265                      <h5 class="block-heading"></h5>
28266                      <p>Trusted by 150,000+ happy customers</p>
28267                    </div>
28268                  
28269                </div>
28270              
28271                
28272                <div
28273                  class="c-l-image-div"
28274                  
28275                >
28276                  
28277                  
28278                    <div class="container-text">
28279                      <h5 class="block-heading"></h5>
28280                      <p>Trusted by 150,000+ happy customers</p>
28281                    </div>
28282                  
28283                </div>
28284              
28285            </div>
28286          
28287        </div>
28288      </div>
28289    </div>
28290  </div>
28291  </div> <!-- /.c-section__inner -->
28292</section>
28293
28294
28295</div><div id="shopify-section-template--19420722397381__c_images_switch_9dyRhB" class="shopify-section">
28296
28297<style data-shopify>
28298  /* IMPORTANT: Always use these exact media query breakpoints */
28299  /* Mobile first (without media query) */
28300
28301  #template--19420722397381__c_images_switch_9dyRhB {
28302    background-color: transparent;
28303    padding: 20px 0;
28304  }
28305
28306  #template--19420722397381__c_images_switch_9dyRhB .c-images-switch {
28307    /* max-width: 1440px; */
28308    margin: 0 auto;
28309  }
28310
28311  #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__container {
28312    background: linear-gradient(
28313      var(--gradient-direction, 90deg),
28314      var(--gradient-from, #181e21),
28315      var(--gradient-to, #627b87)
28316    );
28317    border-radius: 10px;
28318    padding: 40px 20px;
28319    display: flex;
28320    flex-direction: column;
28321    gap: 32px;
28322    align-items: center;
28323    overflow: hidden;
28324    transition: background 0.5s ease-in-out;
28325  }
28326
28327  /* Product Image Section */
28328  #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__product-image {
28329    width: 100%;
28330    aspect-ratio: 335 / 275;
28331    border-radius: 24px;
28332    background: rgba(255, 255, 255, 0.05);
28333    display: flex;
28334    align-items: center;
28335    justify-content: center;
28336    position: relative;
28337    overflow: hidden;
28338  }
28339
28340  /* C-CTA*/
28341  #template--19420722397381__c_images_switch_9dyRhB .c-cta {
28342    padding: 12px 24px;
28343    background-color: #BFAEE3;
28344    color: #181e21;
28345    border-radius: 40px;
28346    font-size: 16px;
28347    font-weight: 500;
28348    text-decoration: none;
28349    font-family: var(--body-family) !important;
28350    transition: background-color 0.3s ease;
28351    line-height: 1.5;
28352  }
28353
28354  #template--19420722397381__c_images_switch_9dyRhB .c-cta:hover {
28355    background-color: #A68DD8;
28356  }
28357
28358  #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__product-image img {
28359    width: 100%;
28360    height: 100%;
28361    object-fit: cover;
28362    display: none;
28363    transition: opacity 0.5s ease-in-out;
28364    opacity: 0;
28365  }
28366
28367  #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__product-image img.active {
28368    display: block;
28369    opacity: 1;
28370  }
28371
28372  /* Right Content Section */
28373  #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__content {
28374    width: 100%;
28375    display: flex;
28376    flex-direction: column;
28377    gap: 12px;
28378    align-items: flex-start;
28379  }
28380
28381  /* Subtitle */
28382  #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__subtitle,
28383  #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__subtitle p,
28384  #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__subtitle h1,
28385  #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__subtitle h2,
28386  #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__subtitle h3,
28387  #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__subtitle h4,
28388  #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__subtitle h5,
28389  #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__subtitle h6 {
28390    font-family: 'Founders Grotesk', sans-serif;
28391    font-size: 20px;
28392    font-weight: 400;
28393    line-height: 1.2;
28394    color: #FFFFFF;
28395    margin: 0;
28396  }
28397
28398  /* Main Title */
28399  #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title,
28400  #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title p,
28401  #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title h1,
28402  #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title h2,
28403  #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title h3,
28404  #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title h4,
28405  #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title h5,
28406  #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title h6 {
28407    font-family: 'Founders Grotesk', sans-serif;
28408    font-size: 40px;
28409    font-weight: 400;
28410    line-height: 1.2;
28411    color: #FFFFFF;
28412    margin: 0;
28413  }
28414
28415  /* Color Label Section */
28416  #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__color-label {
28417    display: flex;
28418    align-items: center;
28419    gap: 4px;
28420    width: 100%;
28421  }
28422
28423  #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__color-label-text {
28424    font-family: var(--body-family) !important;
28425    font-size: 20px;
28426    font-weight: 700;
28427    line-height: 1.1;
28428    color: #FFFFFF;
28429    margin: 0;
28430    display: inline;
28431  }
28432
28433  #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__color-name {
28434    font-family: var(--body-family) !important;
28435    font-size: 20px;
28436    font-weight: 300;
28437    line-height: 1.1;
28438    color: #FFFFFF;
28439    margin: 0;
28440    display: inline;
28441  }
28442
28443  /* Swatches Container */
28444  #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__swatches {
28445    display: flex;
28446    flex-direction: row;
28447    gap: 12px;
28448    padding: 12px;
28449    border-radius: 138px;
28450    width: fit-content;
28451    flex-wrap: wrap;
28452    align-items: center;
28453    background: rgba(255, 255, 255, 0.1);
28454  }
28455
28456  /* Individual Swatch */
28457  #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__swatch {
28458    width: 58px;
28459    height: 58px;
28460    border-radius: 50%;
28461    cursor: pointer;
28462    position: relative;
28463    overflow: hidden;
28464    transition: all 0.3s ease;
28465    display: flex;
28466    align-items: center;
28467    justify-content: center;
28468    flex-shrink: 0;
28469    padding: 0 !important;
28470    border: 0;
28471    background: transparent;
28472  }
28473
28474  #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__swatch img {
28475    width: 100%;
28476    height: 100%;
28477    object-fit: contain;
28478  }
28479
28480  #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__swatch:hover {
28481    transform: scale(1.08);
28482  }
28483
28484  /* Tablet: @media (width >= 768px) {} */
28485  @media (width >= 768px) {
28486    #template--19420722397381__c_images_switch_9dyRhB {
28487      padding: 20px 0;
28488    }
28489
28490    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__container {
28491      padding: 40px;
28492      border-radius: 20px;
28493      flex-direction: column;
28494      gap: 40px;
28495    }
28496
28497    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__product-image {
28498      aspect-ratio: 596 / 531;
28499    }
28500
28501    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__subtitle {
28502      font-size: 24px;
28503    }
28504
28505    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title,
28506    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title p,
28507    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title h1,
28508    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title h2,
28509    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title h3,
28510    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title h4,
28511    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title h5,
28512    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title h6 {
28513      font-size: 56px;
28514    }
28515
28516    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__color-label-text,
28517    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__color-name {
28518      font-size: 24px;
28519    }
28520
28521    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__swatch {
28522      width: 56px;
28523      height: 56px;
28524    }
28525
28526    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__swatches {
28527      padding: 16px;
28528      gap: 16px;
28529    }
28530  }
28531
28532  /* Laptop: @media (width >= 978px) {} */
28533  @media (width >= 978px) {
28534    #template--19420722397381__c_images_switch_9dyRhB {
28535      padding: 48px 0;
28536    }
28537
28538    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__container {
28539      flex-direction: row;
28540      align-items: center;
28541      justify-content: space-between;
28542      gap: 64px;
28543    }
28544
28545    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__product-image {
28546      flex: 0 0 auto;
28547      width: 50%;
28548      aspect-ratio: auto;
28549    }
28550
28551    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__content {
28552      flex: 1;
28553      width: auto;
28554    }
28555
28556    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title,
28557    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title p,
28558    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title h1,
28559    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title h2,
28560    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title h3,
28561    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title h4,
28562    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title h5,
28563    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title h6 {
28564      font-size: 68px;
28565    }
28566  }
28567
28568  /* Desktop: @media (width >= 1200px) {} */
28569  @media (width >= 1200px) {
28570    #template--19420722397381__c_images_switch_9dyRhB {
28571      padding: 64px 0;
28572    }
28573
28574    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__container {
28575      padding: 64px;
28576      border-radius: 20px;
28577    }
28578
28579    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title,
28580    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title p,
28581    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title h1,
28582    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title h2,
28583    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title h3,
28584    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title h4,
28585    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title h5,
28586    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__title h6 {
28587      font-size: 80px;
28588    }
28589  }
28590
28591  /* TV: @media (width >= 1980px) {} */
28592  @media (width >= 1980px) {
28593    #template--19420722397381__c_images_switch_9dyRhB {
28594      padding: 64px 0;
28595    }
28596
28597    #template--19420722397381__c_images_switch_9dyRhB .c-images-switch__container {
28598      padding: 80px;
28599    }
28600  }
28601</style>
28602
28603<section
28604  id="template--19420722397381__c_images_switch_9dyRhB"
28605  class="c-section"
28606>
28607  <div class="c-section__inner">
28608  <div class="c-images-switch">
28609    <div class="c-images-switch__container">
28610      <!-- Left: Product Image -->
28611      <div class="c-images-switch__product-image">
28612        
28613          
28614            
28615            
28616            <img src="//apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&amp;width=1200" alt="Stealth" srcset="//apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&amp;width=352 352w, //apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&amp;width=832 832w, //apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&amp;width=1200 1200w" width="1200" height="1069" loading="eager" class="active" data-switch="0">
28617          
28618        
28619          
28620            
28621            
28622            <img src="//apolloneuro.com/cdn/shop/files/switch-twilight.png?v=1776362593&amp;width=1200" alt="Twilight" srcset="//apolloneuro.com/cdn/shop/files/switch-twilight.png?v=1776362593&amp;width=352 352w, //apolloneuro.com/cdn/shop/files/switch-twilight.png?v=1776362593&amp;width=832 832w, //apolloneuro.com/cdn/shop/files/switch-twilight.png?v=1776362593&amp;width=1200 1200w" width="1200" height="1069" loading="eager" class="" data-switch="1">
28623          
28624        
28625          
28626            
28627            
28628            <img src="//apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&amp;width=1200" alt="Glacier" srcset="//apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&amp;width=352 352w, //apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&amp;width=832 832w, //apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&amp;width=1200 1200w" width="1200" height="1069" loading="eager" class="" data-switch="2">
28629          
28630        
28631          
28632            
28633            
28634            <img src="//apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&amp;width=1200" alt="Rose" srcset="//apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&amp;width=352 352w, //apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&amp;width=832 832w, //apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&amp;width=1200 1200w" width="1200" height="1069" loading="eager" class="" data-switch="3">
28635          
28636        
28637      </div>
28638
28639      <!-- Right: Content & Swatches -->
28640      <div class="c-images-switch__content">
28641        
28642          <div
28643            class="c-images-switch__subtitle"
28644            data-text-color
28645          >
28646            Minimal Look. Maximum Balance.
28647          </div>
28648        
28649
28650        
28651          <div
28652            class="c-images-switch__title"
28653            data-text-color
28654          >
28655            <h2>Find your<br/>perfect color.</h2>
28656          </div>
28657        
28658
28659        
28660          <!-- Color Label -->
28661          <div class="c-images-switch__color-label">
28662            <span
28663              class="c-images-switch__color-label-text"
28664              data-text-color
28665            >Color:</span
28666            >
28667            <span
28668              class="c-images-switch__color-name"
28669              data-color-name
28670              data-text-color
28671            >
28672              Stealth
28673            </span>
28674          </div>
28675
28676          <!-- Swatches -->
28677          <div class="c-images-switch__swatches">
28678            
28679              <button
28680                class="c-images-switch__swatch active"
28681                data-switch="0"
28682                data-color-name="Stealth"
28683                data-gradient-from="#181e21"
28684                data-gradient-to="#627b87"
28685                data-gradient-direction="to left"
28686                data-text-color="#ffffff"
28687                aria-label="Select Stealth color"
28688                
28689              >
28690                
28691                  <img src="//apolloneuro.com/cdn/shop/files/stealth.png?v=1750182530&amp;width=200" alt="Stealth" srcset="//apolloneuro.com/cdn/shop/files/stealth.png?v=1750182530&amp;width=200 200w" width="200" height="200" loading="eager">
28692                
28693              </button>
28694            
28695              <button
28696                class="c-images-switch__swatch"
28697                data-switch="1"
28698                data-color-name="Twilight"
28699                data-gradient-from="#242424"
28700                data-gradient-to="#d5ac98"
28701                data-gradient-direction="to left"
28702                data-text-color="#ffffff"
28703                aria-label="Select Twilight color"
28704                
28705              >
28706                
28707                  <img src="//apolloneuro.com/cdn/shop/files/twilight.png?v=1750182704&amp;width=200" alt="Twilight" srcset="//apolloneuro.com/cdn/shop/files/twilight.png?v=1750182704&amp;width=200 200w" width="200" height="200" loading="eager">
28708                
28709              </button>
28710            
28711              <button
28712                class="c-images-switch__swatch"
28713                data-switch="2"
28714                data-color-name="Glacier"
28715                data-gradient-from="#949da1"
28716                data-gradient-to="#e7e8e9"
28717                data-gradient-direction="to left"
28718                data-text-color="#ffffff"
28719                aria-label="Select Glacier color"
28720                
28721              >
28722                
28723                  <img src="//apolloneuro.com/cdn/shop/files/glacier.png?v=1750182246&amp;width=200" alt="Glacier" srcset="//apolloneuro.com/cdn/shop/files/glacier.png?v=1750182246&amp;width=200 200w" width="200" height="205" loading="eager">
28724                
28725              </button>
28726            
28727              <button
28728                class="c-images-switch__swatch"
28729                data-switch="3"
28730                data-color-name="Rose"
28731                data-gradient-from="#d1a894"
28732                data-gradient-to="#fefefe"
28733                data-gradient-direction="to left"
28734                data-text-color="#181e21"
28735                aria-label="Select Rose color"
28736                
28737              >
28738                
28739                  <img src="//apolloneuro.com/cdn/shop/files/rose.png?v=1750182728&amp;width=200" alt="Rose" srcset="//apolloneuro.com/cdn/shop/files/rose.png?v=1750182728&amp;width=200 200w" width="200" height="200" loading="eager">
28740                
28741              </button>
28742            
28743          </div>
28744          
28745            <a
28746              class="c-cta"
28747              href="/products/apollo-wearable-1-year-ai-membership-starter-kit"
28748            >Shop Apollo Wearable</a>
28749          
28750        
28751      </div>
28752    </div>
28753  </div>
28754  </div> <!-- /.c-section__inner -->
28755</section>
28756
28757<script>
28758  document.addEventListener('DOMContentLoaded', function () {
28759    const section = document.getElementById('template--19420722397381__c_images_switch_9dyRhB');
28760    if (!section) return;
28761
28762    const swatches = section.querySelectorAll('[data-switch]');
28763    const productImages = section.querySelectorAll('.c-images-switch__product-image img');
28764    const colorNameElement = section.querySelector('[data-color-name]');
28765    const container = section.querySelector('.c-images-switch__container');
28766    const textColorElements = section.querySelectorAll('[data-text-color]');
28767    const textTitleElement = section.querySelector(
28768      '.c-images-switch__title p, .c-images-switch__title h1, .c-images-switch__title h2, .c-images-switch__title h3, .c-images-switch__title h4, .c-images-switch__title h5, .c-images-switch__title h6'
28769    );
28770
28771    swatches.forEach((swatch) => {
28772      swatch.addEventListener('click', function () {
28773        const switchIndex = parseInt(this.getAttribute('data-switch'), 10);
28774        const colorName = this.getAttribute('data-color-name');
28775        const gradientFrom = this.getAttribute('data-gradient-from');
28776        const gradientTo = this.getAttribute('data-gradient-to');
28777        const gradientDirection = this.getAttribute('data-gradient-direction');
28778        const textColor = this.getAttribute('data-text-color');
28779
28780        // Update all swatches
28781        swatches.forEach((s) => s.classList.remove('active'));
28782        this.classList.add('active');
28783
28784        // Update all images
28785        productImages.forEach((img) => img.classList.remove('active'));
28786        if (productImages[switchIndex]) {
28787          productImages[switchIndex].classList.add('active');
28788        }
28789
28790        // Update color name
28791        if (colorNameElement) {
28792          colorNameElement.textContent = colorName;
28793        }
28794
28795        // Update gradient background
28796        if (container) {
28797          container.style.setProperty('--gradient-from', gradientFrom);
28798          container.style.setProperty('--gradient-to', gradientTo);
28799          container.style.setProperty('--gradient-direction', gradientDirection);
28800        }
28801        // Update texts color
28802        if (textColorElements) {
28803          textColorElements.forEach((el) => {
28804            el.style.color = textColor;
28805          });
28806        }
28807        // Update title stroke for better visibility
28808        if (textTitleElement) {
28809          textTitleElement.style.color = textColor;
28810        }
28811      });
28812    });
28813  });
28814</script>
28814
28815
28816
28817</div><section id="shopify-section-template--19420722397381__zz_comparison_table_meawV9" class="shopify-section qq-comparison-table-section"><style>
28818  .qq-ct--cell.qq-btn-cell a {
28819    padding: 20px 20px 15px 20px !important;
28820</style>
28821
28822
28823
28824  
28825
28826<div class="qq-comparison-table " id="qq19420722397381zz_comparison_table_meawV9">
28827    <div class="qq-comparison-table-inner">
28828        
28829          <div class="qq-comparison-table-title"><h2>How Apollo Measures Up</h2></div>
28830        
28831        
28832          <div class="qq-mobile-scroll-wrapper for-sticky syncscroll" name="myElements">
28833            <div class="qq-wrapper">
28834              
28835  <div class="qq-comparison-row qq-header">
28836    
28837      <div class="qq-ct--cell"></div> 
28838    
28839
28840      
28841          <div class="qq-ct--cell">
28842              
28843                <img src="//apolloneuro.com/cdn/shop/files/ApolloLogo-10pxpad_250x_crop_center.png?v=1757630841"  loading="lazy">
28844              
28845              
28846              
28847                <p>+ SmartVibes AI</p>
28848              
28849          </div>
28850      
28851    
28852      
28853          <div class="qq-ct--cell">
28854              
28855              
28856                <h4 class="qq-ct--title">Pulsetto</h4>
28857              
28858              
28859          </div>
28860      
28861    
28862      
28863          <div class="qq-ct--cell">
28864              
28865              
28866                <h4 class="qq-ct--title">Sensate</h4>
28867              
28868              
28869          </div>
28870      
28871    
28872      
28873          <div class="qq-ct--cell">
28874              
28875              
28876                <h4 class="qq-ct--title">Whoop</h4>
28877              
28878              
28879          </div>
28880      
28881    
28882  </div>
28883
28884            </div>
28885          </div>
28886        
28887        
28888          <div class="qq-mobile-scroll-wrapper syncscroll" name="myElements">
28889        
28890        <div class="qq-comparison-columns">
28891          
28892  <div class="qq-comparison-row qq-header">
28893    
28894      <div class="qq-ct--cell"></div> 
28895    
28896
28897      
28898          <div class="qq-ct--cell">
28899              
28900                <img src="//apolloneuro.com/cdn/shop/files/ApolloLogo-10pxpad_250x_crop_center.png?v=1757630841"  loading="lazy">
28901              
28902              
28903              
28904                <p>+ SmartVibes AI</p>
28905              
28906          </div>
28907      
28908    
28909      
28910          <div class="qq-ct--cell">
28911              
28912              
28913                <h4 class="qq-ct--title">Pulsetto</h4>
28914              
28915              
28916          </div>
28917      
28918    
28919      
28920          <div class="qq-ct--cell">
28921              
28922              
28923                <h4 class="qq-ct--title">Sensate</h4>
28924              
28925              
28926          </div>
28927      
28928    
28929      
28930          <div class="qq-ct--cell">
28931              
28932              
28933                <h4 class="qq-ct--title">Whoop</h4>
28934              
28935              
28936          </div>
28937      
28938    
28939  </div>
28940 <div class="qq-comparison-row">
28941              
28942                <div class="qq-ct--cell qq-row-title">
28943                  <div class="">
28944                    
28945                    
28946                      <h4>MSRP</h4>
28947                    
28948                  </div>
28949                </div>
28950              
28951
28952                  
28953                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
28954                        
28955                        
28956                          <p>$448</p>
28957                        
28958                      </div></div>
28959                
28960              
28961                  
28962                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
28963                        
28964                        
28965                          <p>$469</p>
28966                        
28967                      </div></div>
28968                
28969              
28970                  
28971                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
28972                        
28973                        
28974                          <p>$299</p>
28975                        
28976                      </div></div>
28977                
28978              
28979                  
28980                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
28981                        
28982                        
28983                          <p>$239</p>
28984                        
28985                      </div></div>
28986                
28987              
28988              
28989            </div>
28990            
28991          <div class="qq-comparison-row">
28992              
28993                <div class="qq-ct--cell qq-row-title">
28994                  <div class="">
28995                    
28996                    
28997                      <h4>Tracks Sleep</h4>
28998                    
28999                  </div>
29000                </div>
29001              
29002
29003                  
29004                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29005                        
29006                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.44.31_PM_150x150_crop_center.png?v=1750088720" alt="Check mark icon" loading="lazy">
29007                        
29008                        
29009                      </div></div>
29010                
29011              
29012                  
29013                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29014                        
29015                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29016                        
29017                        
29018                      </div></div>
29019                
29020              
29021                  
29022                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29023                        
29024                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29025                        
29026                        
29027                      </div></div>
29028                
29029              
29030                  
29031                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29032                        
29033                          <img src="//apolloneuro.com/cdn/shop/files/greycheckmark_150x150_crop_center.png?v=1750088786" alt="Check mark icon" loading="lazy">
29034                        
29035                        
29036                      </div></div>
29037                
29038              
29039              
29040            </div>
29041            
29042          <div class="qq-comparison-row">
29043              
29044                <div class="qq-ct--cell qq-row-title">
29045                  <div class="">
29046                    
29047                    
29048                      <h4>Improves Sleep</h4>
29049                    
29050                  </div>
29051                </div>
29052              
29053
29054                  
29055                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29056                        
29057                        
29058                          <p>46 min/night (avg)</p>
29059                        
29060                      </div></div>
29061                
29062              
29063                  
29064                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29065                        
29066                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29067                        
29068                        
29069                      </div></div>
29070                
29071              
29072                  
29073                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29074                        
29075                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29076                        
29077                        
29078                      </div></div>
29079                
29080              
29081                  
29082                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29083                        
29084                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29085                        
29086                        
29087                      </div></div>
29088                
29089              
29090              
29091            </div>
29092            
29093          <div class="qq-comparison-row">
29094              
29095                <div class="qq-ct--cell qq-row-title">
29096                  <div class="">
29097                    
29098                    
29099                      <h4>Improves Energy</h4>
29100                    
29101                  </div>
29102                </div>
29103              
29104
29105                  
29106                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29107                        
29108                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.44.31_PM_150x150_crop_center.png?v=1750088720" alt="Check mark icon" loading="lazy">
29109                        
29110                        
29111                      </div></div>
29112                
29113              
29114                  
29115                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29116                        
29117                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29118                        
29119                        
29120                      </div></div>
29121                
29122              
29123                  
29124                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29125                        
29126                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29127                        
29128                        
29129                      </div></div>
29130                
29131              
29132                  
29133                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29134                        
29135                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29136                        
29137                        
29138                      </div></div>
29139                
29140              
29141              
29142            </div>
29143            
29144          <div class="qq-comparison-row">
29145              
29146                <div class="qq-ct--cell qq-row-title">
29147                  <div class="">
29148                    
29149                    
29150                      <h4>Scientifically Proven</h4>
29151                    
29152                  </div>
29153                </div>
29154              
29155
29156                  
29157                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29158                        
29159                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.44.31_PM_150x150_crop_center.png?v=1750088720" alt="Check mark icon" loading="lazy">
29160                        
29161                        
29162                      </div></div>
29163                
29164              
29165                  
29166                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29167                        
29168                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29169                        
29170                        
29171                      </div></div>
29172                
29173              
29174                  
29175                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29176                        
29177                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29178                        
29179                        
29180                      </div></div>
29181                
29182              
29183                  
29184                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29185                        
29186                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29187                        
29188                        
29189                      </div></div>
29190                
29191              
29192              
29193            </div>
29194            
29195          <div class="qq-comparison-row">
29196              
29197                <div class="qq-ct--cell qq-row-title">
29198                  <div class="">
29199                    
29200                    
29201                      <h4>Improves HRV</h4>
29202                    
29203                  </div>
29204                </div>
29205              
29206
29207                  
29208                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29209                        
29210                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.44.31_PM_150x150_crop_center.png?v=1750088720" alt="Check mark icon" loading="lazy">
29211                        
29212                        
29213                      </div></div>
29214                
29215              
29216                  
29217                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29218                        
29219                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29220                        
29221                        
29222                      </div></div>
29223                
29224              
29225                  
29226                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29227                        
29228                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29229                        
29230                        
29231                      </div></div>
29232                
29233              
29234                  
29235                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29236                        
29237                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29238                        
29239                        
29240                      </div></div>
29241                
29242              
29243              
29244            </div>
29245            
29246          <div class="qq-comparison-row">
29247              
29248                <div class="qq-ct--cell qq-row-title">
29249                  <div class="">
29250                    
29251                    
29252                      <h4>Improves Focus</h4>
29253                    
29254                  </div>
29255                </div>
29256              
29257
29258                  
29259                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29260                        
29261                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.44.31_PM_150x150_crop_center.png?v=1750088720" alt="Check mark icon" loading="lazy">
29262                        
29263                        
29264                      </div></div>
29265                
29266              
29267                  
29268                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29269                        
29270                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29271                        
29272                        
29273                      </div></div>
29274                
29275              
29276                  
29277                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29278                        
29279                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29280                        
29281                        
29282                      </div></div>
29283                
29284              
29285                  
29286                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29287                        
29288                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_cen
29288ter.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29289                        
29290                        
29291                      </div></div>
29292                
29293              
29294              
29295            </div>
29296            
29297          <div class="qq-comparison-row">
29298              
29299                <div class="qq-ct--cell qq-row-title">
29300                  <div class="">
29301                    
29302                    
29303                      <h4>Improves Meditation</h4>
29304                    
29305                  </div>
29306                </div>
29307              
29308
29309                  
29310                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29311                        
29312                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.44.31_PM_150x150_crop_center.png?v=1750088720" alt="Check mark icon" loading="lazy">
29313                        
29314                        
29315                      </div></div>
29316                
29317              
29318                  
29319                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29320                        
29321                          <img src="//apolloneuro.com/cdn/shop/files/greycheckmark_150x150_crop_center.png?v=1750088786" alt="Check mark icon" loading="lazy">
29322                        
29323                        
29324                      </div></div>
29325                
29326              
29327                  
29328                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29329                        
29330                          <img src="//apolloneuro.com/cdn/shop/files/greycheckmark_150x150_crop_center.png?v=1750088786" alt="Check mark icon" loading="lazy">
29331                        
29332                        
29333                      </div></div>
29334                
29335              
29336                  
29337                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29338                        
29339                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29340                        
29341                        
29342                      </div></div>
29343                
29344              
29345              
29346            </div>
29347            
29348          <div class="qq-comparison-row">
29349              
29350                <div class="qq-ct--cell qq-row-title">
29351                  <div class="">
29352                    
29353                    
29354                      <h4>Improves Mood</h4>
29355                    
29356                  </div>
29357                </div>
29358              
29359
29360                  
29361                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29362                        
29363                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.44.31_PM_150x150_crop_center.png?v=1750088720" alt="Check mark icon" loading="lazy">
29364                        
29365                        
29366                      </div></div>
29367                
29368              
29369                  
29370                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29371                        
29372                          <img src="//apolloneuro.com/cdn/shop/files/greycheckmark_150x150_crop_center.png?v=1750088786" alt="Check mark icon" loading="lazy">
29373                        
29374                        
29375                      </div></div>
29376                
29377              
29378                  
29379                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29380                        
29381                          <img src="//apolloneuro.com/cdn/shop/files/greycheckmark_150x150_crop_center.png?v=1750088786" alt="Check mark icon" loading="lazy">
29382                        
29383                        
29384                      </div></div>
29385                
29386              
29387                  
29388                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29389                        
29390                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29391                        
29392                        
29393                      </div></div>
29394                
29395              
29396              
29397            </div>
29398            
29399          <div class="qq-comparison-row">
29400              
29401                <div class="qq-ct--cell qq-row-title">
29402                  <div class="">
29403                    
29404                    
29405                      <h4>Wakeup Prevention</h4>
29406                    
29407                  </div>
29408                </div>
29409              
29410
29411                  
29412                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29413                        
29414                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.44.31_PM_150x150_crop_center.png?v=1750088720" alt="Check mark icon" loading="lazy">
29415                        
29416                        
29417                      </div></div>
29418                
29419              
29420                  
29421                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29422                        
29423                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29424                        
29425                        
29426                      </div></div>
29427                
29428              
29429                  
29430                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29431                        
29432                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29433                        
29434                        
29435                      </div></div>
29436                
29437              
29438                  
29439                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29440                        
29441                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29442                        
29443                        
29444                      </div></div>
29445                
29446              
29447              
29448            </div>
29449            
29450          <div class="qq-comparison-row">
29451              
29452                <div class="qq-ct--cell qq-row-title">
29453                  <div class="">
29454                    
29455                    
29456                      <h4>AI Personalization</h4>
29457                    
29458                  </div>
29459                </div>
29460              
29461
29462                  
29463                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29464                        
29465                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.44.31_PM_150x150_crop_center.png?v=1750088720" alt="Check mark icon" loading="lazy">
29466                        
29467                        
29468                      </div></div>
29469                
29470              
29471                  
29472                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29473                        
29474                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29475                        
29476                        
29477                      </div></div>
29478                
29479              
29480                  
29481                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29482                        
29483                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29484                        
29485                        
29486                      </div></div>
29487                
29488              
29489                  
29490                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29491                        
29492                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29493                        
29494                        
29495                      </div></div>
29496                
29497              
29498              
29499            </div>
29500            
29501          <div class="qq-comparison-row">
29502              
29503                <div class="qq-ct--cell qq-row-title">
29504                  <div class="">
29505                    
29506                    
29507                      <h4>Works in Real Time</h4>
29508                    
29509                  </div>
29510                </div>
29511              
29512
29513                  
29514                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29515                        
29516                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.44.31_PM_150x150_crop_center.png?v=1750088720" alt="Check mark icon" loading="lazy">
29517                        
29518                        
29519                      </div></div>
29520                
29521              
29522                  
29523                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29524                        
29525                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29526                        
29527                        
29528                      </div></div>
29529                
29530              
29531                  
29532                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29533                        
29534                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29535                        
29536                        
29537                      </div></div>
29538                
29539              
29540                  
29541                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29542                        
29543                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29544                        
29545                        
29546                      </div></div>
29547                
29548              
29549              
29550            </div>
29551            
29552          <div class="qq-comparison-row">
29553              
29554                <div class="qq-ct--cell qq-row-title">
29555                  <div class="">
29556                    
29557                    
29558                      <h4>Effortless</h4>
29559                    
29560                  </div>
29561                </div>
29562              
29563
29564                  
29565                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29566                        
29567                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.44.31_PM_150x150_crop_center.png?v=1750088720" alt="Check mark icon" loading="lazy">
29568                        
29569                        
29570                      </div></div>
29571                
29572              
29573                  
29574                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29575                        
29576                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29577                        
29578                        
29579                      </div></div>
29580                
29581              
29582                  
29583                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29584                        
29585                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29586                        
29587                        
29588                      </div></div>
29589                
29590              
29591                  
29592                  <div class="qq-ct--cell"><div class="qq-ct--cell-content">
29593                        
29594                          <img src="//apolloneuro.com/cdn/shop/files/Screen_Shot_2025-05-21_at_12.48.10_PM_150x150_crop_center.png?v=1750088856" alt="X symbol on a white background" loading="lazy">
29595                        
29596                        
29597                      </div></div>
29598                
29599              
29600              
29601            </div>
29602            
29603              
29604
29605
29606                      
29607                      
29608                <div class="qq-comparison-row qq-button">
29609                  
29610                    <div class="empty">&nbsp;</div>
29611                  
29612
29613<div class="qq-ct--cell qq-btn-cell">
29614                        
29615                          <a href="https://apolloneuro.com/pages/quiz" class="qq-column-btn">GET APOLLO</a>
29616                        
29617                      </div>
29618<div class="qq-ct--cell qq-btn-cell">
29619                        
29620                      </div>
29621<div class="qq-ct--cell qq-btn-cell">
29622                        
29623                      </div>
29624<div class="qq-ct--cell qq-btn-cell">
29625                        
29626                      </div></div>
29627              
29628            
29629          
29630        </div>
29631        
29632          </div>
29633        
29634        
29635        
29636    </div>
29637</div>
29638<style data='../ComparisonTable.css.liquid'>section.qq-comparison-table-section{margin-left:auto;margin-right:auto}section.qq-comparison-table-section .qq-comparison-table{width:100%;margin-left:auto;margin-right:auto}@media (min-width:851px){section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner{padding:30px}}@media (max-width:850px){section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-mobile-scroll-wrapper{padding:0 15px 15px 15px}}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-table-title{margin-left:auto;margin-right:auto}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-columns-mobile{position:relative;padding:0 15px}@media (min-width:851px){section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-columns-mobile{display:none}}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-columns-mobile .slick-arrow{bottom:auto;top:38px;border-radius:50%;position:absolute;width:28px;height:28px;z-index:100;transition:all .5s ease}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-columns-mobile .slick-arrow.qq-default{overflow:hidden}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-columns-mobile .slick-arrow.qq-default svg{position:absolute}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-columns-mobile .slick-arrow.qq-default.qq-arrow-next svg{transform:rotate(-90deg) scale(1.6);left:10px;top:2px}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-columns-mobile .slick-arrow.qq-default.qq-arrow-prev svg{top:16px;transform:rotate(90deg) scale(1.6);left:0}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-columns-mobile .slick-arrow img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-columns-mobile .slick-arrow.qq-arrow-prev{left:15px}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-columns-mobile .slick-arrow.qq-arrow-next{right:15px}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-columns-mobile .slick-arrow.qq-arrow-next img{transform:rotate(180deg)}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-columns-mobile .qq-comparison-table-slider{transition:all .25s ease}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-columns-mobile .qq-compari
29638son-table-slider:not(.slick-slider){height:0;opacity:0}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-columns-mobile .qq-comparison-table-slider .qq-comparison-column{height:auto}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-columns-mobile .qq-comparison-table-slider .qq-comparison-column .qq-ct--cell{flex-direction:column;padding:0;text-align:center}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-columns-mobile .qq-comparison-table-slider .qq-comparison-column .qq-ct--cell img{height:auto}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-columns-mobile .qq-comparison-table-slider .qq-comparison-column .qq-ct--cell.qq-header-cell img{height:120px}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-columns-mobile .qq-comparison-table-slider .qq-comparison-column .qq-ct--cell .qq-ct--title{padding:10px 0;width:100%;text-align:center;background-color:rgba(255,255,255,.7)}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-columns-mobile .qq-comparison-table-slider .qq-comparison-column .qq-ct--cell .qq-ct--title>div{display:flex;align-items:center;gap:10px;justify-content:center}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-columns-mobile .qq-comparison-table-slider .qq-comparison-column .qq-ct--cell .qq-ct--title>div>*{width:auto}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-columns-mobile .qq-comparison-table-slider .qq-comparison-column .qq-ct--cell .qq-ct--title>div.img-above{flex-direction:column}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-columns-mobile .qq-comparison-table-slider .qq-comparison-column .qq-ct--cell .qq-ct--title>div.img-below{flex-direction:column-reverse}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-columns-mobile .qq-comparison-table-slider .qq-comparison-column .qq-ct--cell .qq-ct--title>div.img-left{flex-direction:row}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-columns-mobile .qq-comparison-table-slider .qq-comparison-column .qq-ct--cell .qq-ct--title>div.img-right{flex-direction:row-reverse}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-columns-mobile .qq-comparison-table-slider .qq-comparison-column .qq-ct--cell .qq-ct--title>div h4{display:block;padding:0;width:100%}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-columns-mobile .qq-comparison-table-slider .qq-comparison-column .qq-ct--cell .qq-ct--content{padding:10px 0;width:100%}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner h4,section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner p{margin:0;width:100%;display:block}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-column-btn{text-decoration:none}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-row{display:grid;text-align:center;align-items:center;justify-content:center}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-row .empty{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-row .qq-row-title>div{display:flex;align-items:center;width:100%;gap:10px}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-row .qq-row-title>div.img-above{flex-direction:column}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-row .qq-row-title>div.img-below{flex-direction:column-reverse}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-row .qq-row-title>div.img-left{flex-direction:row}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-row .qq-row-title>div.img-right{flex-direction:row-reverse}@media (max-width:850px){section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-row .qq-row-title>div.img-above-mobile{flex-direction:column}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-row .qq-row-title>div.img-below-mobile{flex-direction:column-reverse}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-row .qq-row-title>div.img-left-mobile{flex-direction:row}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-row .qq-row-title>div.img-right-mobile{flex-direction:row-reverse}}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-row img{height:auto;width:45px;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-row.qq-header .qq-ct--cell{flex-direction:column;padding-left:0;padding-right:0}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-row.qq-header img{width:auto;height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-comparison-row.qq-header .qq-ct--title{margin:10px 0 3px}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-ct--cell{height:100%;display:flex;align-items:center;justify-content:center}section.qq-comparison-table-section .qq-comparison-table .qq-comparison-table-inner .qq-ct--cell .qq-ct--cell-content{width:100%}section.qq-comparison-table-section .qq-comparison-columns .qq-ct--cell-content :not(ul):not(ol):not(li),section.qq-comparison-table-section .qq-comparison-columns-mobile .qq-ct--cell-content :not(ul):not(ol):not(li){margin-top:0;margin-bottom:0}</style>
29639
29640<style data='../ComparisonTable-inline-css.min.css.liquid'>     #shopify-section-template--19420722397381__zz_comparison_table_meawV9 * { text-transform:none; }  #shopify-section-template--19420722397381__zz_comparison_table_meawV9 { width:100%; max-width:1280px; }   #shopify-section-template--19420722397381__zz_comparison_table_meawV9 { background-color:#ffffff; } 
29641
29642
29643  @media screen and (max-width: 850px) {
29644    #shopify-section-template--19420722397381__zz_comparison_table_meawV9 { display: none !important; }
29645  }
29646 #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-table-title * {  font-weight:400 !important;  } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-text-below-table * {    }  #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns .qq-header h4, #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns-mobile .qq-header-cell h4 {  font-weight:400 !important;  }  #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns .qq-header p, #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns-mobile .qq-header-cell p {    }  #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns .qq-row-title h4, #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns-mobile .qq-mobile-row-title h4 {  font-weight:400 !important;  }  #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns .qq-ct--cell-content *, #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns-mobile .qq-ct--cell-content * {    }  #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-ct--cell.qq-btn-cell a { padding: 12px 20px; color: #000000 !important; background-color:#f7b267; border:0px solid ; border-radius:100px; transition: all 0.5s ease;  display:block;  width:100%;  font-weight:600 !important; text-align:center; } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-ct--cell.qq-btn-cell a:hover { color: #000000 !important; background-color:#cf9300 !important; border-color: !important; }  #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-row:not(.qq-header) .qq-ct--cell { align-items:center; } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-row:not(.qq-header) .qq-row-title { padding-left:35px; padding-right:35px; }  #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns .qq-comparison-row:not(.qq-header):not(.qq-button), #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns-mobile .qq-ct--cell:not(.qq-header-cell):not(.qq-btn-cell) { background-color: #ffffff; }    #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-table-inner .qq-comparison-columns .qq-comparison-row.qq-header { position:sticky; z-index:9;  top:73px;  } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-table-inner > .qq-mobile-scroll-wrapper.for-sticky { position:sticky; z-index:10;  top:0px;  } @media screen and (min-width:851px) { #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-table-inner > .qq-mobile-scroll-wrapper.for-sticky .qq-comparison-row.qq-header { display:none; } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-table-inner .qq-mobile-scroll-wrapper .qq-comparison-row.qq-header { display:grid; } } @media screen and (max-width:850px) { #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-table-inner > .qq-mobile-scroll-wrapper.for-sticky .qq-comparison-row.qq-header { display:grid; } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-table-inner .qq-mobile-scroll-wrapper .qq-comparison-row.qq-header { display:none; } }  @media screen and (min-width:851px) { #shopify-section-template--19420722397381__zz_comparison_table_meawV9 { margin-top:0px; margin-bottom:20px; } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-table-inner { padding-top:20px; padding-bottom:20px; } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-table-title { margin-bottom:20px !important; } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-table-title * { font-size:35px;   text-align:center; } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-text-below-table { margin-top:20px !important; } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-text-below-table * {    text-align:center; }  #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns .qq-header h4 { font-size:25px;   text-align:center; padding-left:20px; padding-right:20px; }  #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns .qq-header p {    text-align:center; padding-left:20px; padding-right:20px; }  #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-ct--cell.qq-btn-cell a { font-size:16px; margin-top:10px; margin-bottom:10px; letter-spacing:3px !important; }  #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns .qq-row-title { background-color:#ffffff!important; } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns .qq-row-title h4 { font-size:21px;   text-align:left; } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-row:not(.qq-header) .qq-row-title img { width:50%; margin:0 auto; }  #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns .qq-ct--cell-content * { font-size:26px;   text-align:center; } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-ct--cell-content img { width:18%; margin:0 auto 0px; }   #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-row:not(.qq-header) .qq-ct--cell:not(.qq-row-title) { padding-left:20px; padding-right:20px; }  #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-row.qq-header .qq-ct--cell img { margin-bottom:0px; max-width:60%; }  #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-row.qq-header { background-color:#ffffff; }  #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-row .qq-ct--cell:not(.qq-btn-cell) { padding-top:15px; padding-bottom:15px; } } @media screen and (max-width:850px) { #shopify-section-template--19420722397381__zz_comparison_table_meawV9 { margin-top:20px; margin-bottom:20px; } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-table-inner { padding-top:20px; padding-bottom:20px; } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-table-title { margin-bottom:20px !important; } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-table-title * { font-size:26px;   text-align:center; } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-text-below-table { margin-top:20px !important; } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-text-below-table * {    text-align:center; }  #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-mobile-scroll-wrapper .qq-ct--cell.qq-row-title, #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-mobile-scroll-wrapper .qq-ct--cell.qq-row-title *, #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns-mobile .qq-ct--cell .qq-ct--title, #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns-mobile .qq-ct--cell .qq-ct--title * { background-color:#ffffff!important; }   #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-row.qq-header { background-color:#ffffff; }   #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-mobile-scroll-wrapper .qq-comparison-row { grid-template-columns: 15% repeat(4, 1fr); min-height:70px; }  #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-mobile-scroll-wrapper .qq-comparison-row.qq-header img, #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns-mobile .qq-header-cell img { margin-bottom:0px; }  #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns .qq-header h4, #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns-mobile .qq-header-cell { padding-left:20px; padding-right:20px; } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns .qq-header h4, #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns-mobile .qq-header-cell h4 {    text-align:center; }  #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns .qq-header p, #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns-mobile .qq-header-cell { padding-left:20px; padding-right:20px; } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns .qq-header p, #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns-mobile .qq-header-cell p {    text-align:center; }  #
29646shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-ct--cell.qq-btn-cell a {  margin-top:20px; margin-bottom:10px;  } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns-mobile .qq-mobile-row-title { padding-left:20px; padding-right:20px; } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns .qq-row-title h4, #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns-mobile .qq-mobile-row-title h4 { text-align:center;    }   #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-ct--cell .qq-ct--title div { justify-content: center; } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-mobile-scroll-wrapper .qq-ct--cell.qq-row-title div img, #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-ct--cell .qq-ct--title div img { width:50%; height: auto; }   #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-table .qq-mobile-scroll-wrapper .qq-comparison-row:not(:last-child), #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns-mobile .qq-ct--cell:not(:last-child) { border-bottom: 1px solid #dfded8; }   #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns-mobile .qq-comparison-column .qq-ct--cell-content { padding-left:20px; padding-right:20px; }  #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns .qq-ct--cell-content *, #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns-mobile .qq-ct--cell-content * { text-align:center;    } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-ct--cell-content img { width:25%; margin:0 auto 16px; } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns-mobile .qq-comparison-column .qq-ct--cell.qq-header-cell { padding-top:20px; } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns-mobile .qq-comparison-column .qq-ct--cell:not(.qq-btn-cell) { padding-bottom:20px; } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns-mobile .qq-comparison-column .qq-ct--cell .qq-ct--title { padding-top:20px; padding-bottom:20px; margin-bottom:20px; } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-mobile-scroll-wrapper .qq-comparison-row .qq-ct--cell { padding: 20px 20px; }  #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-mobile-scroll-wrapper { overflow-x: auto; } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-mobile-scroll-wrapper.for-sticky .qq-wrapper, #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-columns { width:400%; max-width: 300%; }   } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-row { grid-template-columns: 25% repeat(4, 1fr);  min-height:70px; grid-template-rows: auto; }   #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .slick-arrow, #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .slick-arrow svg { background:#4a4b47; }   #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .slick-arrow svg g { stroke:#ffffff; }   #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-table .qq-comparison-row.qq-header .qq-ct--cell .qq-ct--title {  font-weight:400 !important; } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-table .qq-comparison-row:not(.qq-header) .qq-ct--cell.qq-row-title h4 h4 {  font-weight:400 !important; } #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-table .qq-comparison-row:not(.qq-header) .qq-ct--cell:not(.qq-row-title) {   }   #shopify-section-template--19420722397381__zz_comparison_table_meawV9 .qq-comparison-table .qq-comparison-row:not(:last-child) { border-bottom: 1px solid #dfded8; }  </style><!-- js:../ComparisonTable.min.js -->
29646<script>(function(){var mq=window.matchMedia("(min-width: 851px)"),booted=false;function boot(){if(booted||!mq.matches)return;booted=true;function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}(()=>{function t(){var e=document.querySelectorAll(".qq-comparison-table-section .QQ-JS-init-msg");e&&e.forEach(function(e){e.remove()})}var n;function o(){(n=document.getElementsByClassName("qq-comparison-table-section")).length&&!function e(){{var t,n;null==("undefined"==typeof $?"undefined":_typeof($))||null==window.$?((n=document.createElement("script")).id="qq-jquery",document.head.appendChild(n),n.type="text/javascript",n.src="https://code.jquery.com/jquery-3.6.0.min.js",n.onload=function(){e()}):document.getElementById("qq-slick")&&document.getElementById("qq-slick-css")?(t=setInterval(function(){$.fn.slick&&(clearInterval(t),i())},10),$(window).on("orientationchange",function(){i()})):(document.getElementById("qq-slick")||((n=document.createElement("script")).id="qq-slick",document.head.appendChild(n),n.type="text/javascript",n.src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js",n.onload=function(){e()}),document.getElementById("qq-slick-css")||((n=document.createElement("link")).id="qq-slick-css",document.head.appendChild(n),n.type="text/css",n.rel="stylesheet",n.href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"))}}()}function i(){for(var e=0;e<n.length;e++)(e=>{var t,n,o,i,c,l,r,s,a,u,m,f,p,q,h,d,y,w,v,g,k=$("#"+e+" .qq-comparison-columns-mobile .qq-comparison-table-slider");function b(){var e,t,n,o,i,c=document.getElementsByClassName("sync"+q);for(i in g)if(g.hasOwnProperty(i))for(e=0;e<g[i][w];e++)g[i][e]["remove"+d](q,g[i][e].syn,0);for(e=0;e<c[w];)if(o=t=0,i=(n=c[e++]).getAttribute("name")){for(n=n[q+"er"]||n;t<(g[i]=g[i]||[])[w];)o|=g[i][t++]==n;o||g[i].push(n),n.eX=n.eY=0,((a,d)=>{a[y](q,a.syn=function(){var e,t=g[d],n=a[q+p],o=a[q+f],i=n/(a[q+u]-a[h+u]),c=o/(a[q+m]-a[h+m]),l=n!=a.eX,r=o!=a.eY,s=0;for(a.eX=n,a.eY=o;s<t[w];)(e=t[s++])!=a&&(l&&v(e[q+p]-(n=e.eX=v(i*(e[q+u]-e[h+u]))))&&(e[q+p]=n),r)&&v(e[q+f]-(o=e.eY=v(c*(e[q+m]-e[h+m]))))&&(e[q+f]=o)},0)})(n,i)}}"slider"==k.attr("data-navigation")?(n=Number(k.attr("data-mobileColumns")),Number(k.attr("data-mobileColumnsMargin")),o=!1,a=$("html").attr("dir"),l=$("html").css("direction"),(null!=a&&"rtl"==a||null!=_typeof(l)&&"rtl"==l)&&(o=!0,null==a)&&$("html").attr("dir","rtl"),i=$("#"+e+" .qq-arrow-prev"),c=$("#"+e+" .qq-arrow-next"),l=k.find(".qq-ct--cell.qq-header-cell"),r=$(l[0]).height(),s=!0,l.each(function(){if($(this).height()!==r)return s=!1}),850<$(window).width()?k.hasClass("slick-initialized")&&k.slick("unslick"):k.hasClass("slick-initialized")||(a=s?"init":"init afterChange",k.on(a,function(){setTimeout(function(){E(k,i,c)},200)}).slick({arrows:!0,rtl:o,centerMode:!1,prevArrow:i,nextArrow:c,draggable:!0,swipe:!0,slidesToShow:n,slidesToScroll:n})),$(window).resize(function(){clearTimeout(t),t=setTimeout(function(){E(k,i,c)},500)})):$("#"+e+" .qq-mobile-scroll-wrapper.for-sticky").length&&(u="Width",m="Height",f="Top",p="Left",q="scroll",h="client",y="add"+(d="EventListener"),w="length",v=Math.round,g={},"complete"==document.readyState?b():window[y]("load",b,0))})("qq"+n[e].id.replace("template--","").replace("shopify-section-","").replace("__",""))}function E(e,t,n){var e=e.find(".qq-comparison-column.slick-current.slick-active .qq-ct--cell.qq-header-cell"),o=t.attr("data-top"),e=e.outerHeight(!0)/2-o+16;t.add(n).css("top",e+"px")}window.addEventListener("shopify:section:load",function(e){t()}),t(),"loading"!==document.readyState?o():document.addEventListener("DOMContentLoaded",function(){o()}),window.addEventListener("shopify:section:load",function(e){o()}),window.addEventListener("shopify:block:select",function(e){})})();}boot();if(!booted){mq.addEventListener?mq.addEventListener("change",boot):mq.addListener(boot);}})();</script>
29646<!-- endjs -->
29647</section><div id="shopify-section-template--19420722397381__c_image_slider_with_text_DzckW7" class="shopify-section">
29648
29649
29650<style>
29651  #template--19420722397381__c_image_slider_with_text_DzckW7 {
29652    width: 100%;
29653    overflow: hidden;
29654    font-size: 16px;
29655    padding-top: 1.3em;
29656    padding-bottom: 1.3em;
29657    background-color: #c7cccd;
29658  }
29659
29660  #template--19420722397381__c_image_slider_with_text_DzckW7 * {
29661    color: #000000;
29662    font-weight: normal;
29663  }
29664
29665  /* --- Main container --- */
29666  #template--19420722397381__c_image_slider_with_text_DzckW7 .c-logos__container {
29667    display: flex;
29668    flex-direction: column;
29669    width: 100%;
29670    /* max-width: 1400px; */
29671    margin: 0 auto;
29672    padding: 0 0;
29673    gap: 2rem;
29674  }
29675
29676  /* --- Layout wrapper --- */
29677  #template--19420722397381__c_image_slider_with_text_DzckW7 .c-l-wrapper {
29678    display: flex;
29679    flex-direction: column;
29680    gap: 0.8em;
29681  }
29682
29683  @media (min-width: 769px) {
29684    #template--19420722397381__c_image_slider_with_text_DzckW7 .c-l-wrapper {
29685      flex-direction: row;
29686      align-items: center;
29687      gap: 1.3em;
29688    }
29689  }
29690
29691  /* --- Text area --- */
29692  #template--19420722397381__c_image_slider_with_text_DzckW7 .c-l-middle {
29693    background-color: #c7cccd;
29694    flex: 0 0 auto;
29695    max-width: 500px;
29696  }
29697
29698  #template--19420722397381__c_image_slider_with_text_DzckW7 .rte > h2 {
29699    color: var(--Neutral-Darkest-Gray, #181E21);
29700    font-family: "Founders Grotesk";
29701    font-size: 48px;
29702    font-weight: 400;
29703    line-height: 120%;
29704    margin: 0;
29705  }
29706
29707  #template--19420722397381__c_image_slider_with_text_DzckW7 .rte > p {
29708    color: var(--Neutral-Darkest-Gray, #181E21);
29709    font-family: 'Basis Grotesque Arabic Pro', sans-serif !important;
29710    font-size: 16px;
29711    line-height: 150%;
29712    margin: 0;
29713  }
29714
29715  /* --- Swiper container --- */
29716  #template--19420722397381__c_image_slider_with_text_DzckW7 .swiper {
29717    width: 100%;
29718    height: auto;
29719    overflow: hidden;
29720  }
29721
29722  #template--19420722397381__c_image_slider_with_text_DzckW7 .swiper-wrapper {
29723    display: flex;
29724    align-items: stretch;
29725  }
29726
29727  #template--19420722397381__c_image_slider_with_text_DzckW7 .swiper-slide {
29728    width: auto;
29729    flex-shrink: 0;
29730    display: flex;
29731    justify-content: center;
29732  }
29733
29734  /* --- Image card --- */
29735  #template--19420722397381__c_image_slider_with_text_DzckW7 .c-l-image-div {
29736    position: relative;
29737    overflow: hidden;
29738    border-radius: 8px;
29739    cursor: pointer;
29740    width: 240px;
29741    height: 300px;
29742  }
29743
29744  #template--19420722397381__c_image_slider_with_text_DzckW7 .c-l-image-div:hover img {
29745    transform: scale(1.05);
29746  }
29747
29748  @media (max-width: 768px) {
29749    #template--19420722397381__c_image_slider_with_text_DzckW7 .c-l-image-div {
29750      width: 160px;
29751      height: 200px;
29752    }
29753  }
29754
29755  #template--19420722397381__c_image_slider_with_text_DzckW7 .c-l-image {
29756    width: 100%;
29757    height: 100%;
29758    object-fit: cover;
29759    display: block;
29760    transition: transform 0.4s ease;
29761  }
29762
29763  /* --- CTA icon (overlay) --- */
29764  #template--19420722397381__c_image_slider_with_text_DzckW7 .cta-button {
29765    position: absolute;
29766    bottom: 0.75rem;
29767    right: 0.75rem;
29768    width: 40px;
29769    height: 40px;
29770    z-index: 2;
29771    display: inline-flex;
29772    align-items: center;
29773    justify-content: center;
29774    pointer-events: none; /* el click pasa al <a> completo */
29775  }
29776
29777  #template--19420722397381__c_image_slider_with_text_DzckW7 .cta-button svg {
29778    width: 40px;
29779    height: 40px;
29780    fill: #C7CCCD;
29781  }
29782</style>
29783
29784<section id="template--19420722397381__c_image_slider_with_text_DzckW7" class="c-section">
29785  <div class="c-section__inner">
29786  <div class="c-logos__container">
29787    <div class="c-l-wrapper">
29788      
29789        <div class="c-l-middle">
29790          <div class="rte"><h2>Connect With Us</h2><p>@apolloneuro</p></div>
29791        </div>
29792      
29793
29794      <!-- Swiper Slider -->
29795      <div class="swiper c-image-slider">
29796        <div class="swiper-wrapper">
29797          
29798            <div class="swiper-slide" >
29799              
29800                <a href="https://www.instagram.com/apolloneuro/" target="_blank" class="c-l-image-div" aria-label="Abrir enlace de imagen">
29801                  
29802                    <img src="//apolloneuro.com/cdn/shop/files/need-energy.png?v=1761799773&amp;width=1600" alt="" srcset="//apolloneuro.com/cdn/shop/files/need-energy.png?v=1761799773&amp;width=352 352w, //apolloneuro.com/cdn/shop/files/need-energy.png?v=1761799773&amp;width=832 832w, //apolloneuro.com/cdn/shop/files/need-energy.png?v=1761799773&amp;width=1200 1200w, //apolloneuro.com/cdn/shop/files/need-energy.png?v=1761799773&amp;width=1600 1600w" width="1600" height="2004" loading="lazy" class="c-l-image">
29803                  
29804                  <!-- CTA icon overlay -->
29805                  <span class="cta-button" aria-hidden="true">
29806                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
29807                      <path d="M20 4.0625C16.8479 4.0625 13.7665 4.99722 11.1456 6.74845C8.5247 8.49969 6.48195 10.9888 5.27568 13.901C4.06941 16.8132 3.75379 20.0177 4.36874 23.1093C4.98369 26.2008 6.50159 29.0406 8.73049 31.2695C10.9594 33.4984 13.7992 35.0163 16.8908 35.6313C19.9823 36.2462 23.1868 35.9306 26.099 34.7243C29.0112 33.5181 31.5003 31.4753 33.2516 28.8544C35.0028 26.2335 35.9375 23.1521 35.9375 20C35.9325 15.7746 34.2518 11.7238 31.264 8.73597C28.2763 5.74818 24.2254 4.06746 20 4.0625ZM20 34.0625C17.2187 34.0625 14.4999 33.2377 12.1873 31.6925C9.87473 30.1473 8.07231 27.9511 7.00795 25.3815C5.94359 22.8119 5.66511 19.9844 6.20771 17.2565C6.75032 14.5287 8.08964 12.023 10.0563 10.0563C12.023 8.08963 14.5287 6.75031 17.2565 6.20771C19.9844 5.6651 22.8119 5.94359 25.3815 7.00794C27.9511 8.0723 30.1473 9.87473 31.6925 12.1873C33.2378 14.4999 34.0625 17.2187 34.0625 20C34.0584 23.7283 32.5755 27.3028 29.9391 29.9391C27.3028 32.5755 23.7283 34.0584 20 34.0625ZM25.9375 15V22.5C25.9375 22.7486 25.8387 22.9871 25.6629 23.1629C25.4871 23.3387 25.2486 23.4375 25 23.4375C24.7514 23.4375 24.5129 23.3387 24.3371 23.1629C24.1613 22.9871 24.0625 22.7486 24.0625 22.5V17.2641L15.6625 25.6625C15.4848 25.8281 15.2497 25.9183 15.0069 25.914C14.764 25.9097 14.5322 25.8113 14.3605 25.6395C14.1887 25.4678 14.0903 25.236 14.086 24.9932C14.0818 24.7503 14.1719 24.5152 14.3375 24.3375L22.7359 15.9375H17.5C17.2514 15.9375 17.0129 15.8387 16.8371 15.6629C16.6613 15.4871 16.5625 15.2486 16.5625 15C16.5625 14.7514 16.6613 14.5129 16.8371 14.3371C17.0129 14.1613 17.2514 14.0625 17.5 14.0625H25C25.2486 14.0625 25.4871 14.1613 25.6629 14.3371C25.8387 14.5129 25.9375 14.7514 25.9375 15Z"/>
29808                    </svg>
29809                  </span>
29810                </a>
29811              
29812            </div>
29813          
29814            <div class="swiper-slide" >
29815              
29816                <a href="https://www.instagram.com/apolloneuro/" target="_blank" class="c-l-image-div" aria-label="Abrir enlace de imagen">
29817                  
29818                    <img src="//apolloneuro.com/cdn/shop/files/woman-showcasing-stealth-wearable.png?v=1761799773&amp;width=1600" alt="" srcset="//apolloneuro.com/cdn/shop/files/woman-showcasing-stealth-wearable.png?v=1761799773&amp;width=352 352w, //apolloneuro.com/cdn/shop/files/woman-showcasing-stealth-wearable.png?v=1761799773&amp;width=832 832w, //apolloneuro.com/cdn/shop/files/woman-showcasing-stealth-wearable.png?v=1761799773&amp;width=1200 1200w, //apolloneuro.com/cdn/shop/files/woman-showcasing-stealth-wearable.png?v=1761799773&amp;width=1600 1600w" width="1600" height="2016" loading="lazy" class="c-l-image">
29819                  
29820                  <!-- CTA icon overlay -->
29821                  <span class="cta-button" aria-hidden="true">
29822                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
29823                      <path d="M20 4.0625C16.8479 4.0625 13.7665 4.99722 11.1456 6.74845C8.5247 8.49969 6.48195 10.9888 5.27568 13.901C4.06941 16.8132 3.75379 20.0177 4.36874 23.1093C4.98369 26.2008 6.50159 29.0406 8.73049 31.2695C10.9594 33.4984 13.7992 35.0163 16.8908 35.6313C19.9823 36.2462 23.1868 35.9306 26.099 34.7243C29.0112 33.5181 31.5003 31.4753 33.2516 28.8544C35.0028 26.2335 35.9375 23.1521 35.9375 20C35.9325 15.7746 34.2518 11.7238 31.264 8.73597C28.2763 5.74818 24.2254 4.06746 20 4.0625ZM20 34.0625C17.2187 34.0625 14.4999 33.2377 12.1873 31.6925C9.87473 30.1473 8.07231 27.9511 7.00795 25.3815C5.94359 22.8119 5.66511 19.9844 6.20771 17.2565C6.75032 14.5287 8.08964 12.023 10.0563 10.0563C12.023 8.08963 14.5287 6.75031 17.2565 6.20771C19.9844 5.6651 22.8119 5.94359 25.3815 7.00794C27.9511 8.0723 30.1473 9.87473 31.6925 12.1873C33.2378 14.4999 34.0625 17.2187 34.0625 20C34.0584 23.7283 32.5755 27.3028 29.9391 29.9391C27.3028 32.5755 23.7283 34.0584 20 34.0625ZM25.9375 15V22.5C25.9375 22.7486 25.8387 22.9871 25.6629 23.1629C25.4871 23.3387 25.2486 23.4375 25 23.4375C24.7514 23.4375 24.5129 23.3387 24.3371 23.1629C24.1613 22.9871 24.0625 22.7486 24.0625 22.5V17.2641L15.6625 25.6625C15.4848 25.8281 15.2497 25.9183 15.0069 25.914C14.764 25.9097 14.5322 25.8113 14.3605 25.6395C14.1887 25.4678 14.0903 25.236 14.086 24.9932C14.0818 24.7503 14.1719 24.5152 14.3375 24.3375L22.7359 15.9375H17.5C17.2514 15.9375 17.0129 15.8387 16.8371 15.6629C16.
298236613 15.4871 16.5625 15.2486 16.5625 15C16.5625 14.7514 16.6613 14.5129 16.8371 14.3371C17.0129 14.1613 17.2514 14.0625 17.5 14.0625H25C25.2486 14.0625 25.4871 14.1613 25.6629 14.3371C25.8387 14.5129 25.9375 14.7514 25.9375 15Z"/>
29824                    </svg>
29825                  </span>
29826                </a>
29827              
29828            </div>
29829          
29830            <div class="swiper-slide" >
29831              
29832                <a href="https://www.instagram.com/apolloneuro/" target="_blank" class="c-l-image-div" aria-label="Abrir enlace de imagen">
29833                  
29834                    <img src="//apolloneuro.com/cdn/shop/files/burnout-recover.png?v=1761799773&amp;width=1600" alt="" srcset="//apolloneuro.com/cdn/shop/files/burnout-recover.png?v=1761799773&amp;width=352 352w, //apolloneuro.com/cdn/shop/files/burnout-recover.png?v=1761799773&amp;width=832 832w, //apolloneuro.com/cdn/shop/files/burnout-recover.png?v=1761799773&amp;width=1200 1200w, //apolloneuro.com/cdn/shop/files/burnout-recover.png?v=1761799773&amp;width=1600 1600w" width="1600" height="2016" loading="lazy" class="c-l-image">
29835                  
29836                  <!-- CTA icon overlay -->
29837                  <span class="cta-button" aria-hidden="true">
29838                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
29839                      <path d="M20 4.0625C16.8479 4.0625 13.7665 4.99722 11.1456 6.74845C8.5247 8.49969 6.48195 10.9888 5.27568 13.901C4.06941 16.8132 3.75379 20.0177 4.36874 23.1093C4.98369 26.2008 6.50159 29.0406 8.73049 31.2695C10.9594 33.4984 13.7992 35.0163 16.8908 35.6313C19.9823 36.2462 23.1868 35.9306 26.099 34.7243C29.0112 33.5181 31.5003 31.4753 33.2516 28.8544C35.0028 26.2335 35.9375 23.1521 35.9375 20C35.9325 15.7746 34.2518 11.7238 31.264 8.73597C28.2763 5.74818 24.2254 4.06746 20 4.0625ZM20 34.0625C17.2187 34.0625 14.4999 33.2377 12.1873 31.6925C9.87473 30.1473 8.07231 27.9511 7.00795 25.3815C5.94359 22.8119 5.66511 19.9844 6.20771 17.2565C6.75032 14.5287 8.08964 12.023 10.0563 10.0563C12.023 8.08963 14.5287 6.75031 17.2565 6.20771C19.9844 5.6651 22.8119 5.94359 25.3815 7.00794C27.9511 8.0723 30.1473 9.87473 31.6925 12.1873C33.2378 14.4999 34.0625 17.2187 34.0625 20C34.0584 23.7283 32.5755 27.3028 29.9391 29.9391C27.3028 32.5755 23.7283 34.0584 20 34.0625ZM25.9375 15V22.5C25.9375 22.7486 25.8387 22.9871 25.6629 23.1629C25.4871 23.3387 25.2486 23.4375 25 23.4375C24.7514 23.4375 24.5129 23.3387 24.3371 23.1629C24.1613 22.9871 24.0625 22.7486 24.0625 22.5V17.2641L15.6625 25.6625C15.4848 25.8281 15.2497 25.9183 15.0069 25.914C14.764 25.9097 14.5322 25.8113 14.3605 25.6395C14.1887 25.4678 14.0903 25.236 14.086 24.9932C14.0818 24.7503 14.1719 24.5152 14.3375 24.3375L22.7359 15.9375H17.5C17.2514 15.9375 17.0129 15.8387 16.8371 15.6629C16.6613 15.4871 16.5625 15.2486 16.5625 15C16.5625 14.7514 16.6613 14.5129 16.8371 14.3371C17.0129 14.1613 17.2514 14.0625 17.5 14.0625H25C25.2486 14.0625 25.4871 14.1613 25.6629 14.3371C25.8387 14.5129 25.9375 14.7514 25.9375 15Z"/>
29840                    </svg>
29841                  </span>
29842                </a>
29843              
29844            </div>
29845          
29846            <div class="swiper-slide" >
29847              
29848                <a href="https://www.instagram.com/apolloneuro/" target="_blank" class="c-l-image-div" aria-label="Abrir enlace de imagen">
29849                  
29850                    <img src="//apolloneuro.com/cdn/shop/files/feel-good.png?v=1761799773&amp;width=1600" alt="" srcset="//apolloneuro.com/cdn/shop/files/feel-good.png?v=1761799773&amp;width=352 352w, //apolloneuro.com/cdn/shop/files/feel-good.png?v=1761799773&amp;width=832 832w, //apolloneuro.com/cdn/shop/files/feel-good.png?v=1761799773&amp;width=1200 1200w, //apolloneuro.com/cdn/shop/files/feel-good.png?v=1761799773&amp;width=1600 1600w" width="1600" height="2004" loading="lazy" class="c-l-image">
29851                  
29852                  <!-- CTA icon overlay -->
29853                  <span class="cta-button" aria-hidden="true">
29854                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
29855                      <path d="M20 4.0625C16.8479 4.0625 13.7665 4.99722 11.1456 6.74845C8.5247 8.49969 6.48195 10.9888 5.27568 13.901C4.06941 16.8132 3.75379 20.0177 4.36874 23.1093C4.98369 26.2008 6.50159 29.0406 8.73049 31.2695C10.9594 33.4984 13.7992 35.0163 16.8908 35.6313C19.9823 36.2462 23.1868 35.9306 26.099 34.7243C29.0112 33.5181 31.5003 31.4753 33.2516 28.8544C35.0028 26.2335 35.9375 23.1521 35.9375 20C35.9325 15.7746 34.2518 11.7238 31.264 8.73597C28.2763 5.74818 24.2254 4.06746 20 4.0625ZM20 34.0625C17.2187 34.0625 14.4999 33.2377 12.1873 31.6925C9.87473 30.1473 8.07231 27.9511 7.00795 25.3815C5.94359 22.8119 5.66511 19.9844 6.20771 17.2565C6.75032 14.5287 8.08964 12.023 10.0563 10.0563C12.023 8.08963 14.5287 6.75031 17.2565 6.20771C19.9844 5.6651 22.8119 5.94359 25.3815 7.00794C27.9511 8.0723 30.1473 9.87473 31.6925 12.1873C33.2378 14.4999 34.0625 17.2187 34.0625 20C34.0584 23.7283 32.5755 27.3028 29.9391 29.9391C27.3028 32.5755 23.7283 34.0584 20 34.0625ZM25.9375 15V22.5C25.9375 22.7486 25.8387 22.9871 25.6629 23.1629C25.4871 23.3387 25.2486 23.4375 25 23.4375C24.7514 23.4375 24.5129 23.3387 24.3371 23.1629C24.1613 22.9871 24.0625 22.7486 24.0625 22.5V17.2641L15.6625 25.6625C15.4848 25.8281 15.2497 25.9183 15.0069 25.914C14.764 25.9097 14.5322 25.8113 14.3605 25.6395C14.1887 25.4678 14.0903 25.236 14.086 24.9932C14.0818 24.7503 14.1719 24.5152 14.3375 24.3375L22.7359 15.9375H17.5C17.2514 15.9375 17.0129 15.8387 16.8371 15.6629C16.
298556613 15.4871 16.5625 15.2486 16.5625 15C16.5625 14.7514 16.6613 14.5129 16.8371 14.3371C17.0129 14.1613 17.2514 14.0625 17.5 14.0625H25C25.2486 14.0625 25.4871 14.1613 25.6629 14.3371C25.8387 14.5129 25.9375 14.7514 25.9375 15Z"/>
29856                    </svg>
29857                  </span>
29858                </a>
29859              
29860            </div>
29861          
29862        </div>
29863      </div>
29864    </div>
29865  </div>
29866  </div> <!-- /.c-section__inner -->
29867</section>
29868
29869<script>
29870  function onSectionVisible(cb) {
29871    (window.onceVisible || function (_, cb) { cb(); })(document.getElementById("template--19420722397381__c_image_slider_with_text_DzckW7"), function () {
29872      (window.swiperReady || Promise.resolve()).then(cb);
29873    });
29874  }
29875
29876  onSectionVisible(function () {
29877    new Swiper("#template--19420722397381__c_image_slider_with_text_DzckW7 .swiper", {
29878      slidesPerView: "auto",
29879      spaceBetween: 16,
29880      grabCursor: true,
29881      freeMode: true,
29882      centeredSlides: false,
29883      breakpoints: {
29884        769: {
29885          spaceBetween: 13.0,
29886        },
29887      },
29888    });
29889  });
29890</script>
29890
29891
29892
29893</div><div id="shopify-section-template--19420722397381__c_tabs_faq_rjCmUc" class="shopify-section">
29894
29895<style>
29896  #template--19420722397381__c_tabs_faq_rjCmUc {
29897    font-size: 16px;
29898    padding: 112px 0;
29899    background: linear-gradient(245deg, #F5F0FE 1.6%, #F5EEF4 25.7%, #F6ECEB 59.09%, #F6E8D8 82.87%);
29900  }
29901
29902  #template--19420722397381__c_tabs_faq_rjCmUc .c-section-top {
29903    align-items: ;
29904    text-align: ;
29905    display: flex;
29906    flex-direction: column;
29907    gap: 24px;
29908  }
29909
29910  #template--19420722397381__c_tabs_faq_rjCmUc .c-section-top > h2 {
29911    color: var(--Neutral-Darkest-Gray, #181E21);
29912    font-family: "Founders Grotesk";
29913    font-size: 48px;
29914    font-style: normal;
29915    font-weight: 400;
29916    line-height: 120%;
29917    margin: 0;
29918    align-self: flex-start;
29919  }
29920
29921  #template--19420722397381__c_tabs_faq_rjCmUc .c-t-80 > p {
29922    color: var(--Neutral-Darkest-Gray, #181E21);
29923    font-family: var(--body-family) !important;
29924    font-size: 18px;
29925    font-style: normal;
29926    font-weight: 400;
29927    line-height: 150%;
29928    margin: 0;
29929    text-align: left;
29930  }
29931
29932  #template--19420722397381__c_tabs_faq_rjCmUc .c-container {
29933    margin: 0 auto;
29934    padding: 0 0;
29935    display: flex;
29936    flex-direction: row;
29937    gap: 32px;
29938  }
29939
29940  #template--19420722397381__c_tabs_faq_rjCmUc .c-faqs-container {
29941    width: 100%;
29942  }
29943
29944  /* -------------------------------------------------- */
29945  /* TABS STYLING — underline with active tab overlay   */
29946  /* -------------------------------------------------- */
29947  #template--19420722397381__c_tabs_faq_rjCmUc .c-tabs {
29948    display: flex;
29949    width: 100%;
29950    border-bottom: 1px solid var(--Neutral-Darkest-Gray, #181E21);
29951    position: relative;
29952    scroll-behavior: smooth;
29953  }
29954
29955  #template--19420722397381__c_tabs_faq_rjCmUc .c-tab-button {
29956    background: transparent;
29957    border: none;
29958    border-bottom: none;
29959    color: rgba(24, 30, 33, 0.60);
29960    font-size: 18px;
29961    font-style: normal;
29962    font-weight: 400;
29963    padding: 16px 20px !important;
29964    cursor: pointer;
29965    transition: all 0.3s ease;
29966    position: relative;
29967    font-family: var(--body-family) !important;
29968  }
29969
29970  #template--19420722397381__c_tabs_faq_rjCmUc .c-tab-button:hover {
29971    background-color: rgba(0, 0, 0, 0.03);
29972  }
29973
29974  /* Active tab */
29975  #template--19420722397381__c_tabs_faq_rjCmUc .c-tab-button.active {
29976    background: #F6ECEB;
29977    color: var(--Neutral-Darkest-Gray, #181E21);
29978    border: 1px solid var(--Neutral-Darkest-Gray, #181E21);
29979    border-radius: 8px 8px 0 0;
29980    border-bottom: none;
29981    z-index: 2;
29982    position: relative;
29983    margin-bottom: -1px;
29984  }
29985
29986  /* -------------------------------------------------- */
29987  /* FAQ STYLES                                         */
29988  /* -------------------------------------------------- */
29989  #template--19420722397381__c_tabs_faq_rjCmUc .c-faq-list {
29990    width: 100%;
29991    border-bottom: 1px solid rgba(24, 30, 33, 1);
29992  }
29993
29994  #template--19420722397381__c_tabs_faq_rjCmUc .c-faq-summary {
29995    display: flex;
29996    align-items: center;
29997    justify-content: space-between;
29998    padding-top: 18px;
29999    cursor: pointer;
30000  }
30001
30002  #template--19420722397381__c_tabs_faq_rjCmUc .c-faq-question {
30003    color: var(--Neutral-Darkest-Gray, #181E21);
30004    font-family: var(--body-family) !important;
30005    font-size: 18px;
30006    font-weight: 700;
30007    line-height: 150%;
30008    text-transform: uppercase;
30009    margin: 0;
30010  }
30011
30012  #template--19420722397381__c_tabs_faq_rjCmUc .c-faq-answer {
30013    padding-bottom: 18px;
30014  }
30015
30016  #template--19420722397381__c_tabs_faq_rjCmUc .c-faq-answer > p {
30017    margin: 0;
30018    color: var(--Neutral-Darkest-Gray, #181E21);
30019    font-size: 16px;
30020    font-weight: 400;
30021    line-height: 150%;
30022    font-family: var(--body-family) !important;
30023  }
30024
30025  #template--19420722397381__c_tabs_faq_rjCmUc .c-faq-icon svg {
30026    width: 24px;
30027    height: 24px;
30028    stroke: #050d37;
30029    transition: transform 0.3s ease;
30030  }
30031
30032  details[open] .c-faq-icon svg {
30033    transform: rotate(45deg);
30034  }
30035
30036  #template--19420722397381__c_tabs_faq_rjCmUc .c-faq-item {
30037    display: none;
30038  }
30039
30040  #template--19420722397381__c_tabs_faq_rjCmUc .c-faq-item.active-tab {
30041    display: flex;
30042    flex-direction: column;
30043    gap: 12px;
30044  }
30045
30046  /* -------------------------------------------------- */
30047  /* MOBILE                                             */
30048  /* -------------------------------------------------- */
30049  @media (max-width: 768px) {
30050    #template--19420722397381__c_tabs_faq_rjCmUc {
30051      padding: 64px 0;
30052    }
30053
30054    #template--19420722397381__c_tabs_faq_rjCmUc .c-container {
30055      padding: 0 0;
30056      flex-direction: column;
30057    }
30058
30059    #template--19420722397381__c_tabs_faq_rjCmUc .c-tab-button {
30060      font-size: 16px;
30061      padding: 12px;
30062    }
30063
30064    /* --- Tabs slider style --- */
30065    #template--19420722397381__c_tabs_faq_rjCmUc .c-tabs {
30066      overflow-x: auto;
30067      white-space: nowrap;
30068      scroll-snap-type: x mandatory;
30069      -webkit-overflow-scrolling: touch;
30070      gap: 8px;
30071      padding-bottom: 8px;
30072      border-bottom: none;
30073    }
30074
30075    #template--19420722397381__c_tabs_faq_rjCmUc .c-tab-button {
30076      display: inline-flex;
30077      scroll-snap-align: start;
30078      flex-shrink: 0;
30079      margin-right: 8px;
30080      border-radius: 8px;
30081      border: 1px solid transparent;
30082      transition: all 0.3s ease;
30083    }
30084
30085    #template--19420722397381__c_tabs_faq_rjCmUc .c-tab-button.active {
30086      border-color: var(--Neutral-Darkest-Gray, #181E21);
30087      background: transparent;
30088      color: var(--Neutral-Darkest-Gray, #181E21);
30089    }
30090
30091    #template--19420722397381__c_tabs_faq_rjCmUc .c-tabs::-webkit-scrollbar {
30092      display: none;
30093    }
30094  }
30095</style>
30096
30097<section id="template--19420722397381__c_tabs_faq_rjCmUc" class="c-section">
30098  <div class="c-section__inner">
30099  <div class="container c-container">
30100    <div class="c-section-top">
30101      
30102      
30103        <h2>FAQs</h2>
30104      
30105      
30106        <div class="c-t-80"><p>From product use to shipping details—your key questions, explained.</p></div>
30107      
30108    </div>
30109
30110    <div class="c-faqs-container">
30111      <div class="c-accordion-list">
30112        <!-- Tabs -->
30113        <div class="c-tabs">
30114          
30115          
30116            <button
30117              class="c-tab-button active"
30118              data-tab-id="products"
30119              
30120            >
30121              Products
30122            </button>
30123          
30124            <button
30125              class="c-tab-button "
30126              data-tab-id="smart-vibes"
30127              
30128            >
30129              SmartVibes®AI
30130            </button>
30131          
30132            <button
30133              class="c-tab-button "
30134              data-tab-id="science"
30135              
30136            >
30137              Science
30138            </button>
30139          
30140            <button
30141              class="c-tab-button "
30142              data-tab-id="shipping"
30143              
30144            >
30145              Shipping
30146            </button>
30147          
30148            <button
30149              class="c-tab-button "
30150              data-tab-id="ordering"
30151              
30152            >
30153              Ordering
30154            </button>
30155          
30156        </div>
30157
30158        <!-- FAQs -->
30159        <div class="c-faq-list">
30160          
30161          
30162
30163          
30164            <details
30165              class="c-faq-item active-tab"
30166              data-faq-tab="products"
30167              
30168            >
30169              <summary class="c-faq-summary">
30170                <h3 class="c-faq-question">Is Apollo HSA/FSA eligible?</h3>
30171                <div class="c-faq-icon">
30172                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
30173                    <path d="M20.8125 12C20.8125 12.1492 20.7532 12.2923 20.6477 12.3977C20.5423 12.5032 20.3992 12.5625 20.25 12.5625H12.5625V20.25C12.5625 20.3992 12.5032 20.5423 12.3977 20.6477C12.2923 20.7532 12.1492 20.8125 12 20.8125C11.8508 20.8125 11.7077 20.7532 11.6023 20.6477C11.4968 20.5423 11.4375 20.3992 11.4375 20.25V12.5625H3.75C3.60082 12.5625 3.45774 12.5032 3.35225 12.3977C3.24676 12.2923 3.1875 12.1492 3.1875 12C3.1875 11.8508 3.24676 11.7077 3.35225 11.6023C3.45774 11.4968 3.60082 11.4375 3.75 11.4375H11.4375V3.75C11.4375 3.60082 11.4968 3.45774 11.6023 3.35225C11.7077 3.24676 11.8508 3.1875 12 3.1875C12.1492 3.1875 12.2923 3.24676 12.3977 3.35225C12.5032 3.45774 12.5625 3.60082 12.5625 3.75V11.4375H20.25C20.3992 11.4375 20.5423 11.4968 20.6477 11.6023C20.7532 11.7077 20.8125 11.8508 20.8125 12Z" fill="#181E21"/>
30174                  </svg>
30175                </div>
30176              </summary>
30177              <div class="c-faq-answer"><p>Yes - both the Apollo wearable and SmartVibes AI Membership are eligible for use by HSA/FSA funds. After your purchase, simply click "Get Reimbursed" on the order confirmation page, and you'll be taken to Truemed's HSA/FSA portal, where you'll be able to request a Letter of Medical Necessity. Within 48 hours, you will receive your LMN along with provider-specific reimbursement instructions. </p></div>
30178            </details>
30179          
30180            <details
30181              class="c-faq-item active-tab"
30182              data-faq-tab="products"
30183              
30184            >
30185              <summary class="c-faq-summary">
30186                <h3 class="c-faq-question">What should I use the Apollo wearable for?</h3>
30187                <div class="c-faq-icon">
30188                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
30189                    <path d="M20.8125 12C20.8125 12.1492 20.7532 12.2923 20.6477 12.3977C20.5423 12.5032 20.3992 12.5625 20.25 12.5625H12.5625V20.25C12.5625 20.3992 12.5032 20.5423 12.3977 20.6477C12.2923 20.7532 12.1492 20.8125 12 20.8125C11.8508 20.8125 11.7077 20.7532 11.6023 20.6477C11.4968 20.5423 11.4375 20.3992 11.4375 20.25V12.5625H3.75C3.60082 12.5625 3.45774 12.5032 3.35225 12.3977C3.24676 12.2923 3.1875 12.1492 3.1875 12C3.1875 11.8508 3.24676 11.7077 3.35225 11.6023C3.45774 11.4968 3.60082 11.4375 3.75 11.4375H11.4375V3.75C11.4375 3.60082 11.4968 3.45774 11.6023 3.35225C11.7077 3.24676 11.8508 3.1875 12 3.1875C12.1492 3.1875 12.2923 3.24676 12.3977 3.35225C12.5032 3.45774 12.5625 3.60082 12.5625 3.75V11.4375H20.25C20.3992 11.4375 20.5423 11.4968 20.6477 11.6023C20.7532 11.7077 20.8125 11.8508 20.8125 12Z" fill="#181E21"/>
30190                  </svg>
30191                </div>
30192              </summary>
30193              <div class="c-faq-answer"><p>The Apollo wearable rebalances and strengthens your nervous system to <br/>become more resilient to stress. Regular usage of the Apollo wearable <br/>can help you hit your health goals and tap into a healthier, happier 
30193<br/>version of you. Calm down from a highly stressed state, sleep more <br/>deeply, channel meaningful focus, be present when it matters most, <br/>improve your meditation practice, and get a dose of extra energy when <br/>you need it.<br/><br/>Your Apollo wearable sends silent, soothing <br/>soundwaves that tell your body that you’re safe and in control. Your <br/>body relaxes, and you’re able to focus, sleep, and make decisions based <br/>on logic rather than fear.<br/><br/>You can use the Apollo wearable any <br/>time of day or night, discreetly and comfortably. Use the Scheduling <br/>feature in the Apollo Neuro app to select specific Vibes to play <br/>automatically throughout the day for an even more seamless experience.</p></div>
30194            </details>
30195          
30196            <details
30197              class="c-faq-item active-tab"
30198              data-faq-tab="products"
30199              
30200            >
30201              <summary class="c-faq-summary">
30202                <h3 class="c-faq-question">When should I wear my Apollo?</h3>
30203                <div class="c-faq-icon">
30204                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
30205                    <path d="M20.8125 12C20.8125 12.1492 20.7532 12.2923 20.6477 12.3977C20.5423 12.5032 20.3992 12.5625 20.25 12.5625H12.5625V20.25C12.5625 20.3992 12.5032 20.5423 12.3977 20.6477C12.2923 20.7532 12.1492 20.8125 12 20.8125C11.8508 20.8125 11.7077 20.7532 11.6023 20.6477C11.4968 20.5423 11.4375 20.3992 11.4375 20.25V12.5625H3.75C3.60082 12.5625 3.45774 12.5032 3.35225 12.3977C3.24676 12.2923 3.1875 12.1492 3.1875 12C3.1875 11.8508 3.24676 11.7077 3.35225 11.6023C3.45774 11.4968 3.60082 11.4375 3.75 11.4375H11.4375V3.75C11.4375 3.60082 11.4968 3.45774 11.6023 3.35225C11.7077 3.24676 11.8508 3.1875 12 3.1875C12.1492 3.1875 12.2923 3.24676 12.3977 3.35225C12.5032 3.45774 12.5625 3.60082 12.5625 3.75V11.4375H20.25C20.3992 11.4375 20.5423 11.4968 20.6477 11.6023C20.7532 11.7077 20.8125 11.8508 20.8125 12Z" fill="#181E21"/>
30206                  </svg>
30207                </div>
30208              </summary>
30209              <div class="c-faq-answer"><p>In order to maximize benefits from the Apollo wearable, including <br/>improving sleep, focus, energy, and stress-relief, use Apollo at least 3<br/> hours a day, 5 days a week, during the day and night. Unlike many other<br/> stress relief or meditation wearables, you can comfortably and <br/>effectively use the Apollo wearable throughout the day and night while <br/>you sleep. Remember, using Apollo consistently is key to feeling better.</p></div>
30210            </details>
30211          
30212            <details
30213              class="c-faq-item active-tab"
30214              data-faq-tab="products"
30215              
30216            >
30217              <summary class="c-faq-summary">
30218                <h3 class="c-faq-question">How quickly does it work and how long should I use it?</h3>
30219                <div class="c-faq-icon">
30220                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
30221                    <path d="M20.8125 12C20.8125 12.1492 20.7532 12.2923 20.6477 12.3977C20.5423 12.5032 20.3992 12.5625 20.25 12.5625H12.5625V20.25C12.5625 20.3992 12.5032 20.5423 12.3977 20.6477C12.2923 20.7532 12.1492 20.8125 12 20.8125C11.8508 20.8125 11.7077 20.7532 11.6023 20.6477C11.4968 20.5423 11.4375 20.3992 11.4375 20.25V12.5625H3.75C3.60082 12.5625 3.45774 12.5032 3.35225 12.3977C3.24676 12.2923 3.1875 12.1492 3.1875 12C3.1875 11.8508 3.24676 11.7077 3.35225 11.6023C3.45774 11.4968 3.60082 11.4375 3.75 11.4375H11.4375V3.75C11.4375 3.60082 11.4968 3.45774 11.6023 3.35225C11.7077 3.24676 11.8508 3.1875 12 3.1875C12.1492 3.1875 12.2923 3.24676 12.3977 3.35225C12.5032 3.45774 12.5625 3.60082 12.5625 3.75V11.4375H20.25C20.3992 11.4375 20.5423 11.4968 20.6477 11.6023C20.7532 11.7077 20.8125 11.8508 20.8125 12Z" fill="#181E21"/>
30222                  </svg>
30223                </div>
30224              </summary>
30225              <div class="c-faq-answer"><p>To get started, we recommend using the Apollo wearable for a minimum of 3<br/> hours a day, 5 days a week, during the day and night. You can certainly<br/> use it more if you like - the more you use it, the better it works. <br/>Explore the different Vibes that work best for you. Everyone’s a little <br/>different – feel free to experiment!<br/><br/>Remember – consistency is <br/>key. Here’s why: when used consistently, it helps to retrain your <br/>nervous system so you can manage stress more effectively on your own. <br/>Over time, you’ll sleep better, have more energy, feel more balanced, <br/>and increase your focus.<br/><br/>Though many notice the effects soon <br/>after starting a mode, it can take up to 30 days of regular use to <br/>realize consistent changes in how you feel.</p></div>
30226            </details>
30227          
30228            <details
30229              class="c-faq-item active-tab"
30230              data-faq-tab="products"
30231              
30232            >
30233              <summary class="c-faq-summary">
30234                <h3 class="c-faq-question">Does it track biometrics?</h3>
30235                <div class="c-faq-icon">
30236                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
30237                    <path d="M20.8125 12C20.8125 12.1492 20.7532 12.2923 20.6477 12.3977C20.5423 12.5032 20.3992 12.5625 20.25 12.5625H12.5625V20.25C12.5625 20.3992 12.5032 20.5423 12.3977 20.6477C12.2923 20.7532 12.1492 20.8125 12 20.8125C11.8508 20.8125 11.7077 20.7532 11.6023 20.6477C11.4968 20.5423 11.4375 20.3992 11.4375 20.25V12.5625H3.75C3.60082 12.5625 3.45774 12.5032 3.35225 12.3977C3.24676 12.2923 3.1875 12.1492 3.1875 12C3.1875 11.8508 3.24676 11.7077 3.35225 11.6023C3.45774 11.4968 3.60082 11.4375 3.75 11.4375H11.4375V3.75C11.4375 3.60082 11.4968 3.45774 11.6023 3.35225C11.7077 3.24676 11.8508 3.1875 12 3.1875C12.1492 3.1875 12.2923 3.24676 12.3977 3.35225C12.5032 3.45774 12.5625 3.60082 12.5625 3.75V11.4375H20.25C20.3992 11.4375 20.5423 11.4968 20.6477 11.6023C20.7532 11.7077 20.8125 11.8508 20.8125 12Z" fill="#181E21"/>
30238                  </svg>
30239                </div>
30240              </summary>
30241              <div class="c-faq-answer"><p>Rather than tracking your biometrics, the Apollo wearable actively <br/>improves your health. As it strengthens and rebalances your autonomic <br/>nervous system, your heart rate variability (HRV) improves – which means<br/> you’re building your resilience to stress. Over time, your body learns <br/>to recover from stress more quickly, so you can relax, sleep better, and<br/> find deep, meaningful focus.<br/><br/>Many users choose to track their <br/>biometrics using other devices and report significant improvements in <br/>HRV, sleep scores, resting heart rate, and more after consistent usage. <br/>Apollo Neuro integrates with Apple Health and ŌURA Ring in the settings <br/>of your profile in the Apollo Neuro app.</p></div>
30242            </details>
30243          
30244            <details
30245              class="c-faq-item active-tab"
30246              data-faq-tab="products"
30247              
30248            >
30249              <summary class="c-faq-summary">
30250                <h3 class="c-faq-question">Can Apollo Neuro sync with Apple Health?</h3>
30251                <div class="c-faq-icon">
30252                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
30253                    <path d="M20.8125 12C20.8125 12.1492 20.7532 12.2923 20.6477 12.3977C20.5423 12.5032 20.3992 12.5625 20.25 12.5625H12.5625V20.25C12.5625 20.3992 12.5032 20.5423 12.3977 20.6477C12.2923 20.7532 12.1492 20.8125 12 20.8125C11.8508 20.8125 11.7077 20.7532 11.6023 20.6477C11.4968 20.5423 11.4375 20.3992 11.4375 20.25V12.5625H3.75C3.60082 12.5625 3.45774 12.5032 3.35225 12.3977C3.24676 12.2923 3.1875 12.1492 3.1875 12C3.1875 11.8508 3.24676 11.7077 3.35225 11.6023C3.45774 11.4968 3.60082 11.4375 3.75 11.4375H11.4375V3.75C11.4375 3.60082 11.4968 3.45774 11.6023 3.35225C11.7077 3.24676 11.8508 3.1875 12 3.1875C12.1492 3.1875 12.2923 3.24676 12.3977 3.35225C12.5032 3.45774 12.5625 3.60082 12.5625 3.75V11.4375H20.25C20.3992 11.4375 20.5423 11.4968 20.6477 11.6023C20.7532 11.7077 20.8125 11.8508 20.8125 12Z" fill="#181E21"/>
30254                  </svg>
30255                </div>
30256              </summary>
30257              <div class="c-faq-answer"><p>Yes, iOS users can link their Apollo Neuro accounts to Apple Health in <br/>the Apollo Neuro app. By using this Apple Health integration, you’ll be <br/>
30257able to track your Apollo wearable usage as Mindful Minutes to optimize <br/>your experience.</p></div>
30258            </details>
30259          
30260            <details
30261              class="c-faq-item active-tab"
30262              data-faq-tab="products"
30263              
30264            >
30265              <summary class="c-faq-summary">
30266                <h3 class="c-faq-question">Is the Apollo wearable safe?</h3>
30267                <div class="c-faq-icon">
30268                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
30269                    <path d="M20.8125 12C20.8125 12.1492 20.7532 12.2923 20.6477 12.3977C20.5423 12.5032 20.3992 12.5625 20.25 12.5625H12.5625V20.25C12.5625 20.3992 12.5032 20.5423 12.3977 20.6477C12.2923 20.7532 12.1492 20.8125 12 20.8125C11.8508 20.8125 11.7077 20.7532 11.6023 20.6477C11.4968 20.5423 11.4375 20.3992 11.4375 20.25V12.5625H3.75C3.60082 12.5625 3.45774 12.5032 3.35225 12.3977C3.24676 12.2923 3.1875 12.1492 3.1875 12C3.1875 11.8508 3.24676 11.7077 3.35225 11.6023C3.45774 11.4968 3.60082 11.4375 3.75 11.4375H11.4375V3.75C11.4375 3.60082 11.4968 3.45774 11.6023 3.35225C11.7077 3.24676 11.8508 3.1875 12 3.1875C12.1492 3.1875 12.2923 3.24676 12.3977 3.35225C12.5032 3.45774 12.5625 3.60082 12.5625 3.75V11.4375H20.25C20.3992 11.4375 20.5423 11.4968 20.6477 11.6023C20.7532 11.7077 20.8125 11.8508 20.8125 12Z" fill="#181E21"/>
30270                  </svg>
30271                </div>
30272              </summary>
30273              <div class="c-faq-answer"><p>The Apollo wearable is safe and non-invasive, and has no significant <br/>side effects or negative reactions from routine use in adults and <br/>children alike. It can be used as a complement to enhance the effects of<br/> many other stress relief practices, therapeutics, and medications <br/>without harmful interactions.</p></div>
30274            </details>
30275          
30276            <details
30277              class="c-faq-item active-tab"
30278              data-faq-tab="products"
30279              
30280            >
30281              <summary class="c-faq-summary">
30282                <h3 class="c-faq-question">Can the Apollo wearable be used with persons who have implanted devices that may be affected by magnets?</h3>
30283                <div class="c-faq-icon">
30284                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
30285                    <path d="M20.8125 12C20.8125 12.1492 20.7532 12.2923 20.6477 12.3977C20.5423 12.5032 20.3992 12.5625 20.25 12.5625H12.5625V20.25C12.5625 20.3992 12.5032 20.5423 12.3977 20.6477C12.2923 20.7532 12.1492 20.8125 12 20.8125C11.8508 20.8125 11.7077 20.7532 11.6023 20.6477C11.4968 20.5423 11.4375 20.3992 11.4375 20.25V12.5625H3.75C3.60082 12.5625 3.45774 12.5032 3.35225 12.3977C3.24676 12.2923 3.1875 12.1492 3.1875 12C3.1875 11.8508 3.24676 11.7077 3.35225 11.6023C3.45774 11.4968 3.60082 11.4375 3.75 11.4375H11.4375V3.75C11.4375 3.60082 11.4968 3.45774 11.6023 3.35225C11.7077 3.24676 11.8508 3.1875 12 3.1875C12.1492 3.1875 12.2923 3.24676 12.3977 3.35225C12.5032 3.45774 12.5625 3.60082 12.5625 3.75V11.4375H20.25C20.3992 11.4375 20.5423 11.4968 20.6477 11.6023C20.7532 11.7077 20.8125 11.8508 20.8125 12Z" fill="#181E21"/>
30286                  </svg>
30287                </div>
30288              </summary>
30289              <div class="c-faq-answer"><p>Your Apollo device contains magnets. Keep it away from credit cards and <br/>devices that may be affected by magnets. Keep your Apollo device more <br/>than 6in/15cm away from medical devices. If you suspect interference <br/>with a medical device, stop using your Apollo device and consult your <br/>medical provider.</p></div>
30290            </details>
30291          
30292            <details
30293              class="c-faq-item active-tab"
30294              data-faq-tab="products"
30295              
30296            >
30297              <summary class="c-faq-summary">
30298                <h3 class="c-faq-question">What size Band should I choose?</h3>
30299                <div class="c-faq-icon">
30300                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
30301                    <path d="M20.8125 12C20.8125 12.1492 20.7532 12.2923 20.6477 12.3977C20.5423 12.5032 20.3992 12.5625 20.25 12.5625H12.5625V20.25C12.5625 20.3992 12.5032 20.5423 12.3977 20.6477C12.2923 20.7532 12.1492 20.8125 12 20.8125C11.8508 20.8125 11.7077 20.7532 11.6023 20.6477C11.4968 20.5423 11.4375 20.3992 11.4375 20.25V12.5625H3.75C3.60082 12.5625 3.45774 12.5032 3.35225 12.3977C3.24676 12.2923 3.1875 12.1492 3.1875 12C3.1875 11.8508 3.24676 11.7077 3.35225 11.6023C3.45774 11.4968 3.60082 11.4375 3.75 11.4375H11.4375V3.75C11.4375 3.60082 11.4968 3.45774 11.6023 3.35225C11.7077 3.24676 11.8508 3.1875 12 3.1875C12.1492 3.1875 12.2923 3.24676 12.3977 3.35225C12.5032 3.45774 12.5625 3.60082 12.5625 3.75V11.4375H20.25C20.3992 11.4375 20.5423 11.4968 20.6477 11.6023C20.7532 11.7077 20.8125 11.8508 20.8125 12Z" fill="#181E21"/>
30302                  </svg>
30303                </div>
30304              </summary>
30305              <div class="c-faq-answer"><p>We recommend size Medium Bands to fit most adult and teen wrists and <br/>ankles. Since many people prefer to wear Apollo on the ankle while they <br/>sleep, order a size that can fit your ankle as well as your wrist. Size <br/>Small is best for children under 12 and very small adult wrists. Size <br/>Large is best for very large adult ankles and upper arms. We offer <a href="https://apolloneuro.com/products/apollo-band">additional Bands for purchase </a>if you would like multiple sizes.</p></div>
30306            </details>
30307          
30308            <details
30309              class="c-faq-item "
30310              data-faq-tab="smart-vibes"
30311              
30312            >
30313              <summary class="c-faq-summary">
30314                <h3 class="c-faq-question">What do Apollo Vibes feel like?</h3>
30315                <div class="c-faq-icon">
30316                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
30317                    <path d="M20.8125 12C20.8125 12.1492 20.7532 12.2923 20.6477 12.3977C20.5423 12.5032 20.3992 12.5625 20.25 12.5625H12.5625V20.25C12.5625 20.3992 12.5032 20.5423 12.3977 20.6477C12.2923 20.7532 12.1492 20.8125 12 20.8125C11.8508 20.8125 11.7077 20.7532 11.6023 20.6477C11.4968 20.5423 11.4375 20.3992 11.4375 20.25V12.5625H3.75C3.60082 12.5625 3.45774 12.5032 3.35225 12.3977C3.24676 12.2923 3.1875 12.1492 3.1875 12C3.1875 11.8508 3.24676 11.7077 3.35225 11.6023C3.45774 11.4968 3.60082 11.4375 3.75 11.4375H11.4375V3.75C11.4375 3.60082 11.4968 3.45774 11.6023 3.35225C11.7077 3.24676 11.8508 3.1875 12 3.1875C12.1492 3.1875 12.2923 3.24676 12.3977 3.35225C12.5032 3.45774 12.5625 3.60082 12.5625 3.75V11.4375H20.25C20.3992 11.4375 20.5423 11.4968 20.6477 11.6023C20.7532 11.7077 20.8125 11.8508 20.8125 12Z" fill="#181E21"/>
30318                  </svg>
30319                </div>
30320              </summary>
30321              <div class="c-faq-answer"><p>Vibes are like silent soundtracks composed for your body that influence <br/>the way you feel. They are experienced as gentle waves of vibration on <br/>the skin that come and go, and patterns differ in rhythm, depending on <br/>the goal-based mode. You’ll feel a gentle soothing sensation for calming<br/> and sleep programs and a more energetic sensation for social and focus <br/>programs.<br/><br/>Developed by physicians and neuroscientists, Apollo <br/>Vibes use vibration patterns that are designed to facilitate natural <br/>states of calm, clarity, focus, and relaxation. Unlike typical <br/>electronic devices that vibrate like a cell phone or massager, the <br/>Apollo wearable vibrations are nuanced programs that feel subtle and <br/>natural to the body.<br/><br/>Adjust the Vibe intensity based on the <br/>environment — just like how you listen to music at a lower volume when <br/>you’re alone in a quiet place versus on a plane with an engine roaring. <br/>The goal is to just barely notice the vibrations so that they fade into <br/>the background.</p></div>
30322            </details>
30323          
30324            <details
30325              class="c-faq-item "
30326              data-faq-tab="smart-vibes"
30327              
30328            >
30329              <summary class="c-faq-summary">
30330                <h3 class="c-faq-question">Can I schedule Vibes to play automatically?</h3>
30331                <div class="c-faq-icon">
30332                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
30333                    <path d="M20.8125 12C20.8125 12.1492 20.7532 12.2923 20.6477 12.3977C20.5423 12.5032 20.3992 12.5625 20.25 12.5625H12.5625V20.25C12.5625 20.3992 12.5032 20.5423 12.3977 20.6477C12.2923 20.7532 12.1492 20.8125 12 20.8125C11.8508 20.8125 11.7077 20.7532 11.6023 20.6477C11.4968 20.5423 11.4375 20.3992 11.4375 20.25V12.5625H3.75C3.60082 12.5625 3.45774 12.5032 3.35225 12.3977C3.24676 12.2923 3.1875 12.1492 3.1875 12C3.1875 11.8508 3.24676 11.7077 3.35225 11.6023C3.45774 11.4968 3.60082 11.4375 3.75 11.4375H11.4375V3.75C11.4375 3.60082 11.4968 3.45774 11.6023 3.35225C11.7077 3.24676 11.8508 3.1875 12 3.1875C12.1492 3.1875 12.2923 3.24676 12.3977 3.35225C12.5032 3.45774 12.5625 3.60082 12.5625 3.75V11.4375H20.25C20.3992 11.4375 20.5423 11.4968 20.6477 11.6023C20.7532 11.7077 20.8125 11.8508 20.8125 12Z" fill="#181E21"/>
30334                  </svg>
30335                </div>
30336              </summary>
30337              <div class="c-faq-answer"><p>Yes. Through the Scheduling feature, you can create a customized schedule that automatically plays throughout the day.</p></div>
30338            </details>
30339          
30340            <details
30341              class="c-faq-item "
30342              data-faq-tab="science"
30343              
30344            >
30345              <summary class="c-faq-summary">
30346                <h3 class="c-faq-question">Where can I find information on Apollo Neuro studies?</h3>
30347                <div class="c-faq-icon">
30348                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
30349                    <path d="M20.8125 12C20.8125 12.1492 20.7532 12.2923 20.6477 12.3977C20.5423 12.5032 20.3992 12.5625 20.25 12.5625H12.5625V20.25C12.5625 20.3992 12.5032 20.5423 12.3977 20.6477C12.2923 20.7532 12.1492 20.8125 12 20.8125C11.8508 20.8125 11.7077 20.7532 11.6023 20.6477C11.4968 20.5423 11.4375 20.3992 11.4375 20.25V12.5625H3.75C3.60082 12.5625 3.45774 12.5032 3.35225 12.3977C3.24676 12.2923 3.1875 12.1492 3.1875 12C3.1875 11.8508 3.24676 11.7077 3.35225 11.6023C3.45774 11.4968 3.60082 11.4375 3.75 11.4375H11.4375V3.75C11.4375 3.60082 11.4968 3.45774 11.6023 3.35225C11.7077 3.24676 11.8508 3.1875 12 3.1875C12.1492 3.1875 12.2923 3.24676 12.3977 3.35225C12.5032 3.45774 12.5625 3.60082 12.5625 3.75V11.4375H20.25C20.3992 11.4375 20.5423 11.4968 20.6477 11.6023C20.7532 11.7077 20.8125 11.8508 20.8125 12Z" fill="#181E21"/>
30350                  </svg>
30351                </div>
30352              </summary>
30353              <div class="c-faq-answer"><p>Find out more about the science behind the Apollo wearable and summary <br/>of all current and ongoing research trials on the Apollo Neuro <br/>technology. Several academic institutions, including the University of <br/>Pittsburgh, have conducted independent clinical research and trials of <br/>the Apollo Neuro technology. We will share these peer-reviewed <br/>publications as they release them. Reach out to [email protected]<br/> to receive updates on research results, science, and publications.</p></div>
30354            </details>
30355          
30356            <details
30357              class="c-faq-item "
30358              data-faq-tab="science"
30359              
30360            >
30361              <summary class="c-faq-summary">
30362                <h3 class="c-faq-question">Is the Apollo Neuro technology safe in terms of EMF? Can I turn off Bluetooth?</h3>
30363                <div class="c-faq-icon">
30364                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
30365                    <path d="M20.8125 12C20.8125 12.1492 20.7532 12.2923 20.6477 12.3977C20.5423 12.5032 20.3992 12.5625 20.25 12.5625H12.5625V20.25C12.5625 20.3992 12.5032 20.5423 12.3977 20.6477C12.2923 20.7532 12.1492 20.8125 12 20.8125C11.8508 20.8125 11.7077 20.7532 11.6023 20.6477C11.4968 20.5423 11.4375 20.3992 11.4375 20.25V12.5625H3.75C3.60082 12.5625 3.45774 12.5032 3.35225 12.3977C3.24676 12.2923 3.1875 12.1492 3.1875 12C3.1875 11.8508 3.24676 11.7077 3.35225 11.6023C3.45774 11.4968 3.60082 11.4375 3.75 11.4375H11.4375V3.75C11.4375 3.60082 11.4968 3.45774 11.6023 3.35225C11.7077 3.24676 11.8508 3.1875 12 3.1875C12.1492 3.1875 12.2923 3.24676 12.3977 3.35225C12.5032 3.45774 12.5625 3.60082 12.5625 3.75V11.4375H20.25C20.3992 11.4375 20.5423 11.4968 20.6477 11.6023C20.7532 11.7077 20.8125 11.8508 20.8125 12Z" fill="#181E21"/>
30366                  </svg>
30367                </div>
30368              </summary>
30369              <div class="c-faq-answer"><p>The Apollo system was designed with EMF concerns in mind. The device has<br/> an Airplane Mode that you can select to disable the wearable's internal<br/> antenna. When Airplane Mode is off and the app is actively in use, the <br/>Apollo wearable emits very low levels of EMF from the Bluetooth <br/>connection between the device and app. Once you select an Apollo program<br/> and close the app, Bluetooth communication stops until you open the app<br/>
30369 again. The Apollo wearable waves are sound waves (like music that you <br/>can feel and not hear). They are safe for kids, adults, and the elderly.<br/> Learn how to put the Apollo wearable in airplane mode.</p></div>
30370            </details>
30371          
30372            <details
30373              class="c-faq-item "
30374              data-faq-tab="shipping"
30375              
30376            >
30377              <summary class="c-faq-summary">
30378                <h3 class="c-faq-question">What countries does Apollo Neuro ship to?</h3>
30379                <div class="c-faq-icon">
30380                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
30381                    <path d="M20.8125 12C20.8125 12.1492 20.7532 12.2923 20.6477 12.3977C20.5423 12.5032 20.3992 12.5625 20.25 12.5625H12.5625V20.25C12.5625 20.3992 12.5032 20.5423 12.3977 20.6477C12.2923 20.7532 12.1492 20.8125 12 20.8125C11.8508 20.8125 11.7077 20.7532 11.6023 20.6477C11.4968 20.5423 11.4375 20.3992 11.4375 20.25V12.5625H3.75C3.60082 12.5625 3.45774 12.5032 3.35225 12.3977C3.24676 12.2923 3.1875 12.1492 3.1875 12C3.1875 11.8508 3.24676 11.7077 3.35225 11.6023C3.45774 11.4968 3.60082 11.4375 3.75 11.4375H11.4375V3.75C11.4375 3.60082 11.4968 3.45774 11.6023 3.35225C11.7077 3.24676 11.8508 3.1875 12 3.1875C12.1492 3.1875 12.2923 3.24676 12.3977 3.35225C12.5032 3.45774 12.5625 3.60082 12.5625 3.75V11.4375H20.25C20.3992 11.4375 20.5423 11.4968 20.6477 11.6023C20.7532 11.7077 20.8125 11.8508 20.8125 12Z" fill="#181E21"/>
30382                  </svg>
30383                </div>
30384              </summary>
30385              <div class="c-faq-answer"><p><a href="https://help.apolloneuro.com/hc/en-us/articles/360051308834-International-orders-availability-shipping-and-value-added-tax?_gl=1%2A1isyeim%2A_gcl_au%2AMTI4MjAzMDQ1Ni4xNzQ3NzYzMjgz%2A_ga%2ANDUxODg1NjUuMTc0Nzc2MzI4Mw..%2A_ga_7J8J3W1XMM%2AczE3NDk0ODgwNjkkbzkkZzEkdDE3NDk1MDA2NzIkajMxJGwwJGgw" target="_blank" title="https://help.apolloneuro.com/hc/en-us/articles/360051308834-International-orders-availability-shipping-and-value-added-tax?_gl=1%2A1isyeim%2A_gcl_au%2AMTI4MjAzMDQ1Ni4xNzQ3NzYzMjgz%2A_ga%2ANDUxODg1NjUuMTc0Nzc2MzI4Mw..%2A_ga_7J8J3W1XMM%2AczE3NDk0ODgwNjkkbzkkZzEkdDE3NDk1MDA2NzIkajMxJGwwJGgw">Here’s a complete list of regions where we sell Apollo.</a></p></div>
30386            </details>
30387          
30388            <details
30389              class="c-faq-item "
30390              data-faq-tab="shipping"
30391              
30392            >
30393              <summary class="c-faq-summary">
30394                <h3 class="c-faq-question">What are Apollo's return and warranty policies?</h3>
30395                <div class="c-faq-icon">
30396                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
30397                    <path d="M20.8125 12C20.8125 12.1492 20.7532 12.2923 20.6477 12.3977C20.5423 12.5032 20.3992 12.5625 20.25 12.5625H12.5625V20.25C12.5625 20.3992 12.5032 20.5423 12.3977 20.6477C12.2923 20.7532 12.1492 20.8125 12 20.8125C11.8508 20.8125 11.7077 20.7532 11.6023 20.6477C11.4968 20.5423 11.4375 20.3992 11.4375 20.25V12.5625H3.75C3.60082 12.5625 3.45774 12.5032 3.35225 12.3977C3.24676 12.2923 3.1875 12.1492 3.1875 12C3.1875 11.8508 3.24676 11.7077 3.35225 11.6023C3.45774 11.4968 3.60082 11.4375 3.75 11.4375H11.4375V3.75C11.4375 3.60082 11.4968 3.45774 11.6023 3.35225C11.7077 3.24676 11.8508 3.1875 12 3.1875C12.1492 3.1875 12.2923 3.24676 12.3977 3.35225C12.5032 3.45774 12.5625 3.60082 12.5625 3.75V11.4375H20.25C20.3992 11.4375 20.5423 11.4968 20.6477 11.6023C20.7532 11.7077 20.8125 11.8508 20.8125 12Z" fill="#181E21"/>
30398                  </svg>
30399                </div>
30400              </summary>
30401              <div class="c-faq-answer"><p>You have 30 days from the date of delivery to request a full refund, <br/>minus shipping if you are unsatisfied with your Apollo wearable <br/>
30401purchase. Import and duties fees for non-US orders are not refundable. <br/>Apollo devices have a one-year warranty and offers extended warranties <br/>at checkout.</p></div>
30402            </details>
30403          
30404            <details
30405              class="c-faq-item "
30406              data-faq-tab="ordering"
30407              
30408            >
30409              <summary class="c-faq-summary">
30410                <h3 class="c-faq-question">How can I purchase a device only?</h3>
30411                <div class="c-faq-icon">
30412                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
30413                    <path d="M20.8125 12C20.8125 12.1492 20.7532 12.2923 20.6477 12.3977C20.5423 12.5032 20.3992 12.5625 20.25 12.5625H12.5625V20.25C12.5625 20.3992 12.5032 20.5423 12.3977 20.6477C12.2923 20.7532 12.1492 20.8125 12 20.8125C11.8508 20.8125 11.7077 20.7532 11.6023 20.6477C11.4968 20.5423 11.4375 20.3992 11.4375 20.25V12.5625H3.75C3.60082 12.5625 3.45774 12.5032 3.35225 12.3977C3.24676 12.2923 3.1875 12.1492 3.1875 12C3.1875 11.8508 3.24676 11.7077 3.35225 11.6023C3.45774 11.4968 3.60082 11.4375 3.75 11.4375H11.4375V3.75C11.4375 3.60082 11.4968 3.45774 11.6023 3.35225C11.7077 3.24676 11.8508 3.1875 12 3.1875C12.1492 3.1875 12.2923 3.24676 12.3977 3.35225C12.5032 3.45774 12.5625 3.60082 12.5625 3.75V11.4375H20.25C20.3992 11.4375 20.5423 11.4968 20.6477 11.6023C20.7532 11.7077 20.8125 11.8508 20.8125 12Z" fill="#181E21"/>
30414                  </svg>
30415                </div>
30416              </summary>
30417              <div class="c-faq-answer"><p>Apollo wearables require a SmartVibes membership for use. If you're <br/>an existing SmartVibes member and would like to purchase a new or <br/>replacement device, our <a href="https://help.apolloneuro.com/hc/en-us/articles/360046822854-Contact-customer-service?_gl=1*ub8ak3*_gcl_au*MTI4MjAzMDQ1Ni4xNzQ3NzYzMjgz*_ga*NDUxODg1NjUuMTc0Nzc2MzI4Mw..*_ga_7J8J3W1XMM*czE3NDk0ODgwNjkkbzkkZzEkdDE3NDk1MDE5NjUkajYwJGwwJGgw" target="_blank" title="https://help.apolloneuro.com/hc/en-us/articles/360046822854-Contact-customer-service?_gl=1*ub8ak3*_gcl_au*MTI4MjAzMDQ1Ni4xNzQ3NzYzMjgz*_ga*NDUxODg1NjUuMTc0Nzc2MzI4Mw..*_ga_7J8J3W1XMM*czE3NDk0ODgwNjkkbzkkZzEkdDE3NDk1MDE5NjUkajYwJGwwJGgw">Customer Service</a> team is here to help. </p></div>
30418            </details>
30419          
30420            <details
30421              class="c-faq-item "
30422              data-faq-tab="ordering"
30423              
30424            >
30425              <summary class="c-faq-summary">
30426                <h3 class="c-faq-question">is apollo HSA or FSA eligible?</h3>
30427                <div class="c-faq-icon">
30428                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
30429                    <path d="M20.8125 12C20.8125 12.1492 20.7532 12.2923 20.6477 12.3977C20.5423 12.5032 20.3992 12.5625 20.25 12.5625H12.5625V20.25C12.5625 20.3992 12.5032 20.5423 12.3977 20.6477C12.2923 20.7532 12.1492 20.8125 12 20.8125C11.8508 20.8125 11.7077 20.7532 11.6023 20.6477C11.4968 20.5423 11.4375 20.3992 11.4375 20.25V12.5625H3.75C3.60082 12.5625 3.45774 12.5032 3.35225 12.3977C3.24676 12.2923 3.1875 12.1492 3.1875 12C3.1875 11.8508 3.24676 11.7077 3.35225 11.6023C3.45774 11.4968 3.60082 11.4375 3.75 11.4375H11.4375V3.75C11.4375 3.60082 11.4968 3.45774 11.6023 3.35225C11.7077 3.24676 11.8508 3.1875 12 3.1875C12.1492 3.1875 12.2923 3.24676 12.3977 3.35225C12.5032 3.45774 12.5625 3.60082 12.5625 3.75V11.4375H20.25C20.3992 11.4375 20.5423 11.4968 20.6477 11.6023C20.7532 11.7077 20.8125 11.8508 20.8125 12Z" fill="#181E21"/>
30430                  </svg>
30431                </div>
30432              </summary>
30433              <div class="c-faq-answer"><p>Yes - both the Apollo wearable and SmartVibes AI Membership are eligible for purchase using your HSA/FSA funds. <a href="https://apolloneuro.com/pages/hsa-fsa-apollo" title="https://apolloneuro.com/pages/hsa-fsa-apollo"><strong>You can use your HSA/FSA card to purchase via Truemed here.</strong></a></p><ul><li>The Truemed payment option is only available through the product on the HSA/FSA page.</li><li>If you didn't see Truemed as a payment option, you can still use your HSA/FSA funds. After your purchase, simply click "Get Reimbursed" on the order 
30433confirmation page, and you'll be taken to Truemed's HSA/FSA portal, where you'll be able to request a Letter of Medical Necessity. Within 48 hours, you will receive your LMN along with provider-specific reimbursement instructions.</li></ul></div>
30434            </details>
30435          
30436        </div>
30437      </div>
30438    </div>
30439  </div>
30440  </div> <!-- /.c-section__inner -->
30441</section>
30442
30443<script>
30444  document.addEventListener('DOMContentLoaded', function () {
30445    const sectionId = 'template--19420722397381__c_tabs_faq_rjCmUc';
30446    const tabButtons = document.querySelectorAll(`#${sectionId} .c-tab-button`);
30447    const faqItems = document.querySelectorAll(`#${sectionId} .c-faq-item`);
30448
30449    tabButtons.forEach((button) => {
30450      button.addEventListener('click', function (e) {
30451        const targetTabId = this.getAttribute('data-tab-id');
30452
30453        // Remove active state from all
30454        tabButtons.forEach((btn) => btn.classList.remove('active'));
30455        this.classList.add('active');
30456
30457        // Hide all FAQ items
30458        faqItems.forEach((item) => {
30459          item.classList.remove('active-tab');
30460          if (item.hasAttribute('open')) item.removeAttribute('open');
30461        });
30462
30463        // Show only relevant FAQs
30464        const targetFaqs = document.querySelectorAll(`#${sectionId} .c-faq-item[data-faq-tab="${targetTabId}"]`);
30465        targetFaqs.forEach((faq) => faq.classList.add('active-tab'));
30466
30467        // 📱 MOBILE: scroll active tab into view
30468        if (window.innerWidth <= 768) {
30469          this.scrollIntoView({
30470            behavior: 'smooth',
30471            block: 'nearest',
30472            inline: 'start',
30473          });
30474        }
30475      });
30476    });
30477
30478    // Accordion close others
30479    faqItems.forEach((item) => {
30480      item.addEventListener('toggle', function () {
30481        if (this.hasAttribute('open')) {
30482          const currentTab = this.getAttribute('data-faq-tab');
30483          const sameTabFaqs = document.querySelectorAll(`#${sectionId} .c-faq-item[data-faq-tab="${currentTab}"]`);
30484          sameTabFaqs.forEach((faq) => {
30485            if (faq !== this && faq.hasAttribute('open')) faq.removeAttribute('open');
30486          });
30487        }
30488      });
30489    });
30490  });
30491</script>
30491
30492
30493
30494</div>
30495        </main>
30496
30497        <!-- BEGIN sections: footer-group -->
30498<div id="shopify-section-sections--19420719349957__c_footer_dB9nHw" class="shopify-section shopify-section-group-footer-group c-footer-section">
30499
30500
30501
30502<style data-shopify>
30503  #sections--19420719349957__c_footer_dB9nHw {
30504    --footer-column-gap: 8px;
30505    background-color: #E3E6E5;
30506    color: #181E21;
30507  }
30508
30509  #sections--19420719349957__c_footer_dB9nHw .c-footer__container {
30510    max-width: 1440px;
30511    margin: 0 auto;
30512    padding: 42px 20px;
30513  }
30514
30515  #sections--19420719349957__c_footer_dB9nHw .c-footer__content {
30516    display: flex;
30517    flex-direction: column;
30518    gap: 42px;
30519  }
30520
30521  /* Newsletter Section */
30522  #sections--19420719349957__c_footer_dB9nHw .c-footer__newsletter {
30523    display: flex;
30524    flex-direction: column;
30525    gap: 24px;
30526  }
30527
30528  #sections--19420719349957__c_footer_dB9nHw .c-footer__logo {
30529    width: 177px;
30530    height: 32px;
30531  }
30532
30533  #sections--19420719349957__c_footer_dB9nHw .c-footer__logo img {
30534    width: 100%;
30535    height: 100%;
30536    object-fit: contain;
30537  }
30538
30539  #sections--19420719349957__c_footer_dB9nHw .c-footer__newsletter-title {
30540    font-family: var(--body-family);
30541    font-weight: 400;
30542    font-size: 16px;
30543    line-height: 1.5em;
30544    color: #181E21;
30545    margin: 0;
30546  }
30547
30548  #sections--19420719349957__c_footer_dB9nHw .c-footer__newsletter-form {
30549    display: flex;
30550    flex-direction: column;
30551    gap: 12px;
30552  }
30553
30554  #sections--19420719349957__c_footer_dB9nHw .c-footer__form-wrapper {
30555    display: flex;
30556    flex-direction: column;
30557    gap: 16px;
30558  }
30559
30560  #sections--19420719349957__c_footer_dB9nHw .c-footer__input-wrapper {
30561    display: flex;
30562    align-items: stretch;
30563    gap: 8px;
30564    padding: 12px;
30565    border: 1px solid #181E21;
30566    border-radius: 60px;
30567    background: #FFFFFF;
30568  }
30569
30570  #sections--19420719349957__c_footer_dB9nHw .c-footer__input {
30571    flex: 1;
30572    border: none;
30573    outline: none;
30574    background: transparent;
30575    font-family: var(--body-family);
30576    font-size: 16px;
30577    line-height: 1.5em;
30578    color: #181E21;
30579  }
30580
30581  #sections--19420719349957__c_footer_dB9nHw .c-footer__input::placeholder {
30582    color: #181E21;
30583    opacity: 0.6;
30584  }
30585
30586  #sections--19420719349957__c_footer_dB9nHw .c-footer__submit {
30587    display: flex;
30588    justify-content: center;
30589    align-items: center;
30590    gap: 8px;
30591    padding: 12px 24px;
30592    background: #F7B267;
30593    border: none;
30594    border-radius: 60px;
30595    font-family: var(--body-family);
30596    font-weight: 500;
30597    font-size: 16px;
30598    line-height: 1.5em;
30599    color: #181E21;
30600    cursor: pointer;
30601    transition: opacity 0.3s ease;
30602  }
30603
30604  #sections--19420719349957__c_footer_dB9nHw .c-footer__submit:hover {
30605    opacity: 0.9;
30606  }
30607
30608  #sections--19420719349957__c_footer_dB9nHw .c-footer__disclaimer {
30609    font-family: var(--body-family);
30610    font-size: 12px;
30611    line-height: 1.5em;
30612    color: #000000;
30613    margin: 0;
30614  }
30615
30616  #sections--19420719349957__c_footer_dB9nHw .c-footer__klaviyo-embed {
30617    width: 100%;
30618  }
30619
30620  /* Klaviyo Form Overrides */
30621  #sections--19420719349957__c_footer_dB9nHw .c-footer__klaviyo-embed .go1406200173 {
30622    padding: 0 24px !important;
30623  }
30624
30625  /* #sections--19420719349957__c_footer_dB9nHw .c-footer__klaviyo-embed .klaviyo-form {
30626    background-color: transparent !important;
30627    padding: 0 !important;
30628  }
30629
30630  #sections--19420719349957__c_footer_dB9nHw .c-footer__klaviyo-embed input[type="email"] {
30631    border-radius: 60px !important;
30632    border: 1px solid #181E21 !important;
30633    background-color: #FFFFFF !important;
30634    padding: 12px 16px !important;
30635    height: 54px !important;
30636    font-family: var(--body-family) !important;
30637    font-size: 16px !important;
30638    color: #181E21 !important;
30639    box-sizing: border-box !important;
30640  }
30641
30642  #sections--19420719349957__c_footer_dB9nHw .c-footer__klaviyo-embed input[type="email"]::placeholder {
30643    color: #181E21 !important;
30644    opacity: 0.6 !important;
30645  }
30646
30647  #sections--19420719349957__c_footer_dB9nHw .c-footer__klaviyo-embed button[type="button"],
30648  #sections--19420719349957__c_footer_dB9nHw .c-footer__klaviyo-embed .go1406200173 {
30649    background: #F7B267 !important;
30650    border-radius: 60px !important;
30651    border: none !important;
30652    height: 54px !important;
30653    padding: 12px 24px !important;
30654    font-family: var(--body-family) !important;
30655    font-weight: 500 !important;
30656    font-size: 16px !important;
30657    line-height: 1.5em !important;
30658    color: transparent !important;
30659    cursor: pointer !important;
30660    transition: opacity 0.3s ease !important;
30661    width: auto !important;
30662    position: relative !important;
30663  } */
30664
30665  /* Change button text from SUBSCRIBE to Join */
30666  /* #sections--19420719349957__c_footer_dB9nHw .c-footer__klaviyo-embed button[type="button"]::after,
30667  #sections--19420719349957__c_footer_dB9nHw .c-footer__klaviyo-embed .go1406200173::after {
30668    content: 'Join' !important;
30669    position: absolute !important;
30670    top: 50% !important;
30671    left: 50% !important;
30672    transform: translate(-50%, -50%) !important;
30673    color: #181E21 !important;
30674    font-family: var(--body-family) !important;
30675    font-weight: 500 !important;
30676    font-size: 16px !important;
30677    line-height: 1.5em !important;
30678    white-space: nowrap !important;
30679  }
30680
30681  #sections--19420719349957__c_footer_dB9nHw .c-footer__klaviyo-embed button[type="button"]:hover,
30682  #sections--19420719349957__c_footer_dB9nHw .c-footer__klaviyo-embed .go1406200173:hover {
30683    opacity: 0.9 !important;
30684  }
30685
30686  #sections--19420719349957__c_footer_dB9nHw .c-footer__klaviyo-embed .needsclick {
30687    padding: 0 !important;
30688  }
30689
30690  #sections--19420719349957__c_footer_dB9nHw .c-footer__klaviyo-embed .go3279073480 {
30691    display: flex !important;
30692    flex-direction: row !important;
30693    flex-wrap: wrap !important;
30694    gap: 16px !important;
30695    background-color: transparent !important;
30696    padding: 0 !important;
30697    align-items: stretch !important;
30698  } */
30699
30700  /* Hide title row */
30701  /* #sections--19420719349957__c_footer_dB9nHw .c-footer__klaviyo-embed [data-testid="form-row"]:first-child {
30702    display: none !important;
30703  } */
30704
30705  /* Make input and button rows display as contents so their children become flex items of the form */
30706  /* #sections--19420719349957__c_footer_dB9nHw .c-footer__klaviyo-embed [data-testid="form-row"]:has(input[type="email"]),
30707  #sections--19420719349957__c_footer_dB9nHw .c-footer__klaviyo-embed [data-testid="form-row"]:has(button[type="button"]) {
30708    display: contents !important;
30709  } */
30710
30711  /* Input component - should grow to fill space */
30712  /* #sections--19420719349957__c_footer_dB9nHw .c-footer__klaviyo-embed [data-testid="form-component"]:has(input[type="email"]) {
30713    min-width: 200px !important;
30714    padding: 0 !important;
30715    display: flex !important;
30716  } */
30717
30718  /* Button component - should be auto width */
30719  /* #sections--19420719349957__c_footer_dB9nHw .c-footer__klaviyo-embed [data-testid="form-component"]:has(button[type="button"]) {
30720    flex: 0 0 auto !important;
30721    min-width: fit-content !important;
30722    width: auto !important;
30723    padding: 0 !important;
30724    display: flex !important;
30725  }
30726
30727  #sections--19420719349957__c_footer_dB9nHw .c-footer__klaviyo-embed [data-testid="form-component"] {
30728    padding: 0 !important;
30729  } */
30730
30731  /* Hide Klaviyo form title */
30732  /* #sections--19420719349957__c_footer_dB9nHw .c-footer__klaviyo-embed #rich-text-01K2MY6HYXHC9R2EACKVQH151F {
30733    display: none !important;
30734  } */
30735
30736  /* Hide empty rich text component */
30737  /* #sections--19420719349957__c_footer_dB9nHw .c-footer__klaviyo-embed #rich-text-01K2MY6HZAZYQPJ9W0FQYHQYBF {
30738    display: none !important;
30739  }
30740
30741  #sections--19420719349957__c_footer_dB9nHw .c-footer__klaviyo-embed [data-testid="form-component"]:has(#rich-text-01K2MY6HZAZYQPJ9W0FQYHQYBF) {
30742    display: none !important;
30743  } */
30744
30745  /* Desktop Klaviyo Form Layout */
30746  /* @media (width >= 768px) {
30747    #sections--19420719349957__c_footer_dB9nHw .c-footer__klaviyo-embed button[type="button"],
30748    #sections--19420719349957__c_footer_dB9nHw .c-footer__klaviyo-embed .go1406200173 {
30749      white-space: nowrap !important;
30750      min-width: 140px !important;
30751    }
30752  } */
30753
30754  /* Links Section */
30755  #sections--19420719349957__c_footer_dB9nHw .c-footer__links {
30756    display: grid;
30757    grid-template-columns: repeat(2, 1fr);
30758    gap: 20px;
30759  }
30760
30761  #sections--19420719349957__c_footer_dB9nHw .c-footer__column {
30762    display: flex;
30763    flex-direction: column;
30764    gap: var(--footer-column-gap);
30765    width: 70%
30766  }
30767
30768  #sections--19420719349957__c_footer_dB9nHw .c-footer__column-title {
30769    font-family: var(--body-family) !important;
30770    font-weight: 700;
30771    font-size: 16px;
30772    line-height: 1.5em;
30773    color: #181E21;
30774    margin: 0;
30775  }
30776
30777  #sections--19420719349957__c_footer_dB9nHw .c-footer__column-links {
30778    display: flex;
30779    flex-direction: column;
30780  }
30781
30782  #sections--19420719349957__c_footer_dB9nHw .c-footer__link {
30783    display: block;
30784    padding: 8px 0;
30785    font-family: var(--body-family) !important;
30786    font-weight: 400;
30787    font-size: 14px !important;
30788    line-height: 1.5em;
30789    color: #181E21;
30790    text-decoration: none;
30791    transition: opacity 0.3s ease;
30792  }
30793
30794  #sections--19420719349957__c_footer_dB9nHw .c-footer__link:hover {
30795    opacity: 0.7;
30796  }
30797
30798  /* Social Links */
30799  #sections--19420719349957__c_footer_dB9nHw .c-footer__social-icons {
30800    display: flex;
30801    flex-wrap: wrap;
30802    gap: 12px;
30803  }
30804
30805  #sections--19420719349957__c_footer_dB9nHw .c-footer__social-link {
30806    display: flex;
30807    align-items: center;
30808    justify-content: center;
30809    width: 24px;
30810    height: 24px;
30811    border-radius: 50%;
30812    transition: background 0.3s ease;
30813  }
30814
30815  #sections--19420719349957__c_footer_dB9nHw .c-footer__social-link:hover {
30816    background: rgba(24, 30, 33, 0.2);
30817  }
30818
30819  #sections--19420719349957__c_footer_dB9nHw .c-footer__social-link svg {
30820    width: 24px;
30821    height: 24px;
30822    fill: #181E21;
30823  }
30824
30825  #sections--19420719349957__c_footer_dB9nHw .c-footer__customer-support {
30826    display: flex;
30827    flex-direction: column;
30828    gap: 0;
30829    padding-top: var(--support-padding-top, 16px);
30830  }
30831
30832  #sections--19420719349957__c_footer_dB9nHw .c-footer__customer-support .c-footer__c
30832olumn-title {
30833    padding: 8px 0;
30834    margin: 0;
30835  }
30836
30837  /* Social mobile block — injected at the bottom of the first link column, visible only on mobile */
30838  #sections--19420719349957__c_footer_dB9nHw .c-footer__social-mobile {
30839    display: none;
30840    flex-direction: column;
30841    gap: 8px;
30842    padding-top: 8px;
30843  }
30844
30845  #sections--19420719349957__c_footer_dB9nHw .c-footer__customer-support--mobile {
30846    display: none;
30847  }
30848
30849  /* Hide the desktop social column on mobile */
30850  @media (max-width: 767px) {
30851    #sections--19420719349957__c_footer_dB9nHw .c-footer__social-mobile {
30852      display: flex;
30853    }
30854
30855    #sections--19420719349957__c_footer_dB9nHw .c-footer__column--social {
30856      display: none;
30857    }
30858
30859    #sections--19420719349957__c_footer_dB9nHw .c-footer__column--mobile-only {
30860      display: flex;
30861    }
30862
30863    #sections--19420719349957__c_footer_dB9nHw .c-footer__customer-support--mobile {
30864      display: flex;
30865      grid-column: 1 / -1;
30866      width: 100%;
30867    }
30868  }
30869
30870  /* Desktop Styles */
30871  @media (width >= 768px) {
30872    #sections--19420719349957__c_footer_dB9nHw .c-footer__column--mobile-only {
30873      display: none !important;
30874    }
30875
30876    #sections--19420719349957__c_footer_dB9nHw .c-footer__container {
30877      padding: 80px 64px 48px 64px;
30878    }
30879
30880    #sections--19420719349957__c_footer_dB9nHw .c-footer__content {
30881      flex-direction: row;
30882      gap: 120px;
30883      align-items: flex-start;
30884    }
30885
30886    #sections--19420719349957__c_footer_dB9nHw .c-footer__newsletter {
30887      flex: 1;
30888      max-width: 448px;
30889    }
30890
30891    #sections--19420719349957__c_footer_dB9nHw .c-footer__links {
30892      display: flex;
30893      flex: 1;
30894      flex-direction: row;
30895      gap: 20px;
30896    }
30897
30898    #sections--19420719349957__c_footer_dB9nHw {
30899      --footer-column-gap: 16px;
30900    }
30901
30902    #sections--19420719349957__c_footer_dB9nHw .c-footer__column {
30903      flex: 1;
30904      width: auto;
30905    }
30906
30907    #sections--19420719349957__c_footer_dB9nHw .c-footer__column-group {
30908      margin-top: 6px;
30909    }
30910
30911    #sections--19420719349957__c_footer_dB9nHw .c-footer__form-wrapper {
30912      flex-direction: row;
30913      align-items: stretch;
30914    }
30915
30916    #sections--19420719349957__c_footer_dB9nHw .c-footer__input-wrapper {
30917      flex: 1;
30918    }
30919
30920    #sections--19420719349957__c_footer_dB9nHw .c-footer__submit {
30921      white-space: nowrap;
30922    }
30923  }
30924</style>
30925
30926<footer
30927  id="sections--19420719349957__c_footer_dB9nHw"
30928  class="c-footer"
30929>
30930  <div class="c-footer__container">
30931    <div class="c-footer__content">
30932      <!-- Newsletter Section -->
30933      <div class="c-footer__newsletter">
30934        
30935          <div class="c-footer__logo">
30936            <img
30937              src="//apolloneuro.com/cdn/shop/files/apollo-logo-revision-2024_b07964f6-859e-4d8b-93e6-17c141c4f4cb.svg?v=1727371149&width=354"
30938              alt="Apollo Neuro"
30939              width="177"
30940              height="32"
30941            >
30942          </div>
30943        
30944
30945        
30946          <p class="c-footer__newsletter-title">Stay connected with everything Apollo Neuro</p>
30947        
30948
30949        
30950          <!-- Klaviyo Embed -->
30951          <div class="c-footer__klaviyo-embed">
30952            <div class="klaviyo-form-VTFAsb"></div>
30953          </div>
30954        
30955      </div>
30956
30957      <!-- Links Section --><div class="c-footer__links">
30958        
30959          
30960              <div
30961                class="c-footer__column"
30962                
30963              >
30964                
30965                  <h3 class="c-footer__column-title">Company</h3>
30966                
30967
30968                
30969                  <nav class="c-footer__column-links">
30970                    
30971                      <a
30972                        href="/pages/about-apollo-neuro"
30973                        class="c-footer__link"
30974                      >About Apollo®</a>
30975                    
30976                      <a
30977                        href="/products/apollo-gift-card"
30978                        class="c-footer__link"
30979                      >Apollo® eGift Card</a>
30980                    
30981                      <a
30982                        href="https://apolloneuro.com/pages/share?traffic_source=website"
30983                        class="c-footer__link"
30984                      >Refer a Friend</a>
30985                    
30986                      <a
30987                        href="/pages/everyday-heroes"
30988                        class="c-footer__link"
30989                      >Everyday Heroes</a>
30990                    
30991                      <a
30992                        href="/pages/apollo-neuro-reviews"
30993                        class="c-footer__link"
30994                      >Reviews</a>
30995                    
30996                      <a
30997                        href="https://apolloneuro.com/blogs/press"
30998                        class="c-footer__link"
30999                      >Press</a>
31000                    
31001                  </nav>
31002                
31003
31004                
31005<div class="c-footer__social-mobile">
31005<h3 class="c-footer__column-title">Connect</h3><nav class="c-footer__column-links"><a href="https://help.apolloneuro.com/hc/en-us/requests/new" class="c-footer__link">Contact Apollo</a><a href="https://apolloneuro.com/blogs/news" class="c-footer__link">Blog</a></nav><div class="c-footer__social-icons"><a href="https://www.facebook.com/ApolloNeuroscience/" class="c-footer__social-link" target="_blank" rel="noopener" aria-label="Facebook"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 12.3038C22 6.74719 17.5229 2.24268 12 2.24268C6.47715 2.24268 2 6.74719 2 12.3038C2 17.3255 5.65684 21.4879 10.4375 22.2427V15.2121H7.89844V12.3038H10.4375V10.0872C10.4375 7.56564 11.9305 6.1728 14.2146 6.1728C15.3088 6.1728 16.4531 6.36931 16.4531 6.36931V8.84529H15.1922C13.95 8.84529 13.5625 9.6209 13.5625 10.4166V12.3038H16.3359L15.8926 15.2121H13.5625V22.2427C18.3432 21.4879 22 17.3257 22 12.3038Z" fill="#181E21"/></svg></a><a href="https://www.instagram.com/apolloneuro" class="c-footer__social-link" target="_blank" rel="noopener" aria-label="Instagram"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 3.24268H8C5.23858 3.24268 3 5.48126 3 8.24268V16.2427C3 19.0041 5.23858 21.2427 8 21.2427H16C18.7614 21.2427 21 19.0041 21 16.2427V8.24268C21 5.48126 18.7614 3.24268 16 3.24268ZM19.25 16.2427C19.2445 18.0353 17.7926 19.4872 16 19.4927H8C6.20735 19.4872 4.75549 18.0353 4.75 16.2427V8.24268C4.75549 6.45003 6.20735 4.99817 8 4.99268H16C17.7926 4.99817 19.2445 6.45003 19.25 8.24268V16.2427ZM16.75 8.49268C17.3023 8.49268 17.75 8.04496 17.75 7.49268C17.75 6.9404 17.3023 6.49268 16.75 6.49268C16.1977 6.49268 15.75 6.9404 15.75 7.49268C15.75 8.04496 16.1977 8.49268 16.75 8.49268ZM12 7.74268C9.51472 7.74268 7.5 9.7574 7.5 12.2427C7.5 14.728 9.51472 16.7427 12 16.7427C14.4853 16.7427 16.5 14.728 16.5 12.2427C16.5027 11.0484 16.0294 9.90225 15.1849 9.05776C14.3404 8.21327 13.1943 7.74002 12 7.74268ZM9.25 12.2427C9.25 13.7615 10.4812 14.9927 12 14.9927C13.5188 14.9927 14.75 13.7615 14.75 12.2427C14.75 10.7239 13.5188 9.49268 12 9.49268C10.4812 9.49268 9.25 10.7239 9.25 12.2427Z" fill="#181E21"/></svg></a><a href="https://www.linkedin.com/company/apollo-neuro" class="c-footer__social-link" target="_blank" rel="noopener" aria-label="LinkedIn"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 3.24268C3.67157 3.24268 3 3.91425 3 4.74268V19.7427C3 20.5711 3.67157 21.2427 4.5 21.2427H19.5C20.3284 21.2427 21 20.5711 21 19.7427V4.74268C21 3.91425 20.3284 3.24268 19.5 3.24268H4.5ZM8.52076 7.2454C8.52639 8.20165 7.81061 8.79087 6.96123 8.78665C6.16107 8.78243 5.46357 8.1454 5.46779 7.24681C5.47201 6.40165 6.13998 5.72243 7.00764 5.74212C7.88795 5.76181 8.52639 6.40728 8.52076 7.2454ZM12.2797 10.0044H9.75971H9.7583V18.5643H12.4217V18.3646C12.4217 17.9847 12.4214 17.6047 12.4211 17.2246C12.4203 16.2108 12.4194 15.1959 12.4246 14.1824C12.426 13.9363 12.4372 13.6804 12.5005 13.4455C12.7381 12.568 13.5271 12.0013 14.4074 12.1406C14.9727 12.2291 15.3467 12.5568 15.5042 13.0898C15.6013 13.423 15.6449 13.7816 15.6491 14.129C15.6605 15.1766 15.6589 16.2242 15.6573 17.2719C15.6567 17.6417 15.6561 18.0117 15.6561 18.3815V18.5629H18.328V18.3576C18.328 17.9056 18.3278 17.4537 18.3275 17.0018C18.327 15.8723 18.3264 14.7428 18.3294 13.6129C18.3308 13.1024 18.276 12.599 18.1508 12.1054C17.9638 11.3713 17.5771 10.7638 16.9485 10.3251C16.5027 10.0129 16.0133 9.81178 15.4663 9.78928C15.404 9.78669 15.3412 9.7833 15.2781 9.77989C14.9984 9.76477 14.7141 9.74941 14.4467 9.80334C13.6817 9.95662 13.0096 10.3068 12.5019 10.9241C12.4429 10.9949 12.3852 11.0668 12.2991 11.1741L12.2797 11.1984V10.0044ZM5.68164 18.5671H8.33242V10.01H5.68164V18.5671Z" fill="#181E21"/></svg></a><a href="https://www.youtube.com/c/ApolloNeuroscience" class="c-footer__social-link" target="_blank" rel="noopener" aria-label="YouTube"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.593 7.203C21.4791 6.7804 21.2565 6.395 20.9474 6.08517C20.6382 5.77533 20.2533 5.55186 19.831 5.437C18.265 5.007 12 5 12 5C12 5 5.73599 4.993 4.16899 5.404C3.74692 5.52415 3.36282 5.75078 3.05356 6.06213C2.7443 6.37349 2.52028 6.75912 2.40299 7.182C1.98999 8.748 1.98599 11.996 1.98599 11.996C1.98599 11.996 1.98199 15.26 2.39199 16.81C2.62199 17.667 3.29699 18.344 4.15499 18.575C5.73699 19.005 11.985 19.012 11.985 19.012C11.985 19.012 18.25 19.019 19.816 18.609C20.2385 18.4943 20.6237 18.2714 20.9336 17.9622C21.2436 17.653 21.4674 17.2682 21.583 16.846C21.997 15.281 22 12.034 22 12.034C22 12.034 22.02 8.769 21.593 7.203ZM9.99599 15.005L10.001 9.005L15.208 12.01L9.99599 15.005Z" fill="#181E21"/></svg></a></div>
31006                    </div></div>
31007
31008            
31009        
31010          
31011              <div
31012                class="c-footer__column"
31013                
31014              >
31015                
31016                  <h3 class="c-footer__column-title">Help</h3>
31017                
31018
31019                
31020                  <nav class="c-footer__column-links">
31021                    
31022                      <a
31023                        href="https://help.apolloneuro.com/hc/en-us"
31024                        class="c-footer__link"
31025                      >Apollo Help</a>
31026                    
31027                      <a
31028                        href="/pages/apollo-neuro-faqs"
31029                        class="c-footer__link"
31030                      >FAQs</a>
31031                    
31032                      <a
31033                        href="/pages/apollo-neuro-onboarding"
31034                        class="c-footer__link"
31035                      >Getting Started Videos</a>
31036                    
31037                      <a
31038                        href="https://apolloneuro.com/apollo101"
31039                        class="c-footer__link"
31040                      >Quick Start Guide</a>
31041                    
31042                  </nav>
31043                
31044
31045                
31046                  <div class="c-footer__column-group">
31047                    
31048                      <h3 class="c-footer__column-title">Work With Us</h3>
31049                    
31050                    <nav class="c-footer__column-links">
31051                      
31052                        <a
31053                          href="https://join.apolloneuro.com/"
31054                          class="c-footer__link"
31055                        >Affiliates</a>
31056                      
31057                        <a
31058                          href="/pages/apollo-neuro-for-business"
31059                          class="c-footer__link"
31060                        >Apollo For Business</a>
31061                      
31062                        <a
31063                          href="/pages/clinicians"
31064                          class="c-footer__link"
31065                        >Apollo For Clinicians</a>
31066                      
31067                        <a
31068                          href="https://apolloneuro.applytojob.com/"
31069                          class="c-footer__link"
31070                        >Careers</a>
31071                      
31072                    </nav>
31073                  </div>
31074                
31075</div>
31076
31077            
31078        
31079          
31080              <div
31081                class="c-footer__column c-footer__column--social"
31082                
31083              >
31084                
31085                  <h3 class="c-footer__column-title">Connect</h3>
31086                
31087
31088               
31089                  <nav class="c-footer__column-links">
31090                    
31091
31092                    
31093                      <a
31094                        href="https://help.apolloneuro.com/hc/en-us/requests/new"
31095                        class="c-footer__link"
31096                      >Contact Apollo</a>
31097                    
31098
31099                    
31100                      <a
31101                        href="https://apolloneuro.com/blogs/news"
31102                        class="c-footer__link"
31103                      >Blog</a>
31104                    
31105                  </nav>
31106                
31107
31108                <div class="c-footer__social-icons">
31109                  
31110                    <a
31111                      href="https://www.facebook.com/ApolloNeuroscience/"
31112                      class="c-footer__social-link"
31113                      target="_blank"
31114                      rel="noopener"
31115                      aria-label="Facebook"
31116                    >
31117                      <svg
31118                        width="24"
31119                        height="24"
31120                        viewBox="0 0 24 24"
31121                        fill="none"
31122                        xmlns="http://www.w3.org/2000/svg"
31123                      >
31124                        <path d="M22 12.3038C22 6.74719 17.5229 2.24268 12 2.24268C6.47715 2.24268 2 6.74719 2 12.3038C2 17.3255 5.65684 21.4879 10.4375 22.2427V15.2121H7.89844V12.3038H10.4375V10.0872C10.4375 7.56564 11.9305 6.1728 14.2146 6.1728C15.3088 6.1728 16.4531 6.36931 16.4531 6.36931V8.84529H15.1922C13.95 8.84529 13.5625 9.6209 13.5625 10.4166V12.3038H16.3359L15.8926 15.2121H13.5625V22.2427C18.3432 21.4879 22 17.3257 22 12.3038Z" fill="#181E21"/>
31125                      </svg>
31126                    </a>
31127                  
31128
31129                  
31130                    <a
31131                      href="https://www.instagram.com/apolloneuro"
31132                      class="c-footer__social-link"
31133                      target="_blank"
31134                      rel="noopener"
31135                      aria-label="Instagram"
31136                    >
31137                      <svg
31138                        width="24"
31139                        height="24"
31140                        viewBox="0 0 24 24"
31141                        fill="none"
31142                        xmlns="http://www.w3.org/2000/svg"
31143                      >
31144                        <path fill-rule="evenodd" clip-rule="evenodd" d="M16 3.24268H8C5.23858 3.24268 3 5.48126 3 8.24268V16.2427C3 19.0041 5.23858 21.2427 8 21.2427H16C18.7614 21.2427 21 19.0041 21 16.2427V8.24268C21 5.48126 18.7614 3.24268 16 3.24268ZM19.25 16.2427C19.2445 18.0353 17.7926 19.4872 16 19.4927H8C6.20735 19.4872 4.75549 18.0353 4.75 16.2427V8.24268C4.75549 6.45003 6.20735 4.99817 8 4.99268H16C17.7926 4.99817 19.2445 6.45003 19.25 8.24268V16.2427ZM16.75 8.49268C17.3023 8.49268 17.75 8.04496 17.75 7.49268C17.75 6.9404 17.3023 6.49268 16.75 6.49268C16.1977 6.49268 15.75 6.9404 15.75 7.49268C15.75 8.04496 16.1977 8.49268 16.75 8.49268ZM12 7.74268C9.51472 7.74268 7.5 9.7574 7.5 12.2427C7.5 14.728 9.51472 16.7427 12 16.7427C14.4853 16.7427 16.5 14.728 16.5 12.2427C16.5027 11.0484 16.0294 9.90225 15.1849 9.05776C14.3404 8.21327 13.1943 7.74002 12 7.74268ZM9.25 12.2427C9.25 13.7615 10.4812 14.9927 12 14.9927C13.5188 14.9927 14.75 13.7615 14.75 12.2427C14.75 10.7239 13.5188 9.49268 12 9.49268C10.4812 9.49268 9.25 10.7239 9.25 12.2427Z" fill="#181E21"/>
31145                      </svg>
31146                    </a>
31147                  
31148
31149                  
31150
31151                  
31152                    <a
31153                      href="https://www.linkedin.com/company/apollo-neuro"
31154                      class="c-footer__social-link"
31155                      target="_blank"
31156                      rel="noopener"
31157                      aria-label="LinkedIn"
31158                    >
31159                      <svg
31160                        width="24"
31161                        height="24"
31162                        viewBox="0 0 24 24"
31163                        fill="none"
31164                        xmlns="http://www.w3.org/2000/svg"
31165                      >
31166                        <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 3.24268C3.67157 3.24268 3 3.91425 3 4.74268V19.7427C3 20.5711 3.67157 21.2427 4.5 21.2427H19.5C20.3284 21.2427 21 20.5711 21 19.7427V4.74268C21 3.91425 20.3284 3.24268 19.5 3.24268H4.5ZM8.52076 7.2454C8.52639 8.20165 7.81061 8.79087 6.96123 8.78665C6.16107 8.78243 5.46357 8.1454 5.46779 7.24681C5.47201 6.40165 6.13998 5.72243 7.00764 5.74212C7.88795 5.76181 8.52639 6.40728 8.52076 7.2454ZM12.2797 10.0044H9.75971H9.7583V18.5643H12.4217V18.3646C12.4217 17.9847 12.4214 17.6047 12.4211 17.2246C12.4203 16.2108 12.4194 15.1959 12.4246 14.1824C12.426 13.9363 12.4372 13.6804 12.5005 13.4455C12.7381 12.568 13.5271 12.0013 14.4074 12.1406C14.9727 12.2291 15.3467 12.5568 15.5042 13.0898C15.6013 13.423 15.6449 13.7816 15.6491 14.129C15.6605 15.1766 15.6589 16.2242 15.6573 17.2719C15.6567 17.6417 15.6561 18.0117 15.6561 18.3815V18.5629H18.328V18.3576C18.328 17.9056 18.3278 17.4537 18.3275 17.0018C18.327 15.8723 18.3264 14.7428 18.3294 13.6129C18.3308 13.1024 18.276 12.599 18.1508 12.1054C17.9638 11.3713 17.5771 10.7638 16.9485 10.3251C16.5027 10.0129 16.0133 9.81178 15.4663 9.78928C15.404 9.78669 15.3412 9.7833 15.2781 9.77989C14.9984 9.76477 14.7141 9.74941 14.4467 9.80334C13.6817 9.95662 13.0096 10.3068 12.5019 10.9241C12.4429 10.9949 12.3852 11.0668 12.2991 11.1741L12.2797 11.1984V10.0044ZM5.68164 18.5671H8.33242V10.01H5.68164V18.5671Z" fill="#181E21"/>
31167                      </svg>
31168                    </a>
31169                  
31170
31171                  
31172                    <a
31173                      href="https://www.youtube.com/c/ApolloNeuroscience"
31174                      class="c-footer__social-link"
31175                      target="_blank"
31176                      rel="noopener"
31177                      aria-label="YouTube"
31178                    >
31179                      <svg
31180                        width="24"
31181                        height="24"
31182                        viewBox="0 0 24 24"
31183                        fill="none"
31184                        xmlns="http://www.w3.org/2000/svg"
31185                      >
31186                        <path d="M21.593 7.203C21.4791 6.7804 21.2565 6.395 20.9474 6.08517C20.6382 5.77533 20.2533 5.55186 19.831 5.437C18.265 5.007 12 5 12 5C12 5 5.73599 4.993 4.16899 5.404C3.74692 5.52415 3.36282 5.75078 3.05356 6.06213C2.7443 6.37349 2.52028 6.75912 2.40299 7.182C1.98999 8.748 1.98599 11.996 1.98599 11.996C1.98599 11.996 1.98199 15.26 2.39199 16.81C2.62199 17.667 3.29699 18.344 4.15499 18.575C5.73699 19.005 11.985 19.012 11.985 19.012C11.985 19.012 18.25 19.019 19.816 18.609C20.2385 18.4943 20.6237 18.2714 20.9336 17.9622C21.2436 17.653 21.4674 17.2682 21.583 16.846C21.997 15.281 22 12.034 22 12.034C22 12.034 22.02 8.769 21.593 7.203ZM9.99599 15.005L10.001 9.005L15.208 12.01L9.99599 15.005Z" fill="#181E21"/>
31187                      </svg>
31188                    </a>
31189                  
31190                </div>
31191
31192                
31193                  <div
31194                    class="c-footer__customer-support"
31195                    style="--support-padding-top: 16px;"
31196                  >
31197                    
31198                      <h3 class="c-footer__column-title">Customer Support</h3>
31199                    
31200                    
31201                      
31202                      <a href="tel:+18442182896" class="c-footer__link">844.218.2896</a>
31203                    
31204                    
31205                      <div class="c-footer__link">Mon-Fri, 9AM ET - 7PM ET</div>
31206                    
31207                  </div>
31208                
31209              </div>
31210          
31211        
31212<div
31213              class="c-footer__customer-support c-footer__customer-support--mobile"
31214              style="--support-padding-top: 16px;"
31215            ><h3 class="c-footer__column-title">Customer Support</h3><a href="tel:+18442182896" class="c-footer__link">844.218.2896</a><div class="c-footer__link">Mon-Fri, 9AM ET - 7PM ET</div></div></div>
31216    </div>
31217  </div>
31218</footer>
31219
31220
31221</div><div id="shopify-section-sections--19420719349957__c_footer2_77FK9h" class="shopify-section shopify-section-group-footer-group c-footer-section">
31222
31223
31224
31225<style data-shopify>
31226  #sections--19420719349957__c_footer2_77FK9h {
31227    background-color: #E3E6E5;
31228    color: #181E21;
31229  }
31230
31231  #sections--19420719349957__c_footer2_77FK9h .c-footer__container {
31232    max-width: 1440px;
31233    margin: 0 auto;
31234    padding: 42px 20px;
31235  }
31236
31237  #sections--19420719349957__c_footer2_77FK9h .c-footer__content {
31238    display: flex;
31239    flex-direction: column;
31240    gap: 42px;
31241  }
31242
31243  /* Newsletter Section */
31244  #sections--19420719349957__c_footer2_77FK9h .c-footer__newsletter {
31245    display: flex;
31246    flex-direction: column;
31247    gap: 24px;
31248  }
31249
31250  #sections--19420719349957__c_footer2_77FK9h .c-footer__logo {
31251    width: 177px;
31252    height: 32px;
31253  }
31254
31255  #sections--19420719349957__c_footer2_77FK9h .c-footer__logo img {
31256    width: 100%;
31257    height: 100%;
31258    object-fit: contain;
31259  }
31260
31261  #sections--19420719349957__c_footer2_77FK9h .c-footer__newsletter-title {
31262    font-family: var(--body-family);
31263    font-weight: 400;
31264    font-size: 16px;
31265    line-height: 1.5em;
31266    color: #181E21;
31267    margin: 0;
31268  }
31269
31270  #sections--19420719349957__c_footer2_77FK9h .c-footer__newsletter-form {
31271    display: flex;
31272    flex-direction: column;
31273    gap: 12px;
31274  }
31275
31276  #sections--19420719349957__c_footer2_77FK9h .c-footer__form-wrapper {
31277    display: flex;
31278    flex-direction: column;
31279    gap: 16px;
31280  }
31281
31282  #sections--19420719349957__c_footer2_77FK9h .c-footer__input-wrapper {
31283    display: flex;
31284    align-items: stretch;
31285    gap: 8px;
31286    padding: 12px;
31287    border: 1px solid #181E21;
31288    border-radius: 60px;
31289    background: #FFFFFF;
31290  }
31291
31292  #sections--19420719349957__c_footer2_77FK9h .c-footer__input {
31293    flex: 1;
31294    border: none;
31295    outline: none;
31296    background: transparent;
31297    font-family: var(--body-family);
31298    font-size: 16px;
31299    line-height: 1.5em;
31300    color: #181E21;
31301  }
31302
31303  #sections--19420719349957__c_footer2_77FK9h .c-footer__input::placeholder {
31304    color: #181E21;
31305    opacity: 0.6;
31306  }
31307
31308  #sections--19420719349957__c_footer2_77FK9h .c-footer__submit {
31309    display: flex;
31310    justify-content: center;
31311    align-items: center;
31312    gap: 8px;
31313    padding: 12px 24px;
31314    background: #F7B267;
31315    border: none;
31316    border-radius: 60px;
31317    font-family: var(--body-family);
31318    font-weight: 500;
31319    font-size: 16px;
31320    line-height: 1.5em;
31321    color: #181E21;
31322    cursor: pointer;
31323    transition: opacity 0.3s ease;
31324  }
31325
31326  #sections--19420719349957__c_footer2_77FK9h .c-footer__submit:hover {
31327    opacity: 0.9;
31328  }
31329
31330  #sections--19420719349957__c_footer2_77FK9h .c-footer__disclaimer {
31331    font-family: var(--body-family);
31332    font-size: 12px;
31333    line-height: 1.5em;
31334    color: #000000;
31335    margin: 0;
31336  }
31337
31338  #sections--19420719349957__c_footer2_77FK9h .c-footer__klaviyo-embed {
31339    width: 100%;
31340  }
31341
31342  /* Klaviyo Form Overrides */
31343  #sections--19420719349957__c_footer2_77FK9h .c-footer__klaviyo-embed .go1406200173 {
31344    padding: 0 24px !important;
31345  }
31346
31347  /* #sections--19420719349957__c_footer2_77FK9h .c-footer__klaviyo-embed .klaviyo-form {
31348    background-color: transparent !important;
31349    padding: 0 !important;
31350  }
31351
31352  #sections--19420719349957__c_footer2_77FK9h .c-footer__klaviyo-embed input[type="email"] {
31353    border-radius: 60px !important;
31354    border: 1px solid #181E21 !important;
31355    background-color: #FFFFFF !important;
31356    padding: 12px 16px !important;
31357    height: 54px !important;
31358    font-family: var(--body-family) !important;
31359    font-size: 16px !important;
31360    color: #181E21 !important;
31361    box-sizing: border-box !important;
31362  }
31363
31364  #sections--19420719349957__c_footer2_77FK9h .c-footer__klaviyo-embed input[type="email"]::placeholder {
31365    color: #181E21 !important;
31366    opacity: 0.6 !important;
31367  }
31368
31369  #sections--19420719349957__c_footer2_77FK9h .c-footer__klaviyo-embed button[type="button"],
31370  #sections--19420719349957__c_footer2_77FK9h .c-footer__klaviyo-embed .go1406200173 {
31371    background: #F7B267 !important;
31372    border-radius: 60px !important;
31373    border: none !important;
31374    height: 54px !important;
31375    padding: 12px 24px !important;
31376    font-family: var(--body-family) !important;
31377    font-weight: 500 !important;
31378    font-size: 16px !important;
31379    line-height: 1.5em !important;
31380    color: transparent !important;
31381    cursor: pointer !important;
31382    transition: opacity 0.3s ease !important;
31383    width: auto !important;
31384    position: relative !important;
31385  } */
31386
31387  /* Change button text from SUBSCRIBE to Join */
31388  /* #sections--19420719349957__c_footer2_77FK9h .c-footer__klaviyo-embed button[type="button"]::after,
31389  #sections--19420719349957__c_footer2_77FK9h .c-footer__klaviyo-embed .go1406200173::after {
31390    content: 'Join' !important;
31391    position: absolute !important;
31392    top: 50% !important;
31393    left: 50% !important;
31394    transform: translate(-50%, -50%) !important;
31395    color: #181E21 !important;
31396    font-family: var(--body-family) !important;
31397    font-weight: 500 !important;
31398    font-size: 16px !important;
31399    line-height: 1.5em !important;
31400    white-space: nowrap !important;
31401  }
31402
31403  #sections--19420719349957__c_footer2_77FK9h .c-footer__klaviyo-embed button[type="button"]:hover,
31404  #sections--19420719349957__c_footer2_77FK9h .c-footer__klaviyo-embed .go1406200173:hover {
31405    opacity: 0.9 !important;
31406  }
31407
31408  #sections--19420719349957__c_footer2_77FK9h .c-footer__klaviyo-embed .needsclick {
31409    padding: 0 !important;
31410  }
31411
31412  #sections--19420719349957__c_footer2_77FK9h .c-footer__klaviyo-embed .go3279073480 {
31413    display: flex !important;
31414    flex-direction: row !important;
31415    flex-wrap: wrap !important;
31416    gap: 16px !important;
31417    background-color: transparent !important;
31418    padding: 0 !important;
31419    align-items: stretch !important;
31420  } */
31421
31422  /* Hide title row */
31423  /* #sections--19420719349957__c_footer2_77FK9h .c-footer__klaviyo-embed [data-testid="form-row"]:first-child {
31424    display: none !important;
31425  } */
31426
31427  /* Make input and button rows display as contents so their children become flex items of the form */
31428  /* #sections--19420719349957__c_footer2_77FK9h .c-footer__klaviyo-embed [data-testid="form-row"]:has(input[type="email"]),
31429  #sections--19420719349957__c_footer2_77FK9h .c-footer__klaviyo-embed [data-testid="form-row"]:has(button[type="button"]) {
31430    display: contents !important;
31431  } */
31432
31433  /* Input component - should grow to fill space */
31434  /* #sections--19420719349957__c_footer2_77FK9h .c-footer__klaviyo-embed [data-testid="form-component"]:has(input[type="email"]) {
31435    min-width: 200px !important;
31436    padding: 0 !important;
31437    display: flex !important;
31438  } */
31439
31440  /* Button component - should be auto width */
31441  /* #sections--19420719349957__c_footer2_77FK9h .c-footer__klaviyo-embed [data-testid="form-component"]:has(button[type="button"]) {
31442    flex: 0 0 auto !important;
31443    min-width: fit-content !important;
31444    width: auto !important;
31445    padding: 0 !important;
31446    display: flex !important;
31447  }
31448
31449  #sections--19420719349957__c_footer2_77FK9h .c-footer__klaviyo-embed [data-testid="form-component"] {
31450    padding: 0 !important;
31451  } */
31452
31453  /* Hide Klaviyo form title */
31454  /* #sections--19420719349957__c_footer2_77FK9h .c-footer__klaviyo-embed #rich-text-01K2MY6HYXHC9R2EACKVQH151F {
31455    display: none !important;
31456  } */
31457
31458  /* Hide empty rich text component */
31459  /* #sections--19420719349957__c_footer2_77FK9h .c-footer__klaviyo-embed #rich-text-01K2MY6HZAZYQPJ9W0FQYHQYBF {
31460    display: none !important;
31461  }
31462
31463  #sections--19420719349957__c_footer2_77FK9h .c-footer__klaviyo-embed [data-testid="form-component"]:has(#rich-text-01K2MY6HZAZYQPJ9W0FQYHQYBF) {
31464    display: none !important;
31465  } */
31466
31467  /* Desktop Klaviyo Form Layout */
31468  /* @media (width >= 768px) {
31469    #sections--19420719349957__c_footer2_77FK9h .c-footer__klaviyo-embed button[type="button"],
31470    #sections--19420719349957__c_footer2_77FK9h .c-footer__klaviyo-embed .go1406200173 {
31471      white-space: nowrap !important;
31472      min-width: 140px !important;
31473    }
31474  } */
31475
31476  /* Links Section */
31477  #sections--19420719349957__c_footer2_77FK9h .c-footer__links {
31478    display: grid;
31479    grid-template-columns: repeat(2, 1fr);
31480    gap: 20px;
31481  }
31482
31483  #sections--19420719349957__c_footer2_77FK9h .c-footer__column {
31484    display: flex;
31485    flex-direction: column;
31486    gap: 8px;
31487    width: 70%
31488  }
31489
31490  #sections--19420719349957__c_footer2_77FK9h .c-footer__column-title {
31491    font-family: var(--body-family) !important;
31492    font-weight: 700;
31493    font-size: 16px;
31494    line-height: 1.5em;
31495    color: #181E21;
31496    margin: 0;
31497  }
31498
31499  #sections--19420719349957__c_footer2_77FK9h .c-footer__column-links {
31500    display: flex;
31501    flex-direction: column;
31502  }
31503
31504  #sections--19420719349957__c_footer2_77FK9h .c-footer__link {
31505    padding: 8px 0;
31506    font-family: var(--body-family) !important;
31507    font-weight: 400;
31508    font-size: 14px;
31509    line-height: 1.5em;
31510    color: #181E21;
31511    text-decoration: none;
31512    transition: opacity 0.3s ease;
31513  }
31514
31515  #sections--19420719349957__c_footer2_77FK9h .c-footer__link:hover {
31516    opacity: 0.7;
31517  }
31518
31519  /* Social Links */
31520  #sections--19420719349957__c_footer2_77FK9h .c-footer__social-icons {
31521    display: flex;
31522    flex-wrap: wrap;
31523    gap: 12px;
31524  }
31525
31526  #sections--19420719349957__c_footer2_77FK9h .c-footer__social-link {
31527    display: flex;
31528    align-items: center;
31529    justify-content: center;
31530    width: 24px;
31531    height: 24px;
31532    border-radius: 50%;
31533    transition: background 0.3s ease;
31534  }
31535
31536  #sections--19420719349957__c_footer2_77FK9h .c-footer__social-link:hover {
31537    background: rgba(24, 30, 33, 0.2);
31538  }
31539
31540  #sections--19420719349957__c_footer2_77FK9h .c-footer__social-link svg {
31541    width: 24px;
31542    height: 24px;
31543    fill: #181E21;
31544  }
31545
31546  /* Desktop Styles */
31547  @media (width >= 768px) {
31548    #sections--19420719349957__c_footer2_77FK9h .c-footer__container {
31549      padding: 80px 64px 48px 64px;
31550    }
31551
31552    #sections--19420719349957__c_footer2_77FK9h .c-footer__content {
31553      flex-direction: row;
31554      gap: 120px;
31555      align-items: flex-start;
31556    }
31557
31558    #sections--19420719349957__c_footer2_77FK9h .c-footer__newsletter {
31559      flex: 1;
31560      max-width: 448px;
31561    }
31562
31563    #sections--19420719349957__c_footer2_77FK9h .c-footer__links {
31564      display: flex;
31565      flex: 1;
31566      flex-direction: row;
31567      gap: 20px;
31568    }
31569
31570    #sections--19420719349957__c_footer2_77FK9h .c-footer__column {
31571      flex: 1;
31572      gap: 16px;
31573      width: auto;
31574    }
31575
31576    #sections--19420719349957__c_footer2_77FK9h .c-footer__form-wrapper {
31577      flex-direction: row;
31578      align-items: stretch;
31579    }
31580
31581    #sections--19420719349957__c_footer2_77FK9h .c-footer__input-wrapper {
31582      flex: 1;
31583    }
31584
31585    #sections--19420719349957__c_footer2_77FK9h .c-footer__submit {
31586      white-space: nowrap;
31587    }
31588  }
31589
31590</style>
31591
31592<footer
31593  id="sections--19420719349957__c_footer2_77FK9h"
31594  class="c-footer2"
31595>
31596  <div class="c-footer__container">
31597    <div class="c-footer__content">
31598      <!-- Newsletter Section -->
31599      <div class="c-footer__newsletter">
31600        
31601          <div class="c-footer__logo">
31602            <img
31603              src="//apolloneuro.com/cdn/shop/files/apollo-logo-revision-2024_b07964f6-859e-4d8b-93e6-17c141c4f4cb.svg?v=1727371149&width=354"
31604              alt="Apollo Neuro"
31605              width="177"
31606              height="32"
31607            >
31608          </div>
31609        
31610
31611        
31612          <p class="c-footer__newsletter-title">Stay connected with everything Apollo Neuro</p>
31613        
31614
31615        
31616          <!-- Klaviyo Embed -->
31617          <div class="c-footer__klaviyo-embed">
31618            <div class="klaviyo-form-VTFAsb"></div>
31619          </div>
31620        
31621      </div>
31622
31623      <!-- Links Section -->
31624      <div class="c-footer__links">
31625        
31626          
31627              <div
31628                class="c-footer__column"
31629                
31630              >
31631                
31632                  <h3 class="c-footer__column-title">Products</h3>
31633                
31634
31635                
31636                  <nav class="c-footer__column-links">
31637                    
31638                      <a
31639                        href="https://apolloneuro.com/products/apollo-wearable-smartvibes-ai-membership-50-off"
31640                        class="c-footer__link"
31641                      >Apollo Wearable</a>
31642                    
31643                      <a
31644                        href="https://apolloneuro.com/products/smartvibes"
31645                        class="c-footer__link"
31646                      >SmartVibes AI Membership</a>
31647                    
31648                      <a
31649                        href="https://apolloneuro.com/pages/apollo-sessions"
31650                        class="c-footer__link"
31651                      >Apollo Sessions</a>
31652                    
31653                      <a
31654                        href="https://apolloneuro.com/products/apollo-clip"
31655                        class="c-footer__link"
31656                      >Apollo Clip</a>
31657                    
31658                      <a
31659                        href="https://apolloneuro.com/products/apollo-sleep-band"
31660                        class="c-footer__link"
31661                      >Apollo Sleep Band</a>
31662                    
31663                      <a
31664                        href="https://apolloneuro.com/collections/accessories"
31665                        class="c-footer__link"
31666                      >Apollo Accessories</a>
31667                    
31668                  </nav>
31669                
31670              </div>
31671
31672            
31673        
31674          
31675              <div
31676                class="c-footer__column"
31677                
31678              >
31679                
31680                  <h3 class="c-footer__column-title">Company</h3>
31681                
31682
31683                
31684                  <nav class="c-footer__column-links">
31685                    
31686                      <a
31687                        href="/pages/about-apollo-neuro"
31688                        class="c-footer__link"
31689                      >About Apollo®</a>
31690                    
31691                      <a
31692                        href="/products/apollo-gift-card"
31693                        class="c-footer__link"
31694                      >Apollo® eGift Card</a>
31695                    
31696                      <a
31697                        href="https://apolloneuro.com/pages/share?traffic_source=website"
31698                        class="c-footer__link"
31699                      >Refer a Friend</a>
31700                    
31701                      <a
31702                        href="/pages/everyday-heroes"
31703                        class="c-footer__link"
31704                      >Everyday Heroes</a>
31705                    
31706                      <a
31707                        href="/pages/apollo-neuro-reviews"
31708                        class="c-footer__link"
31709                      >Reviews</a>
31710                    
31711                      <a
31712                        href="https://apolloneuro.com/blogs/press"
31713                        class="c-footer__link"
31714                      >Press</a>
31715                    
31716                  </nav>
31717                
31718              </div>
31719
31720            
31721        
31722          
31723              <div
31724                class="c-footer__column"
31725                
31726              >
31727                
31728                  <h3 class="c-footer__column-title">Help</h3>
31729                
31730
31731                
31732                  <nav class="c-footer__column-links">
31733                    
31734                      <a
31735                        href="https://help.apolloneuro.com/hc/en-us"
31736                        class="c-footer__link"
31737                      >Apollo Help</a>
31738                    
31739                      <a
31740                        href="/pages/apollo-neuro-faqs"
31741                        class="c-footer__link"
31742                      >FAQs</a>
31743                    
31744                      <a
31745                        href="/pages/apollo-neuro-onboarding"
31746                        class="c-footer__link"
31747                      >Getting Started Videos</a>
31748                    
31749                      <a
31750                        href="https://apolloneuro.com/apollo101"
31751                        class="c-footer__link"
31752                      >Quick Start Guide</a>
31753                    
31754                  </nav>
31755                
31756              </div>
31757
31758            
31759        
31760          
31761              <div
31762                class="c-footer__column"
31763                
31764              >
31765                
31766                  <h3 class="c-footer__column-title">Connect</h3>
31767                
31768
31769               
31770                  <nav class="c-footer__column-links">
31771                    
31772
31773                    
31774                      <a
31775                        href="https://help.apollo.com"
31776                        class="c-footer__link"
31777                      >Contact Apollo</a>
31778                    
31779
31780                    
31781                      <a
31782                        href="https://apolloneuro.com/blogs/news"
31783                        class="c-footer__link"
31784                      >Blog</a>
31785                    
31786                  </nav>
31787                
31788
31789                <div class="c-footer__social-icons">
31790                  
31791                    <a
31792                      href="https://www.facebook.com/ApolloNeuroscience/"
31793                      class="c-footer__social-link"
31794                      target="_blank"
31795                      rel="noopener"
31796                      aria-label="Facebook"
31797                    >
31798                      <svg
31799                        width="24"
31800                        height="24"
31801                        viewBox="0 0 24 24"
31802                        fill="none"
31803                        xmlns="http://www.w3.org/2000/svg"
31804                      >
31805                        <path d="M22 12.3038C22 6.74719 17.5229 2.24268 12 2.24268C6.47715 2.24268 2 6.74719 2 12.3038C2 17.3255 5.65684 21.4879 10.4375 22.2427V15.2121H7.89844V12.3038H10.4375V10.0872C10.4375 7.56564 11.9305 6.1728 14.2146 6.1728C15.3088 6.1728 16.4531 6.36931 16.4531 6.36931V8.84529H15.1922C13.95 8.84529 13.5625 9.6209 13.5625 10.4166V12.3038H16.3359L15.8926 15.2121H13.5625V22.2427C18.3432 21.4879 22 17.3257 22 12.3038Z" fill="#181E21"/>
31806                      </svg>
31807                    </a>
31808                  
31809
31810                  
31811                    <a
31812                      href="https://www.instagram.com/apolloneuro"
31813                      class="c-footer__social-link"
31814                      target="_blank"
31815                      rel="noopener"
31816                      aria-label="Instagram"
31817                    >
31818                      <svg
31819                        width="24"
31820                        height="24"
31821                        viewBox="0 0 24 24"
31822                        fill="none"
31823                        xmlns="http://www.w3.org/2000/svg"
31824                      >
31825                        <path fill-rule="evenodd" clip-rule="evenodd" d="M16 3.24268H8C5.23858 3.24268 3 5.48126 3 8.24268V16.2427C3 19.0041 5.23858 21.2427 8 21.2427H16C18.7614 21.2427 21 19.0041 21 16.2427V8.24268C21 5.48126 18.7614 3.24268 16 3.24268ZM19.25 16.2427C19.2445 18.0353 17.7926 19.4872 16 19.4927H8C6.20735 19.4872 4.75549 18.0353 4.75 16.2427V8.24268C4.75549 6.45003 6.20735 4.99817 8 4.99268H16C17.7926 4.99817 19.2445 6.45003 19.25 8.24268V16.2427ZM16.75 8.49268C17.3023 8.49268 17.75 8.04496 17.75 7.49268C17.75 6.9404 17.3023 6.49268 16.75 6.49268C16.1977 6.49268 15.75 6.9404 15.75 7.49268C15.75 8.04496 16.1977 8.49268 16.75 8.49268ZM12 7.74268C9.51472 7.74268 7.5 9.7574 7.5 12.2427C7.5 14.728 9.51472 16.7427 12 16.7427C14.4853 16.7427 16.5 14.728 16.5 12.2427C16.5027 11.0484 16.0294 9.90225 15.1849 9.05776C14.3404 8.21327 13.1943 7.74002 12 7.74268ZM9.25 12.2427C9.25 13.7615 10.4812 14.9927 12 14.9927C13.5188 14.9927 14.75 13.7615 14.75 12.2427C14.75 10.7239 13.5188 9.49268 12 9.49268C10.4812 9.49268 9.25 10.7239 9.25 12.2427Z" fill="#181E21"/>
31826                      </svg>
31827                    </a>
31828                  
31829
31830                  
31831                    <a
31832                      href="https://x.com/Apollo_Neuro"
31833                      class="c-footer__social-link"
31834                      target="_blank"
31835                      rel="noopener"
31836                      aria-label="X (Twitter)"
31837                    >
31838                      <svg
31839                        width="24"
31840                        height="24"
31841                        viewBox="0 0 24 24"
31842                        fill="none"
31843                        xmlns="http://www.w3.org/2000/svg"
31844                      >
31845                        <path d="M17.1761 4.24268H19.9362L13.9061 11.0201L21 20.2427H15.4456L11.0951 14.6493L6.11723 20.2427H3.35544L9.80517 12.9935L3 4.24268H8.69545L12.6279 9.3553L17.1761 4.24268ZM16.2073 18.6181H17.7368L7.86441 5.78196H6.2232L16.2073 18.6181Z" fill="#181E21"/>
31846                      </svg>
31847                    </a>
31848                  
31849
31850                  
31851                    <a
31852                      href="https://www.linkedin.com/company/apollo-neuro"
31853                      class="c-footer__social-link"
31854                      target="_blank"
31855                      rel="noopener"
31856                      aria-label="LinkedIn"
31857                    >
31858                      <svg
31859                        width="24"
31860                        height="24"
31861                        viewBox="0 0 24 24"
31862                        fill="none"
31863                        xmlns="http://www.w3.org/2000/svg"
31864                      >
31865                        <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 3.24268C3.67157 3.24268 3 3.91425 3 4.74268V19.7427C3 20.5711 3.67157 21.2427 4.5 21.2427H19.5C20.3284 21.2427 21 20.5711 21 19.7427V4.74268C21 3.91425 20.3284 3.24268 19.5 3.24268H4.5ZM8.52076 7.2454C8.52639 8.20165 7.81061 8.79087 6.96123 8.78665C6.16107 8.78243 5.46357 8.1454 5.46779 7.24681C5.47201 6.40165 6.13998 5.72243 7.00764 5.74212C7.88795 5.76181 8.52639 6.40728 8.52076 7.2454ZM12.2797 10.0044H9.75971H9.7583V18.5643H12.4217V18.3646C12.4217 17.9847 12.4214 17.6047 12.4211 17.2246C12.4203 16.2108 12.4194 15.1959 12.4246 14.1824C12.426 13.9363 12.4372 13.6804 12.5005 13.4455C12.7381 12.568 13.5271 12.0013 14.4074 12.1406C14.9727 12.2291 15.3467 12.5568 15.5042 13.0898C15.6013 13.423 15.6449 13.7816 15.6491 14.129C15.6605 15.1766 15.6589 16.2242 15.6573 17.2719C15.6567 17.6417 15.6561 18.0117 15.6561 18.3815V18.5629H18.328V18.3576C18.328 17.9056 18.3278 17.4537 18.3275 17.0018C18.327 15.8723 18.3264 14.7428 18.3294 13.6129C18.3308 13.1024 18.276 12.599 18.1508 12.1054C17.9638 11.3713 17.5771 10.7638 16.9485 10.3251C16.5027 10.0129 16.0133 9.81178 15.4663 9.78928C15.404 9.78669 15.3412 9.7833 15.2781 9.77989C14.9984 9.76477 14.7141 9.74941 14.4467 9.80334C13.6817 9.95662 13.0096 10.3068 12.5019 10.9241C12.4429 10.9949 12.3852 11.0668 12.2991 11.1741L12.2797 11.1984V10.0044ZM5.68164 18.5671H8.33242V10.01H5.68164V18.5671Z" fill="#181E21"/>
31866                      </svg>
31867                    </a>
31868                  
31869
31870                  
31871                    <a
31872                      href="https://www.youtube.com/c/ApolloNeuroscience"
31873                      class="c-footer__social-link"
31874                      target="_blank"
31875                      rel="noopener"
31876                      aria-label="YouTube"
31877                    >
31878                      <svg
31879                        width="24"
31880                        height="24"
31881                        viewBox="0 0 24 24"
31882                        fill="none"
31883                        xmlns="http://www.w3.org/2000/svg"
31884                      >
31885                        <path d="M21.593 7.203C21.4791 6.7804 21.2565 6.395 20.9474 6.08517C20.6382 5.77533 20.2533 5.55186 19.831 5.437C18.265 5.007 12 5 12 5C12 5 5.73599 4.993 4.16899 5.404C3.74692 5.52415 3.36282 5.75078 3.05356 6.06213C2.7443 6.37349 2.52028 6.75912 2.40299 7.182C1.98999 8.748 1.98599 11.996 1.98599 11.996C1.98599 11.996 1.98199 15.26 2.39199 16.81C2.62199 17.667 3.29699 18.344 4.15499 18.575C5.73699 19.005 11.985 19.012 11.985 19.012C11.985 19.012 18.25 19.019 19.816 18.609C20.2385 18.4943 20.6237 18.2714 20.9336 17.9622C21.2436 17.653 21.4674 17.2682 21.583 16.846C21.997 15.281 22 12.034 22 12.034C22 12.034 22.02 8.769 21.593 7.203ZM9.99599 15.005L10.001 9.005L15.208 12.01L9.99599 15.005Z" fill="#181E21"/>
31886                      </svg>
31887                    </a>
31888                  
31889                </div>
31890              </div>
31891          
31892        
31893      </div>
31894    </div>
31895  </div>
31896</footer>
31897
31898
31899<style> #shopify-section-sections--19420719349957__c_footer2_77FK9h .c-footer2 {display: none;} </style></div><div id="shopify-section-sections--19420719349957__c_footer_bottom_Pkcx8g" class="shopify-section shopify-section-group-footer-group c-footer-bottom-section">
31900
31901
31902
31903<style data-shopify>
31904  #sections--19420719349957__c_footer_bottom_Pkcx8g {
31905    background-color: #E3E6E5;
31906    color: #181E21;
31907  }
31908
31909  #sections--19420719349957__c_footer_bottom_Pkcx8g .c-footer-bottom__container {
31910    max-width: 1440px;
31911    margin: 0 auto;
31912    padding: 0 20px 42px;
31913  }
31914
31915  #sections--19420719349957__c_footer_bottom_Pkcx8g .c-footer-bottom__content {
31916    display: flex;
31917    flex-direction: column;
31918    gap: 32px;
31919  }
31920
31921  #sections--19420719349957__c_footer_bottom_Pkcx8g .c-footer-bottom__divider {
31922    width: 100%;
31923    height: 1px;
31924    background-color: #181E21;
31925    border: none;
31926  }
31927
31928  #sections--19420719349957__c_footer_bottom_Pkcx8g .c-footer-bottom__row {
31929    display: flex;
31930    flex-direction: column;
31931    gap: 21px;
31932  }
31933
31934  #sections--19420719349957__c_footer_bottom_Pkcx8g .c-footer-bottom__copyright {
31935    font-family: var(--body-family);
31936    font-weight: 400;
31937    font-size: 14px;
31938    line-height: 1.5em;
31939    color: #181E21;
31940    margin: 0;
31941  }
31942
31943  #sections--19420719349957__c_footer_bottom_Pkcx8g .c-footer-bottom__links {
31944    display: flex;
31945    flex-wrap: wrap;
31946    gap: 24px;
31947  }
31948
31949  #sections--19420719349957__c_footer_bottom_Pkcx8g .c-footer-bottom__link {
31950    font-family: var(--body-family);
31951    font-weight: 400;
31952    font-size: 14px;
31953    line-height: 1.5em;
31954    color: #181E21;
31955    text-decoration: underline;
31956    transition: opacity 0.3s ease;
31957  }
31958
31959  #sections--19420719349957__c_footer_bottom_Pkcx8g .c-footer-bottom__link:hover {
31960    opacity: 0.7;
31961  }
31962
31963  /* Desktop Styles */
31964  @media (width >= 768px) {
31965    #sections--19420719349957__c_footer_bottom_Pkcx8g .c-footer-bottom__container {
31966      padding: 0 64px 80px;
31967    }
31968
31969    #sections--19420719349957__c_footer_bottom_Pkcx8g .c-footer-bottom__row {
31970      flex-direction: row;
31971      justify-content: space-between;
31972      align-items: center;
31973      gap: 64px;
31974      border-top: 1px solid #181E21;
31975      padding-top: 32px;
31976    }
31977
31978    #sections--19420719349957__c_footer_bottom_Pkcx8g .c-footer-bottom__copyright {
31979      flex-shrink: 0;
31980    }
31981
31982    #sections--19420719349957__c_footer_bottom_Pkcx8g .c-footer-bottom__links {
31983      flex-shrink: 0;
31984    }
31985  }
31986</style>
31987
31988<div id="sections--19420719349957__c_footer_bottom_Pkcx8g" class="c-footer-bottom">
31989  <div class="c-footer-bottom__container">
31990    <div class="c-footer-bottom__content">
31991      
31992      
31993      <div class="c-footer-bottom__row">
31994        <p class="c-footer-bottom__copyright">
31995          © 2026 Apollo Neuro. All rights reserved.
31996        </p>
31997
31998        <nav class="c-footer-bottom__links">
31999          
32000            
32001              
32002                <a href="/policies/refund-policy" class="c-footer-bottom__link">Refund policy</a>
32003              
32004            
32005              
32006                <a href="/policies/privacy-policy" class="c-footer-bottom__link">Privacy policy</a>
32007              
32008            
32009              
32010                <a href="/policies/terms-of-service" class="c-footer-bottom__link">Terms of service</a>
32011              
32012            
32013          
32014
32015          
32016            
32017                <a href="https://help.apolloneuro.com/hc/en-us/articles/13935934007575-Accessibility-Statement?_gl=1*1srrlnr*_gcl_au*NDYyOTMzNTA0LjE3NTQzMjUxODQ.*_ga*MTQyOTczMzk2OS4xNzQ2NTQzOTI2*_ga_7J8J3W1XMM*czE3NTUxODc1OTYkbzQwJGcxJHQxNzU1MTk3MDA5JGo0MyRsMCRoMA.." class="c-footer-bottom__link" >
32018                  Accessibility Statement
32019                </a>
32020            
32021          
32022            
32023                <a href="" class="c-footer-bottom__link" >
32024                  
32025                </a>
32026            
32027          
32028        </nav>
32029      </div>
32030    </div>
32031  </div>
32032</div>
32033
32034
32035</div>
32036<!-- END sections: footer-group -->
32037      </div>
32038    </div>
32039
32040    <!-- BEGIN sections: overlay-group -->
32041
32042<!-- END sections: overlay-group -->
32043
32044    <ul hidden>
32045      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
32046    </ul>
32047    <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
32048      <symbol
32049        id="icon-cart"
32050        fill="none"
32051        viewbox="0 0 18 19">
32052        <path d="M3.09333 5.87954L16.2853 5.87945V5.87945C16.3948 5.8795 16.4836 5.96831 16.4836 6.07785V11.4909C16.4836 11.974 16.1363 12.389 15.6603 12.4714C11.3279 13.2209 9.49656 13.2033 5.25251 13.9258C4.68216 14.0229 4.14294 13.6285 4.0774 13.0537C3.77443 10.3963 2.99795 3.58502 2.88887 2.62142C2.75288 1.42015 0.905376 1.51528 0.283581 1.51478" stroke="currentColor" />
32053        <path d="M13.3143 16.8554C13.3143 17.6005 13.9183 18.2045 14.6634 18.2045C15.4085 18.2045 16.0125 17.6005 16.0125 16.8554C16.0125 16.
320531104 15.4085 15.5063 14.6634 15.5063C13.9183 15.5063 13.3143 16.1104 13.3143 16.8554Z" fill="currentColor" />
32054        <path d="M3.72831 16.8554C3.72831 17.6005 4.33233 18.2045 5.07741 18.2045C5.8225 18.2045 6.42651 17.6005 6.42651 16.8554C6.42651 16.1104 5.8225 15.5063 5.07741 15.5063C4.33233 15.5063 3.72831 16.1104 3.72831 16.8554Z" fill="currentColor" />
32055      </symbol>
32056    </svg>
32057      
32057<script src="//apolloneuro.com/cdn/shop/t/251/assets/lazyimage.js?v=29208159735029613491756101760" async></script>
32057
32058    
32058<script src="//apolloneuro.com/cdn/shop/t/251/assets/predictive-search.js?v=118186851506741118981756101763" defer="defer"></script>
32058<script src="//apolloneuro.com/cdn/shop/t/251/assets/quick-view.js?v=108476240367538103291756101763" defer="defer"></script>
32058<script src="//apolloneuro.com/cdn/shop/t/251/assets/color-swatches.js?v=63997418600200943851756101763" defer="defer"></script>
32058<!-- Stamped -->
32059
32060    
32060<script>
32061      function myInit(){ StampedFn.init({
32062      apiKey: 'pubkey-j1q4Qcl27h88j97yP8loWjLw8Wf5B7',
32063      sId: '180276' }); }
32064    </script>
32064
32065
32066
32067    
32067<script
32068      async
32069      onload="myInit()"
32070      type="text/javascript"
32071      src="
32072https://cdn1.stamped.io/files/widget.min.js
32073">
32074</script>
32074
32075
32076    <!-- Override Stamped.io star colors globally -->
32077    
32077<script>
32078      document.addEventListener('DOMContentLoaded', function() {
32079        const stampedColor = 'rgb(24, 30, 33)';
32080        
32081        function updateStampedStarColors() {
32082          const stampedStars = document.querySelectorAll('.stamped-fa.stamped-fa-star, .stamped-fa-star, .stamped-fa.stamped-fa-star-half-o, .stamped-fa-star-half-o');
32083          stampedStars.forEach(star => {
32084            star.style.setProperty('color', stampedColor, 'important');
32085          });
32086        }
32087
32088        // Initial update
32089        updateStampedStarColors();
32090
32091        // Watch for dynamically loaded Stamped content
32092        const observer = new MutationObserver(function(mutations) {
32093          mutations.forEach(function(mutation) {
32094            if (mutation.addedNodes.length > 0) {
32095              updateStampedStarColors();
32096            }
32097          });
32098        });
32099
32100        // Start observing the document for changes
32101        observer.observe(document.body, {
32102          childList: true,
32103          subtree: true
32104        });
32105      });
32106    </script>
32106
32107
32108    <!-- End Stamped -->
32109
32110    
32110<script>
32111        // Clear Cart function for mini-cart
32112        window.clearCart = function(event) {
32113          event.preventDefault();
32114
32115          // Sehow loading state
32116          const button = event.target;
32117          const originalText = button.textContent;
32118          button.textContent = 'Clearing...';
32119          button.disabled = true;
32120
32121          // Get current cart to find all items
32122          fetch('/cart.js')
32123      .then(response => response.json())
32124      .then(cart => {
32125        // Create updates object to set all items to 0
32126        const updates = {};
32127        cart.items.forEach(item => {
32128          updates[item.id] = 0;
32129        });
32130
32131        // Update all items to quantity 0
32132        return fetch('/cart/update.js', {
32133          method: 'POST',
32134          headers: {
32135            'Content-Type': 'application/json',
32136          },
32137          body: JSON.stringify({ updates: updates })
32138        });
32139      })
32140      .then(response => response.json())
32141      .then(cart => {
32142        // Update the cart drawer by fetching the updated section
32143        return fetch('/?section_id=c-mini-cart-v2');
32144      })
32145      .then(response => response.text())
32146      .then(html => {
32147        // Update the mini-cart section
32148        const parser = new DOMParser();
32149        const doc = parser.parseFromString(html, 'text/html');
32150        const newContent = doc.querySelector('.shopify-section');
32151
32152        const miniCartEl = document.getElementById('c-mini-cart-v2');
32153        if (newContent && miniCartEl) {
32154          miniCartEl.innerHTML = newContent.innerHTML;
32155        }
32156
32157        // Update cart icon bubble count
32158        fetch('/?section_id=cart-icon-bubble')
32159          .then(response => response.text())
32160          .then(html => {
32161            const doc = parser.parseFromString(html, 'text/html');
32162            const newBubble = doc.querySelector('.shopify-section');
32163            if (newBubble && document.getElementById('cart-icon-bubble')) {
32164              document.getElementById('cart-icon-bubble').innerHTML = newBubble.innerHTML;
32165            }
32166          });
32167
32168        // Update mobile cart icon bubble count
32169        fetch('/?section_id=mobile-cart-icon-bubble')
32170          .then(response => response.text())
32171          .then(html => {
32172            const doc = parser.parseFromString(html, 'text/html');
32173            const newBubble = doc.querySelector('.shopify-section');
32174            if (newBubble && document.getElementById('mobile-cart-icon-bubble')) {
32175              document.getElementById('mobile-cart-icon-bubble').innerHTML = newBubble.innerHTML;
32176            }
32177          });
32178      })
32179      .catch(error => {
32180        console.error('Error clearing cart:', error);
32181        button.textContent = originalText;
32182        button.disabled = false;
32183        alert('There was an error clearing your cart. Please try again.');
32184      });
32185        };
32186    </script>
32186
32187  
32187<script>
32188(function(){
32189var script = document.createElement('script');
32190script.onload = function() {
32191  var txnId = EF.urlParameter('infclid') || EF.urlParameter('transaction_id') || EF.urlParameter('_ef_transaction_id');
32192  var infOldId = EF.urlParameter('ahn_ref');
32193  if (infOldId) {
32194    window.infMap = fetch('https://migration.inflektion.io/?offer_id=116&id=' + encodeURIComponent(infOldId))
32195      .then(function(r){ return r.json(); })
32196      .then(function(d){ return d.affiliate_id ? { offer_id: '116', affiliate_id: d.affiliate_id, sub5: 'ahn_ref:' + infOldId } : null; })
32197      .catch(function(){ return null; });
32198  }
32199  Promise.resolve(window.infMap).then(function(m) {
32200    EF.click({
32201        offer_id: (m && m.offer_id) || EF.urlParameter('oid'),
32202        affiliate_id: (m && m.affiliate_id) || EF.urlParameter('utm_campaign'),
32203        transaction_id: txnId,
32204        sub1: EF.urlParameter('sub1'),
32205        sub2: EF.urlParameter('gclid') || EF.urlParameter('sub2'),
32206        sub3: EF.urlParameter('sub3'),
32207        sub4: EF.urlParameter('sub4'),
32208        sub5: (m && m.sub5) || EF.urlParameter('sub5'),
32209        uid: EF.urlParameter('uid'),
32210        source_id: EF.urlParameter('source_id'),
32211        creative_id: EF.urlParameter('creative_id'),
32212    }).then( function(transaction_id) {
32213      if (transaction_id) {
32214        (async () => {
32215          let formData = new URLSearchParams();
32216          formData.append('attributes[eftid]', transaction_id);
32217          const rawResponse = await fetch('/cart.js', {
32218            method: 'POST',
32219            headers: {
32220              'Accept': 'application/json',
32221              'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
32222            },
32223            body: formData
32224          });
32225        })();
32226      }
32227    });
32228  });
32229
32230  var sendAddToCart = function () {
32231    EF.conversion({
32232      offer_id: 116,
32233      event_id: 431,
32234      verification_token: 'jOXupVDl5B5uOJzAsixb6aBGGhiWii',
32235    });
32236  }
32237
32238  var sendEmailLead = function(email) {
32239    EF.conversion({
32240      offer_id: 116,
32241      event_id: 430,
32242      email: email,
32243      verification_token: 'jOXupVDl5B5uOJzAsixb6aBGGhiWii',
32244    });
32245  };
32246
32247  window.addEventListener("klaviyoForms", function(e) {
32248    if (e.detail.type === 'submit' && e.detail.formId !== 'SKVpy2') {
32249      sendEmailLead(e.detail.metaData.$email);
32250    }
32251  });
32252
32253  // Track Alia form submissions
32254  document.addEventListener('submit', function(e) {
32255    const aliaForm = e.target.closest('form[id^="alia-"]');
32256    if (aliaForm) {
32257      const emailInput = aliaForm.querySelector('input[name="email"]');
32258      if (emailInput && emailInput.value) {
32259        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
32260        if (emailRegex.test(emailInput.value)) {
32261          sendEmailLead(emailInput.value);
32262        }
32263      }
32264    }
32265  });
32266
32267  // Event delegation for add to cart button clicks (including dynamically inserted elements)
32268  document.addEventListener('click', function(e) {
32269    const isProductFormSubmit = e.target.closest('.product-form__submit');
32270    const isCartAddButton = e.target.closest('form[action="/cart/add"] button[type="submit"]');
32271    if (isProductFormSubmit || isCartAddButton) {
32272      sendAddToCart();
32273    }
32274  }, true);
32275
32276
32277};
32278script.src = "https://www.allinflektion.com/scripts/sdk/everflow.js";
32279document.head.appendChild(script);
32280})(document);
32281</script>
32281
32282  
32282<script>
32283  (function () {
32284    var COMPANY_ID = 'HF6NZU';
32285    var REVISION = '2025-07-15';
32286    var METRIC = 'SL - SMS Offer LP Signup';
32287
32288    // Klaviyo pop-ups whose phone step must reach Attentive.
32289    var FORMS = {
32290      XcdtqR: 'Hero pop-up (mobile)',
32291      W7rSSp: 'Hero pop-up (desktop)',
32292      W3njRd: 'Quiz results pop-up (mobile)',
32293      SM3AdP: 'Quiz results pop-up (desktop)'
32294    };
32295
32296    // Attentive only takes US numbers; Klaviyo hands us E.164.
32297    var US_PHONE = /^\+1\d{10}$/;
32298
32299    // Fallback copy of the disclosure the pop-up shows, used only if it can't be read off the
32300    // open pop-up. Keep in sync with the forms in Klaviyo.
32301    var CONSENT_FALLBACK =
32302      'By submitting this form, you consent to receive informational (e.g., order updates) ' +
32303      'and/or marketing texts (e.g., cart reminders) from Apollo Neuroscience, Inc. including ' +
32304      'texts sent by autodialer. Consent is not a condition of purchase. Msg & data rates may ' +
32305      'apply. Msg frequency varies. Unsubscribe at any time by replying STOP or clicking the ' +
32306      'unsubscribe link (where available). Text HELP for help. You also agree to our Privacy ' +
32307      'Policy & Terms.';
32308
32309    var sent = {};
32310    var consentSeen = '';
32311
32312    // The disclosure as it was actually on screen. Klaviyo does not tag the pop-up with a
32313    // .klaviyo-form-<id> class, so the whole document is scanned — the pop-up is the only place
32314    // this copy appears. Several ancestors match, so the SHORTEST match is kept: that is the
32315    // paragraph itself rather than the whole dialog (which would drag in "Close dialog" etc.).
32316    var captureConsent = function () {
32317      try {
32318        var nodes = document.querySelectorAll('p, div, span');
32319        var best = '';
32320        for (var i = 0; i < nodes.length; i++) {
32321          var text = (nodes[i].textContent || '').trim();
32322          if (text.length > 80 && text.indexOf('Msg & data rates') !== -1) {
32323            if (!best || text.length < best.length) best = text;
32324          }
32325        }
32326        if (best) consentSeen = best;
32327      } catch (e) {}
32328    };
32329
32330    var send = function (phone, formId) {
32331      var payload = {
32332        data: {
32333          type: 'event',
32334          attributes: {
32335            metric: { data: { type: 'metric', attributes: { name: METRIC } } },
32336            properties: {
32337              source: FORMS[formId],
32338              form_id: formId,
32339              page_url: window.location.href,
32340              sms_consent: true,
32341              consent_text: consentSeen || CONSENT_FALLBACK
32342            },
32343            profile: { data: { type: 'profile', attributes: { phone_number: phone } } }
32344          }
32345        }
32346      };
32347      var url = 'https://a.klaviyo.com/client/events?company_id=' + encodeURIComponent(COMPANY_ID);
32348      var body = JSON.stringify(payload);
32349
32350      // keepalive so the request survives the pop-up closing or a navigation right after submit.
32351      fetch(url, {
32352        method: 'POST',
32353        headers: { 'Content-Type': 'application/vnd.api+json', revision: REVISION },
32354        body: body,
32355        keepalive: true
32356      }).catch(function (error) {
32357        console.warn('[c-popup-sms-attentive] could not forward the sign-up', error);
32358      });
32359    };
32360
32361    window.addEventListener('klaviyoForms', function (e) {
32362      if (!e.detail) return;
32363      var formId = e.detail.formId;
32364      if (!FORMS[formId]) return;
32365
32366      // `viewedStep` fires before Klaviyo paints the step, so the scan has to wait a beat.
32367      if (e.detail.type === 'open' || e.detail.type === 'viewedStep') {
32368        setTimeout(captureConsent, 400);
32369        return;
32370      }
32371
32372      // Verified live on 2026-09-29: in a multi-step pop-up the phone step emits ONLY
32373      // `stepSubmit` — `submit` fires once, on the email step, and never carries the phone.
32374      // `submit` is kept for single-step forms, guarded by the phone check below.
32375      if (e.detail.type !== 'stepSubmit' && e.detail.type !== 'submit') return;
32376
32377      var meta = e.detail.metaData || {};
32378      var phone = meta.$phone_number;
32379      if (!phone || !US_PHONE.test(phone)) return;
32380
32381      // A resubmit inside the same page view would text the person twice.
32382      var key = formId + '|' + phone;
32383      if (sent[key]) return;
32384      sent[key] = true;
32385
32386      // Last chance to read the disclosure: at this instant the step is still on screen.
32387      captureConsent();
32388      send(phone, formId);
32389    });
32390  })();
32391</script>
32391
32392
32393  
32393<script>
32394    (function () {
32395      if (window.__shippingDelayTrackerInstalled) return;
32396      window.__shippingDelayTrackerInstalled = true;
32397
32398      // Feature toggle from theme settings (Theme settings > Shipping Delay Messages).
32399      var ENABLED = false;
32400
32401      var ATTR_KEY = '_shipping_delay';
32402      var SECTION_ID = 'shipping-delay-flag';
32403      // Re-evaluate on any cart mutation so the flag also clears when an
32404      // out-of-stock variant is removed or its quantity changes.
32405      var CART_MUTATIONS = ['/cart/add', '/cart/change', '/cart/update', '/cart/clear'];
32406      // Add ?sd_debug=1 to the URL (or set window.SHIPPING_DELAY_DEBUG = true) to log.
32407      var DEBUG = /[?&]sd_debug=1/.test(window.location.search) || window.SHIPPING_DELAY_DEBUG === true;
32408
32409      function log() {
32410        if (DEBUG) console.log.apply(console, ['[shipping-delay]'].concat([].slice.call(arguments)));
32411      }
32412
32413      if (!ENABLED) { log('disabled via theme settings'); return; }
32414
32415      var _fetch = window.fetch;
32416      var syncing = false;
32417
32418      // Ask the server (Liquid has inventory_quantity; AJAX APIs do not) whether
32419      // the cart currently needs the flag, then set/clear the hidden attribute.
32420      function syncFlag() {
32421        if (syncing) return;
32422        syncing = true;
32423        // Cache-buster (&_=) prevents a stale Section Rendering API response.
32424        _fetch('/?section_id=' + SECTION_ID + '&_=' + Date.now(), { headers: { 'X-Requested-With': 'fetch' } })
32425          .then(function (res) { return res.ok ? res.text() : ''; })
32426          .then(function (html) {
32427            var flagEl = new DOMParser().parseFromString(html, 'text/html').querySelector('[data-needs-delay]');
32428            var needsDelay = !!flagEl && flagEl.getAttribute('data-needs-delay') === 'true';
32429            log('section result', { needsDelay: needsDelay, matched: flagEl && flagEl.getAttribute('data-debug') });
32430            var attributes = {};
32431            // Empty string removes the attribute in Shopify's cart API.
32432            attributes[ATTR_KEY] = needsDelay ? 'true' : '';
32433            return _fetch('/cart/update.js', {
32434              method: 'POST',
32435              headers: { 'Content-Type': 'application/json' },
32436              body: JSON.stringify({ attributes: attributes }),
32437            });
32438          })
32439          .then(function (res) { return res && res.json ? res.json() : null; })
32440          .then(function (cart) { log('attribute synced ->', cart && cart.attributes); })
32441          .catch(function (err) { log('error', err); })
32442          .then(function () { syncing = false; });
32443      }
32444
32445      window.fetch = function (url, config) {
32446        var promise = _fetch.apply(this, arguments);
32447
32448        var urlStr = (typeof url === 'string' ? url : (url && url.url)) || '';
32449        var isCartMutation = CART_MUTATIONS.some(function (path) {
32450          return urlStr.indexOf(path) !== -1;
32451        });
32452        if (!isCartMutation) return promise;
32453
32454        // syncFlag() uses the original _fetch, so its /cart/update.js call is
32455        // not re-intercepted here (no recursion).
32456        promise.then(function (response) {
32457          if (response && response.ok) { log('cart mutation', urlStr); syncFlag(); }
32458        }).catch(function () {});
32459
32460        return promise;
32461      };
32462
32463      log('installed; tracking variants', "45478267584709");
32464    })();
32465  </script>
32465
32466  <div id="shopify-block-AMXlNNXM5SWtGZ0cxR__17151115064775110295" class="shopify-block shopify-app-block"><style data-recharge-theme='{"has_theme_customization": true, "design_mode": false }'>
32467  .recharge-theme {
32468    /* App */
32469    --recharge-app-background: #F9F8F4;
32470    --recharge-app-container: 1200px;
32471    --recharge-app-vertical-padding: 32px;
32472
32473    /* Brand colors */
32474    
32475--recharge-color-brand: #467C99;
32476
32477    /* Tints */
32478    --recharge-color-brand-120: #38637a;
32479    --recharge-color-brand-20: #6b96ad;
32480    --recharge-color-brand-40: #90b0c2;
32481    --recharge-color-brand-60: #b5cbd6;
32482    --recharge-color-brand-75: #d1dee6;
32483    --recharge-color-brand-85: #e3ebf0;
32484
32485    /* Neutral */
32486    --recharge-color-neutral: hsl(201, 35%, 7%);
32487    --recharge-color-neutral-80: hsl(201, 7%, 25%);
32488    --recharge-color-neutral-70: hsl(201, 5%, 35%);
32489    --recharge-color-neutral-40: hsl(201, 3%, 63%);
32490    --recharge-color-neutral-10: hsl(201, 2%, 91%);
32491    
32492
32493    /* Links */
32494    --recharge-button-secondary: #467C99;
32495    --recharge-button-secondary-120: #38637a;
32496    --recharge-button-secondary-60: #90b0c2;
32497
32498    /* Images */
32499    --recharge-images-ratio: 1;
32500
32501    /* Cards */
32502    
32503    --recharge-cards-background: #FFFFFF;
32504    
32505
32506    
32507    --recharge-cards-border-color: RGBA(0,0,0,0);
32508    
32509
32510    /* Fonts */
32511    --recharge-typography-scale: 16px;
32512    --recharge-typography-size-1: calc(3 * var(--recharge-typography-scale));
32513    --recharge-typography-size-2: calc(2.25 * var(--recharge-typography-scale));
32514    --recharge-typography-size-3: calc(1.625 * var(--recharge-typography-scale));
32515    --recharge-typography-size-4: calc(1.25 * var(--recharge-typography-scale));
32516    --recharge-typography-size-5: calc(1 * var(--recharge-typography-scale));
32517    --recharge-typography-size-6: calc(.875 * var(--recharge-typography-scale));
32518
32519    /** Text **/
32520    --recharge-typography-light: #FFFFFF;
32521    --recharge-typography-primary: var(--recharge-color-neutral);
32522    --recharge-typography-secondary: var(--recharge-color-neutral-70);
32523
32524    /* Corners */
32525    --recharge-corners-radius: 8px;
32526
32527    --recharge-button-border-radius: 8px;
32528    
32529
32530    /* Views */
32531    
32532    --recharge-views-background: #F9F8F4;
32533    
32534
32535    /* Buttons */
32536    --recharge-button-font-family: inherit;
32537    --recharge-button-brand: var(--recharge-color-brand);
32538    --recharge-button-color: #FFFFFF;
32539  }
32540</style>
32541
32542</div><div id="shopify-block-AbmR4ZVhWZXJvS2NJQ__2786716548061469553" class="shopify-block shopify-app-block">
32543
32544<script>
32545</script>
32545
32546
32547 </div><div id="shopify-block-AV3hyQ2FISjdzWlBPV__11945366711752539959" class="shopify-block shopify-app-block">
32547<script> var script = document.createElement('script');script.type = 'text/javascript';script.id = 'ze-snippet';script.src = 'https://static.zdassets.com/ekr/snippet.js?key=587774e8-ce3d-44da-9ce3-e5b97998d677';document.getElementsByTagName('head')[0].appendChild(script); </script>
32547
32548
32549
32550</div><!-- Failed to render app block "1996061711396120121": app block path "shopify://apps/uppromote-affiliate/blocks/message-bar/64c32457-930d-4cb9-9641-e24c0d9cf1f4" does not exist --><div id="shopify-block-AWGxmMlp0WWFnTzZRY__16798170927650018749" class="shopify-block shopify-app-block">
32551
32552
32553
32554
32555
32556
32557
32558  
32559  
32560
32561
32562
32563
32564<div id="recharge-storefront-experiences">
32565  
32566  <div></div>
32567</div>
32568<script type="module" src="https://static.rechargecdn.com/assets/storefront-experiences/storefront-experiences.js"></script>
32568
32569
32570<script>
32571  (function () {
32572    
32573    
32574    
32575    
32576    
32577  
32578    window.RechargeStorefrontConfig = {
32579      customer: null,
32580      shop: {
32581        currency: "USD",
32582        locale: "en",
32583        identifier: "apollo-neuro.myshopify.com",
32584        market_id: 548503749,
32585        currency_format: "${{amount_no_decimals}}",
32586        routes: {
32587          cart: "\/cart",
32588          root: "\/",
32589        },
32590      },
32591      cart_overlay:{"enabled":true},
32592      cart_overlay_preview:{},
32593      cart_drawer:{"enabled":true},
32594      cart_drawer_preview:{},
32595      bundles_selling_plan_sync_enabled:false,
32596    };
32597  })();
32598</script>
32598
32599
32600
32601
32602
32603</div><!-- Failed to render app block "10605408327587305396": app block path "shopify://apps/eg-auto-add-to-cart/blocks/app-embed/0f7d4f74-1e89-4820-aec4-6564d7e535d2" does not exist --><!-- Failed to render app block "4015264832934714879": app block path "shopify://apps/trustoo-email-popups/blocks/app/a5670cf8-5705-4b01-ad9e-447033feae26" does not exist --><!-- Failed to render app block "3576686563519644491": app block path "shopify://apps/vwo/blocks/vwo-smartcode/2ce905b2-3842-4d20-b6b0-8c51fc208426" does not exist --><!-- Failed to render app block "3138269044488530766": app block path "shopify://apps/uppromote-affiliate/blocks/core-script/64c32457-930d-4cb9-9641-e24c0d9cf1f4" does not exist -->
32603<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
32603
32604</body>
32605</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.