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 & 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 & 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 & 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 & 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 & 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="{"session_id":"01M41K27K9F9WZNBWXCB4297RG","publisher_shop_id":26783416517,"theme_id":148928594117,"theme_published":true,"theme_store_id":0,"placement":"collection","event_data":{"handle":"","page_type":"home"},"recommendations_tracking_enabled":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&platfAppInstalledSiteId=4119875&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&v=1757630841" alt="Apollo Neuro" srcset="//apolloneuro.com/cdn/shop/files/ApolloLogo-10pxpad.png?height=76&v=1757630841 352w, //apolloneuro.com/cdn/shop/files/ApolloLogo-10pxpad.png?height=100&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&height=600&v=1769697849&width=600" alt="" srcset="//apolloneuro.com/cdn/shop/files/Product_bb26e849-c7d3-4d39-96b6-fbfbafbc9b8a.png?crop=center&height=300&v=1769697849&width=300 300w, //apolloneuro.com/cdn/shop/files/Product_bb26e849-c7d3-4d39-96b6-fbfbafbc9b8a.png?crop=center&height=400&v=1769697849&width=400 400w, //apolloneuro.com/cdn/shop/files/Product_bb26e849-c7d3-4d39-96b6-fbfbafbc9b8a.png?crop=center&height=600&v=1769697849&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&height=600&v=1770391601&width=600" alt="" srcset="//apolloneuro.com/cdn/shop/files/img.png?crop=center&height=300&v=1770391601&width=300 300w, //apolloneuro.com/cdn/shop/files/img.png?crop=center&height=400&v=1770391601&width=400 400w, //apolloneuro.com/cdn/shop/files/img.png?crop=center&height=600&v=1770391601&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&height=600&v=1782343148&width=600" alt="" srcset="//apolloneuro.com/cdn/shop/files/Merch.png?crop=center&height=300&v=1782343148&width=300 300w, //apolloneuro.com/cdn/shop/files/Merch.png?crop=center&height=400&v=1782343148&width=400 400w, //apolloneuro.com/cdn/shop/files/Merch.png?crop=center&height=600&v=1782343148&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&height=400&v=1779810232&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Research.png?crop=center&height=200&v=1779810232&width=200 200w, //apolloneuro.com/cdn/shop/files/Research.png?crop=center&height=300&v=1779810232&width=300 300w, //apolloneuro.com/cdn/shop/files/Research.png?crop=center&height=400&v=1779810232&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&height=400&v=1768924779&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/science-3.png?crop=center&height=200&v=1768924779&width=200 200w, //apolloneuro.com/cdn/shop/files/science-3.png?crop=center&height=300&v=1768924779&width=300 300w, //apolloneuro.com/cdn/shop/files/science-3.png?crop=center&height=400&v=1768924779&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&height=400&v=1770339899&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Experts_Advisors_01.png?crop=center&height=200&v=1770339899&width=200 200w, //apolloneuro.com/cdn/shop/files/Experts_Advisors_01.png?crop=center&height=300&v=1770339899&width=300 300w, //apolloneuro.com/cdn/shop/files/Experts_Advisors_01.png?crop=center&height=400&v=1770339899&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&height=400&v=1775183701&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/For_Business.jpg?crop=center&height=200&v=1775183701&width=200 200w, //apolloneuro.com/cdn/shop/files/For_Business.jpg?crop=center&height=300&v=1775183701&width=300 300w, //apolloneuro.com/cdn/shop/files/For_Business.jpg?crop=center&height=400&v=1775183701&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&height=400&v=1775228606&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/For_Clinicians_fcda8232-ed41-4572-9b8d-6cfe1f80ef4b.png?crop=center&height=200&v=1775228606&width=200 200w, //apolloneuro.com/cdn/shop/files/For_Clinicians_fcda8232-ed41-4572-9b8d-6cfe1f80ef4b.png?crop=center&height=300&v=1775228606&width=300 300w, //apolloneuro.com/cdn/shop/files/For_Clinicians_fcda8232-ed41-4572-9b8d-6cfe1f80ef4b.png?crop=center&height=400&v=1775228606&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&height=400&v=1768925395&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/about-us-1.png?crop=center&height=200&v=1768925395&width=200 200w, //apolloneuro.com/cdn/shop/files/about-us-1.png?crop=center&height=300&v=1768925395&width=300 300w, //apolloneuro.com/cdn/shop/files/about-us-1.png?crop=center&height=400&v=1768925395&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&height=400&v=1770339929&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Press_NavImage.png?crop=center&height=200&v=1770339929&width=200 200w, //apolloneuro.com/cdn/shop/files/Press_NavImage.png?crop=center&height=300&v=1770339929&width=300 300w, //apolloneuro.com/cdn/shop/files/Press_NavImage.png?crop=center&height=400&v=1770339929&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&height=400&v=1768925395&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/about-us-3.png?crop=center&height=200&v=1768925395&width=200 200w, //apolloneuro.com/cdn/shop/files/about-us-3.png?crop=center&height=300&v=1768925395&width=300 300w, //apolloneuro.com/cdn/shop/files/about-us-3.png?crop=center&height=400&v=1768925395&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&height=400&v=1768925395&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/about-us-4.png?crop=center&height=200&v=1768925395&width=200 200w, //apolloneuro.com/cdn/shop/files/about-us-4.png?crop=center&height=300&v=1768925395&width=300 300w, //apolloneuro.com/cdn/shop/files/about-us-4.png?crop=center&height=400&v=1768925395&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&height=400&v=1770132020&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/blog.png?crop=center&height=200&v=1770132020&width=200 200w, //apolloneuro.com/cdn/shop/files/blog.png?crop=center&height=300&v=1770132020&width=300 300w, //apolloneuro.com/cdn/shop/files/blog.png?crop=center&height=400&v=1770132020&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&v=1757630841" alt="Apollo Neuro" srcset="//apolloneuro.com/cdn/shop/files/ApolloLogo-10pxpad.png?height=25&v=1757630841 115w, //apolloneuro.com/cdn/shop/files/ApolloLogo-10pxpad.png?height=50&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&width=600" alt="Apollo® Wearable + SmartVibes®" srcset="//apolloneuro.com/cdn/shop/files/mini-banner.png?v=1769099471&width=352 352w, //apolloneuro.com/cdn/shop/files/mini-banner.png?v=1769099471&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&height=400&v=1779810232&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Research.png?crop=center&height=200&v=1779810232&width=200 200w, //apolloneuro.com/cdn/shop/files/Research.png?crop=center&height=300&v=1779810232&width=300 300w, //apolloneuro.com/cdn/shop/files/Research.png?crop=center&height=400&v=1779810232&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&height=400&v=1768924779&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/science-3.png?crop=center&height=200&v=1768924779&width=200 200w, //apolloneuro.com/cdn/shop/files/science-3.png?crop=center&height=300&v=1768924779&width=300 300w, //apolloneuro.com/cdn/shop/files/science-3.png?crop=center&height=400&v=1768924779&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&height=400&v=1770339899&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Experts_Advisors_01.png?crop=center&height=200&v=1770339899&width=200 200w, //apolloneuro.com/cdn/shop/files/Experts_Advisors_01.png?crop=center&height=300&v=1770339899&width=300 300w, //apolloneuro.com/cdn/shop/files/Experts_Advisors_01.png?crop=center&height=400&v=1770339899&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&height=400&v=1775183701&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/For_Business.jpg?crop=center&height=200&v=1775183701&width=200 200w, //apolloneuro.com/cdn/shop/files/For_Business.jpg?crop=center&height=300&v=1775183701&width=300 300w, //apolloneuro.com/cdn/shop/files/For_Business.jpg?crop=center&height=400&v=1775183701&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&height=400&v=1775228606&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/For_Clinicians_fcda8232-ed41-4572-9b8d-6cfe1f80ef4b.png?crop=center&height=200&v=1775228606&width=200 200w, //apolloneuro.com/cdn/shop/files/For_Clinicians_fcda8232-ed41-4572-9b8d-6cfe1f80ef4b.png?crop=center&height=300&v=1775228606&width=300 300w, //apolloneuro.com/cdn/shop/files/For_Clinicians_fcda8232-ed41-4572-9b8d-6cfe1f80ef4b.png?crop=center&height=400&v=1775228606&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&height=400&v=1768925395&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/about-us-1.png?crop=center&height=200&v=1768925395&width=200 200w, //apolloneuro.com/cdn/shop/files/about-us-1.png?crop=center&height=300&v=1768925395&width=300 300w, //apolloneuro.com/cdn/shop/files/about-us-1.png?crop=center&height=400&v=1768925395&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&height=400&v=1770339929&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Press_NavImage.png?crop=center&height=200&v=1770339929&width=200 200w, //apolloneuro.com/cdn/shop/files/Press_NavImage.png?crop=center&height=300&v=1770339929&width=300 300w, //apolloneuro.com/cdn/shop/files/Press_NavImage.png?crop=center&height=400&v=1770339929&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&height=400&v=1768925395&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/about-us-3.png?crop=center&height=200&v=1768925395&width=200 200w, //apolloneuro.com/cdn/shop/files/about-us-3.png?crop=center&height=300&v=1768925395&width=300 300w, //apolloneuro.com/cdn/shop/files/about-us-3.png?crop=center&height=400&v=1768925395&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&height=400&v=1768925395&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/about-us-4.png?crop=center&height=200&v=1768925395&width=200 200w, //apolloneuro.com/cdn/shop/files/about-us-4.png?crop=center&height=300&v=1768925395&width=300 300w, //apolloneuro.com/cdn/shop/files/about-us-4.png?crop=center&height=400&v=1768925395&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&height=400&v=1770132020&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/blog.png?crop=center&height=200&v=1770132020&width=200 200w, //apolloneuro.com/cdn/shop/files/blog.png?crop=center&height=300&v=1770132020&width=300 300w, //apolloneuro.com/cdn/shop/files/blog.png?crop=center&height=400&v=1770132020&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&width=3840" alt="" srcset="//apolloneuro.com/cdn/shop/files/HeroMast_05_Mock_1.png?v=1787068772&width=375 375w, //apolloneuro.com/cdn/shop/files/HeroMast_05_Mock_1.png?v=1787068772&width=550 550w, //apolloneuro.com/cdn/shop/files/HeroMast_05_Mock_1.png?v=1787068772&width=750 750w, //apolloneuro.com/cdn/shop/files/HeroMast_05_Mock_1.png?v=1787068772&width=1100 1100w, //apolloneuro.com/cdn/shop/files/HeroMast_05_Mock_1.png?v=1787068772&width=1500 1500w, //apolloneuro.com/cdn/shop/files/HeroMast_05_Mock_1.png?v=1787068772&width=2000 2000w, //apolloneuro.com/cdn/shop/files/HeroMast_05_Mock_1.png?v=1787068772&width=2500 2500w, //apolloneuro.com/cdn/shop/files/HeroMast_05_Mock_1.png?v=1787068772&width=3000 3000w, //apolloneuro.com/cdn/shop/files/HeroMast_05_Mock_1.png?v=1787068772&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&width=1500" alt="" srcset="//apolloneuro.com/cdn/shop/files/Hero_Mobile05.png?v=1786466924&width=375 375w, //apolloneuro.com/cdn/shop/files/Hero_Mobile05.png?v=1786466924&width=550 550w, //apolloneuro.com/cdn/shop/files/Hero_Mobile05.png?v=1786466924&width=750 750w, //apolloneuro.com/cdn/shop/files/Hero_Mobile05.png?v=1786466924&width=1100 1100w, //apolloneuro.com/cdn/shop/files/Hero_Mobile05.png?v=1786466924&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/SM_RCAwards2026_Apolloneuro.png?v=1776785499&width=80 80w, //apolloneuro.com/cdn/shop/files/SM_RCAwards2026_Apolloneuro.png?v=1776785499&width=120 120w, //apolloneuro.com/cdn/shop/files/SM_RCAwards2026_Apolloneuro.png?v=1776785499&width=160 160w, //apolloneuro.com/cdn/shop/files/SM_RCAwards2026_Apolloneuro.png?v=1776785499&width=240 240w, //apolloneuro.com/cdn/shop/files/SM_RCAwards2026_Apolloneuro.png?v=1776785499&width=320 320w, //apolloneuro.com/cdn/shop/files/SM_RCAwards2026_Apolloneuro.png?v=1776785499&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/a64237d5c8411cacef7e42cca3bc34eff155f300.png?v=1762955239&width=80 80w, //apolloneuro.com/cdn/shop/files/a64237d5c8411cacef7e42cca3bc34eff155f300.png?v=1762955239&width=120 120w, //apolloneuro.com/cdn/shop/files/a64237d5c8411cacef7e42cca3bc34eff155f300.png?v=1762955239&width=160 160w, //apolloneuro.com/cdn/shop/files/a64237d5c8411cacef7e42cca3bc34eff155f300.png?v=1762955239&width=240 240w, //apolloneuro.com/cdn/shop/files/a64237d5c8411cacef7e42cca3bc34eff155f300.png?v=1762955239&width=320 320w, //apolloneuro.com/cdn/shop/files/a64237d5c8411cacef7e42cca3bc34eff155f300.png?v=1762955239&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/4050c85f2da30ffa81f02a61267bcb7178f2ce80.png?v=1762955275&width=80 80w, //apolloneuro.com/cdn/shop/files/4050c85f2da30ffa81f02a61267bcb7178f2ce80.png?v=1762955275&width=120 120w, //apolloneuro.com/cdn/shop/files/4050c85f2da30ffa81f02a61267bcb7178f2ce80.png?v=1762955275&width=160 160w, //apolloneuro.com/cdn/shop/files/4050c85f2da30ffa81f02a61267bcb7178f2ce80.png?v=1762955275&width=240 240w, //apolloneuro.com/cdn/shop/files/4050c85f2da30ffa81f02a61267bcb7178f2ce80.png?v=1762955275&width=320 320w, //apolloneuro.com/cdn/shop/files/4050c85f2da30ffa81f02a61267bcb7178f2ce80.png?v=1762955275&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/45456e6f3262260866356f7dbf2aec303501d7b4.png?v=1762955315&width=80 80w, //apolloneuro.com/cdn/shop/files/45456e6f3262260866356f7dbf2aec303501d7b4.png?v=1762955315&width=120 120w, //apolloneuro.com/cdn/shop/files/45456e6f3262260866356f7dbf2aec303501d7b4.png?v=1762955315&width=160 160w, //apolloneuro.com/cdn/shop/files/45456e6f3262260866356f7dbf2aec303501d7b4.png?v=1762955315&width=240 240w, //apolloneuro.com/cdn/shop/files/45456e6f3262260866356f7dbf2aec303501d7b4.png?v=1762955315&width=320 320w, //apolloneuro.com/cdn/shop/files/45456e6f3262260866356f7dbf2aec303501d7b4.png?v=1762955315&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/98ce9e05fe4f7d1afd16a85dbfd10ef4a4b79385.png?v=1761268306&width=80 80w, //apolloneuro.com/cdn/shop/files/98ce9e05fe4f7d1afd16a85dbfd10ef4a4b79385.png?v=1761268306&width=120 120w, //apolloneuro.com/cdn/shop/files/98ce9e05fe4f7d1afd16a85dbfd10ef4a4b79385.png?v=1761268306&width=160 160w, //apolloneuro.com/cdn/shop/files/98ce9e05fe4f7d1afd16a85dbfd10ef4a4b79385.png?v=1761268306&width=240 240w, //apolloneuro.com/cdn/shop/files/98ce9e05fe4f7d1afd16a85dbfd10ef4a4b79385.png?v=1761268306&width=320 320w, //apolloneuro.com/cdn/shop/files/98ce9e05fe4f7d1afd16a85dbfd10ef4a4b79385.png?v=1761268306&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/e9a56fbc321ff1f27ee7892848b9b794a8b96ba8.png?v=1761268306&width=80 80w, //apolloneuro.com/cdn/shop/files/e9a56fbc321ff1f27ee7892848b9b794a8b96ba8.png?v=1761268306&width=120 120w, //apolloneuro.com/cdn/shop/files/e9a56fbc321ff1f27ee7892848b9b794a8b96ba8.png?v=1761268306&width=160 160w, //apolloneuro.com/cdn/shop/files/e9a56fbc321ff1f27ee7892848b9b794a8b96ba8.png?v=1761268306&width=240 240w, //apolloneuro.com/cdn/shop/files/e9a56fbc321ff1f27ee7892848b9b794a8b96ba8.png?v=1761268306&width=320 320w, //apolloneuro.com/cdn/shop/files/e9a56fbc321ff1f27ee7892848b9b794a8b96ba8.png?v=1761268306&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Good_Morning_America_2021_logo_1.png?v=1748983636&width=80 80w, //apolloneuro.com/cdn/shop/files/Good_Morning_America_2021_logo_1.png?v=1748983636&width=120 120w, //apolloneuro.com/cdn/shop/files/Good_Morning_America_2021_logo_1.png?v=1748983636&width=160 160w, //apolloneuro.com/cdn/shop/files/Good_Morning_America_2021_logo_1.png?v=1748983636&width=240 240w, //apolloneuro.com/cdn/shop/files/Good_Morning_America_2021_logo_1.png?v=1748983636&width=320 320w, //apolloneuro.com/cdn/shop/files/Good_Morning_America_2021_logo_1.png?v=1748983636&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/SM_RCAwards2026_Apolloneuro.png?v=1776785499&width=80 80w, //apolloneuro.com/cdn/shop/files/SM_RCAwards2026_Apolloneuro.png?v=1776785499&width=120 120w, //apolloneuro.com/cdn/shop/files/SM_RCAwards2026_Apolloneuro.png?v=1776785499&width=160 160w, //apolloneuro.com/cdn/shop/files/SM_RCAwards2026_Apolloneuro.png?v=1776785499&width=240 240w, //apolloneuro.com/cdn/shop/files/SM_RCAwards2026_Apolloneuro.png?v=1776785499&width=320 320w, //apolloneuro.com/cdn/shop/files/SM_RCAwards2026_Apolloneuro.png?v=1776785499&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/a64237d5c8411cacef7e42cca3bc34eff155f300.png?v=1762955239&width=80 80w, //apolloneuro.com/cdn/shop/files/a64237d5c8411cacef7e42cca3bc34eff155f300.png?v=1762955239&width=120 120w, //apolloneuro.com/cdn/shop/files/a64237d5c8411cacef7e42cca3bc34eff155f300.png?v=1762955239&width=160 160w, //apolloneuro.com/cdn/shop/files/a64237d5c8411cacef7e42cca3bc34eff155f300.png?v=1762955239&width=240 240w, //apolloneuro.com/cdn/shop/files/a64237d5c8411cacef7e42cca3bc34eff155f300.png?v=1762955239&width=320 320w, //apolloneuro.com/cdn/shop/files/a64237d5c8411cacef7e42cca3bc34eff155f300.png?v=1762955239&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/4050c85f2da30ffa81f02a61267bcb7178f2ce80.png?v=1762955275&width=80 80w, //apolloneuro.com/cdn/shop/files/4050c85f2da30ffa81f02a61267bcb7178f2ce80.png?v=1762955275&width=120 120w, //apolloneuro.com/cdn/shop/files/4050c85f2da30ffa81f02a61267bcb7178f2ce80.png?v=1762955275&width=160 160w, //apolloneuro.com/cdn/shop/files/4050c85f2da30ffa81f02a61267bcb7178f2ce80.png?v=1762955275&width=240 240w, //apolloneuro.com/cdn/shop/files/4050c85f2da30ffa81f02a61267bcb7178f2ce80.png?v=1762955275&width=320 320w, //apolloneuro.com/cdn/shop/files/4050c85f2da30ffa81f02a61267bcb7178f2ce80.png?v=1762955275&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/45456e6f3262260866356f7dbf2aec303501d7b4.png?v=1762955315&width=80 80w, //apolloneuro.com/cdn/shop/files/45456e6f3262260866356f7dbf2aec303501d7b4.png?v=1762955315&width=120 120w, //apolloneuro.com/cdn/shop/files/45456e6f3262260866356f7dbf2aec303501d7b4.png?v=1762955315&width=160 160w, //apolloneuro.com/cdn/shop/files/45456e6f3262260866356f7dbf2aec303501d7b4.png?v=1762955315&width=240 240w, //apolloneuro.com/cdn/shop/files/45456e6f3262260866356f7dbf2aec303501d7b4.png?v=1762955315&width=320 320w, //apolloneuro.com/cdn/shop/files/45456e6f3262260866356f7dbf2aec303501d7b4.png?v=1762955315&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/98ce9e05fe4f7d1afd16a85dbfd10ef4a4b79385.png?v=1761268306&width=80 80w, //apolloneuro.com/cdn/shop/files/98ce9e05fe4f7d1afd16a85dbfd10ef4a4b79385.png?v=1761268306&width=120 120w, //apolloneuro.com/cdn/shop/files/98ce9e05fe4f7d1afd16a85dbfd10ef4a4b79385.png?v=1761268306&width=160 160w, //apolloneuro.com/cdn/shop/files/98ce9e05fe4f7d1afd16a85dbfd10ef4a4b79385.png?v=1761268306&width=240 240w, //apolloneuro.com/cdn/shop/files/98ce9e05fe4f7d1afd16a85dbfd10ef4a4b79385.png?v=1761268306&width=320 320w, //apolloneuro.com/cdn/shop/files/98ce9e05fe4f7d1afd16a85dbfd10ef4a4b79385.png?v=1761268306&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/e9a56fbc321ff1f27ee7892848b9b794a8b96ba8.png?v=1761268306&width=80 80w, //apolloneuro.com/cdn/shop/files/e9a56fbc321ff1f27ee7892848b9b794a8b96ba8.png?v=1761268306&width=120 120w, //apolloneuro.com/cdn/shop/files/e9a56fbc321ff1f27ee7892848b9b794a8b96ba8.png?v=1761268306&width=160 160w, //apolloneuro.com/cdn/shop/files/e9a56fbc321ff1f27ee7892848b9b794a8b96ba8.png?v=1761268306&width=240 240w, //apolloneuro.com/cdn/shop/files/e9a56fbc321ff1f27ee7892848b9b794a8b96ba8.png?v=1761268306&width=320 320w, //apolloneuro.com/cdn/shop/files/e9a56fbc321ff1f27ee7892848b9b794a8b96ba8.png?v=1761268306&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Good_Morning_America_2021_logo_1.png?v=1748983636&width=80 80w, //apolloneuro.com/cdn/shop/files/Good_Morning_America_2021_logo_1.png?v=1748983636&width=120 120w, //apolloneuro.com/cdn/shop/files/Good_Morning_America_2021_logo_1.png?v=1748983636&width=160 160w, //apolloneuro.com/cdn/shop/files/Good_Morning_America_2021_logo_1.png?v=1748983636&width=240 240w, //apolloneuro.com/cdn/shop/files/Good_Morning_America_2021_logo_1.png?v=1748983636&width=320 320w, //apolloneuro.com/cdn/shop/files/Good_Morning_America_2021_logo_1.png?v=1748983636&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&width=800" alt="" srcset="//apolloneuro.com/cdn/shop/files/review-1.png?v=1767094506&width=352 352w, //apolloneuro.com/cdn/shop/files/review-1.png?v=1767094506&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&width=800" alt="" srcset="//apolloneuro.com/cdn/shop/files/review-2.png?v=1767094633&width=352 352w, //apolloneuro.com/cdn/shop/files/review-2.png?v=1767094633&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&width=800" alt="" srcset="//apolloneuro.com/cdn/shop/files/review-3dot5.png?v=1767096990&width=352 352w, //apolloneuro.com/cdn/shop/files/review-3dot5.png?v=1767096990&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&width=800" alt="" srcset="//apolloneuro.com/cdn/shop/files/review-3_722b2b63-2d13-435a-804e-1e338ad9cf36.png?v=1767095728&width=352 352w, //apolloneuro.com/cdn/shop/files/review-3_722b2b63-2d13-435a-804e-1e338ad9cf36.png?v=1767095728&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&width=800" alt="" srcset="//apolloneuro.com/cdn/shop/files/review-4_9dd5b514-09a9-46f3-9e66-28a11742a0af.png?v=1767095842&width=352 352w, //apolloneuro.com/cdn/shop/files/review-4_9dd5b514-09a9-46f3-9e66-28a11742a0af.png?v=1767095842&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&width=800" alt="" srcset="//apolloneuro.com/cdn/shop/files/review-5dot5.png?v=1767097272&width=352 352w, //apolloneuro.com/cdn/shop/files/review-5dot5.png?v=1767097272&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&width=800" alt="" srcset="//apolloneuro.com/cdn/shop/files/review-3_722b2b63-2d13-435a-804e-1e338ad9cf36.png?v=1767095728&width=352 352w, //apolloneuro.com/cdn/shop/files/review-3_722b2b63-2d13-435a-804e-1e338ad9cf36.png?v=1767095728&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&width=800" alt="" srcset="//apolloneuro.com/cdn/shop/files/review-6.png?v=1767097674&width=352 352w, //apolloneuro.com/cdn/shop/files/review-6.png?v=1767097674&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&width=800" alt="" srcset="//apolloneuro.com/cdn/shop/files/review-7.png?v=1767097800&width=352 352w, //apolloneuro.com/cdn/shop/files/review-7.png?v=1767097800&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&width=800" alt="" srcset="//apolloneuro.com/cdn/shop/files/review-8.png?v=1767098016&width=352 352w, //apolloneuro.com/cdn/shop/files/review-8.png?v=1767098016&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&width=800" alt="" srcset="//apolloneuro.com/cdn/shop/files/review-9.png?v=1767098229&width=352 352w, //apolloneuro.com/cdn/shop/files/review-9.png?v=1767098229&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&width=800" alt="" srcset="//apolloneuro.com/cdn/shop/files/review-10.png?v=1767098365&width=352 352w, //apolloneuro.com/cdn/shop/files/review-10.png?v=1767098365&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&width=1500" alt="" srcset="//apolloneuro.com/cdn/shop/files/Merch_1200x600_02.png?v=1783244624&width=375 375w, //apolloneuro.com/cdn/shop/files/Merch_1200x600_02.png?v=1783244624&width=550 550w, //apolloneuro.com/cdn/shop/files/Merch_1200x600_02.png?v=1783244624&width=750 750w, //apolloneuro.com/cdn/shop/files/Merch_1200x600_02.png?v=1783244624&width=900 900w, //apolloneuro.com/cdn/shop/files/Merch_1200x600_02.png?v=1783244624&width=1100 1100w, //apolloneuro.com/cdn/shop/files/Merch_1200x600_02.png?v=1783244624&width=1300 1300w, //apolloneuro.com/cdn/shop/files/Merch_1200x600_02.png?v=1783244624&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&width=1500" alt="" srcset="//apolloneuro.com/cdn/shop/files/1200x800_dave_book.png?v=1782931657&width=375 375w, //apolloneuro.com/cdn/shop/files/1200x800_dave_book.png?v=1782931657&width=550 550w, //apolloneuro.com/cdn/shop/files/1200x800_dave_book.png?v=1782931657&width=750 750w, //apolloneuro.com/cdn/shop/files/1200x800_dave_book.png?v=1782931657&width=900 900w, //apolloneuro.com/cdn/shop/files/1200x800_dave_book.png?v=1782931657&width=1100 1100w, //apolloneuro.com/cdn/shop/files/1200x800_dave_book.png?v=1782931657&width=1300 1300w, //apolloneuro.com/cdn/shop/files/1200x800_dave_book.png?v=1782931657&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&width=1500" alt="" srcset="//apolloneuro.com/cdn/shop/files/Frame_1618873676.webp?v=1782846542&width=375 375w, //apolloneuro.com/cdn/shop/files/Frame_1618873676.webp?v=1782846542&width=550 550w, //apolloneuro.com/cdn/shop/files/Frame_1618873676.webp?v=1782846542&width=750 750w, //apolloneuro.com/cdn/shop/files/Frame_1618873676.webp?v=1782846542&width=900 900w, //apolloneuro.com/cdn/shop/files/Frame_1618873676.webp?v=1782846542&width=1100 1100w, //apolloneuro.com/cdn/shop/files/Frame_1618873676.webp?v=1782846542&width=1300 1300w, //apolloneuro.com/cdn/shop/files/Frame_1618873676.webp?v=1782846542&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&width=108" alt="" srcset="//apolloneuro.com/cdn/shop/files/icon_deep-sleep-min.png?v=1731049320&width=54 54w, //apolloneuro.com/cdn/shop/files/icon_deep-sleep-min.png?v=1731049320&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&width=108" alt="" srcset="//apolloneuro.com/cdn/shop/files/Icon_1.png?v=1712671118&width=54 54w, //apolloneuro.com/cdn/shop/files/Icon_1.png?v=1712671118&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&width=1500" alt="" srcset="//apolloneuro.com/cdn/shop/files/Frame_1618873676_1.webp?v=1782846543&width=375 375w, //apolloneuro.com/cdn/shop/files/Frame_1618873676_1.webp?v=1782846543&width=550 550w, //apolloneuro.com/cdn/shop/files/Frame_1618873676_1.webp?v=1782846543&width=750 750w, //apolloneuro.com/cdn/shop/files/Frame_1618873676_1.webp?v=1782846543&width=900 900w, //apolloneuro.com/cdn/shop/files/Frame_1618873676_1.webp?v=1782846543&width=1100 1100w, //apolloneuro.com/cdn/shop/files/Frame_1618873676_1.webp?v=1782846543&width=1300 1300w, //apolloneuro.com/cdn/shop/files/Frame_1618873676_1.webp?v=1782846543&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&width=1600" alt="Scientifically Proven Sleep Results" srcset="//apolloneuro.com/cdn/shop/files/Stay_Asleep_3_1.jpg?v=1788461080&width=800 800w, //apolloneuro.com/cdn/shop/files/Stay_Asleep_3_1.jpg?v=1788461080&width=1200 1200w, //apolloneuro.com/cdn/shop/files/Stay_Asleep_3_1.jpg?v=1788461080&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&width=800" alt="Scientifically Proven Sleep Results" srcset="//apolloneuro.com/cdn/shop/files/ScientificallyProven-Mobile.png?v=1788887638&width=375 375w, //apolloneuro.com/cdn/shop/files/ScientificallyProven-Mobile.png?v=1788887638&width=600 600w, //apolloneuro.com/cdn/shop/files/ScientificallyProven-Mobile.png?v=1788887638&width=800 800w" width="800" height="862" loading="lazy"> 15680 </div><img src="//apolloneuro.com/cdn/shop/files/StayAsleep_2.png?v=1788461448&width=900" alt="" srcset="//apolloneuro.com/cdn/shop/files/StayAsleep_2.png?v=1788461448&width=400 400w, //apolloneuro.com/cdn/shop/files/StayAsleep_2.png?v=1788461448&width=600 600w, //apolloneuro.com/cdn/shop/files/StayAsleep_2.png?v=1788461448&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&width=1200" alt="" srcset="//apolloneuro.com/cdn/shop/files/Group_626848.svg?v=1788462018&width=400 400w, //apolloneuro.com/cdn/shop/files/Group_626848.svg?v=1788462018&width=800 800w, //apolloneuro.com/cdn/shop/files/Group_626848.svg?v=1788462018&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&width=200" alt="" srcset="//apolloneuro.com/cdn/shop/files/Badge_4d7156e3-d2bc-436a-b560-6aa1a0ef58a0.svg?v=1788463816&width=100 100w, //apolloneuro.com/cdn/shop/files/Badge_4d7156e3-d2bc-436a-b560-6aa1a0ef58a0.svg?v=1788463816&width=140 140w, //apolloneuro.com/cdn/shop/files/Badge_4d7156e3-d2bc-436a-b560-6aa1a0ef58a0.svg?v=1788463816&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&width=700" alt="Nearly half a million nights studied" srcset="//apolloneuro.com/cdn/shop/files/Group_626849.svg?v=1788462206&width=200 200w, //apolloneuro.com/cdn/shop/files/Group_626849.svg?v=1788462206&width=400 400w, //apolloneuro.com/cdn/shop/files/Group_626849.svg?v=1788462206&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&width=700" alt="More REM sleep with no trade-offs" srcset="//apolloneuro.com/cdn/shop/files/Rem_Stat.svg?v=1788462633&width=200 200w, //apolloneuro.com/cdn/shop/files/Rem_Stat.svg?v=1788462633&width=400 400w, //apolloneuro.com/cdn/shop/files/Rem_Stat.svg?v=1788462633&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&width=700" alt="Overnight Apollo usage equals more sleep" srcset="//apolloneuro.com/cdn/shop/files/77_Stat.svg?v=1788462665&width=200 200w, //apolloneuro.com/cdn/shop/files/77_Stat.svg?v=1788462665&width=400 400w, //apolloneuro.com/cdn/shop/files/77_Stat.svg?v=1788462665&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&width=700" alt="Real life, real people, real results" srcset="//apolloneuro.com/cdn/shop/files/46Stat.svg?v=1788462692&width=200 200w, //apolloneuro.com/cdn/shop/files/46Stat.svg?v=1788462692&width=400 400w, //apolloneuro.com/cdn/shop/files/46Stat.svg?v=1788462692&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&
15703width=1600" alt="Stay Asleep Longer" srcset="//apolloneuro.com/cdn/shop/files/Stay_Asleep_1.jpg?v=1788372497&width=800 800w, //apolloneuro.com/cdn/shop/files/Stay_Asleep_1.jpg?v=1788372497&width=1200 1200w, //apolloneuro.com/cdn/shop/files/Stay_Asleep_1.jpg?v=1788372497&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&width=800" alt="Stay Asleep Longer" srcset="//apolloneuro.com/cdn/shop/files/Card_df1de231-c3de-42a4-b650-55994561e435.png?v=1788891802&width=375 375w, //apolloneuro.com/cdn/shop/files/Card_df1de231-c3de-42a4-b650-55994561e435.png?v=1788891802&width=600 600w, //apolloneuro.com/cdn/shop/files/Card_df1de231-c3de-42a4-b650-55994561e435.png?v=1788891802&width=800 800w" width="800" height="855" loading="lazy"> 15705 </div><img src="//apolloneuro.com/cdn/shop/files/Group_626843_1.png?v=1788372371&width=900" alt="" srcset="//apolloneuro.com/cdn/shop/files/Group_626843_1.png?v=1788372371&width=400 400w, //apolloneuro.com/cdn/shop/files/Group_626843_1.png?v=1788372371&width=600 600w, //apolloneuro.com/cdn/shop/files/Group_626843_1.png?v=1788372371&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&width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/eye.svg?v=1788369522&width=15 15w, //apolloneuro.com/cdn/shop/files/eye.svg?v=1788369522&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&width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/tired.svg?v=1788369588&width=15 15w, //apolloneuro.com/cdn/shop/files/tired.svg?v=1788369588&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&width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/bolt.svg?v=1788369601&width=15 15w, //apolloneuro.com/cdn/shop/files/bolt.svg?v=1788369601&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&width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/eye.svg?v=1788369522&width=15 15w, //apolloneuro.com/cdn/shop/files/eye.svg?v=1788369522&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&width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/tired.svg?v=1788369588&width=15 15w, //apolloneuro.com/cdn/shop/files/tired.svg?v=1788369588&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&width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/bolt.svg?v=1788369601&width=15 15w, //apolloneuro.com/cdn/shop/files/bolt.svg?v=1788369601&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&width=700" alt="" srcset="//apolloneuro.com/cdn/shop/files/StayAsleep-mobile.png?v=1788891924&width=250 250w, //apolloneuro.com/cdn/shop/files/StayAsleep-mobile.png?v=1788891924&width=450 450w, //apolloneuro.com/cdn/shop/files/StayAsleep-mobile.png?v=1788891924&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&width=1200" alt="" srcset="//apolloneuro.com/cdn/shop/files/Weekly_Report_2.png?v=1788894551&width=375 375w, //apolloneuro.com/cdn/shop/files/Weekly_Report_2.png?v=1788894551&width=600 600w, //apolloneuro.com/cdn/shop/files/Weekly_Report_2.png?v=1788894551&width=900 900w, //apolloneuro.com/cdn/shop/files/Weekly_Report_2.png?v=1788894551&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&width=1200" alt="" srcset="//apolloneuro.com/cdn/shop/files/Frame_1618873447_1.jpg?v=1788892049&width=375 375w, //apolloneuro.com/cdn/shop/files/Frame_1618873447_1.jpg?v=1788892049&width=600 600w, //apolloneuro.com/cdn/shop/files/Frame_1618873447_1.jpg?v=1788892049&width=900 900w, //apolloneuro.com/cdn/shop/files/Frame_1618873447_1.jpg?v=1788892049&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&width=200" alt="" srcset="//apolloneuro.com/cdn/shop/files/Calendar_24829dd0-1d1f-49d4-887e-4fcde6ce0d11.png?v=1789406665&width=64 64w, //apolloneuro.com/cdn/shop/files/Calendar_24829dd0-1d1f-49d4-887e-4fcde6ce0d11.png?v=1789406665&width=96 96w, //apolloneuro.com/cdn/shop/files/Calendar_24829dd0-1d1f-49d4-887e-4fcde6ce0d11.png?v=1789406665&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&width=200" alt="" srcset="//apolloneuro.com/cdn/shop/files/SleepMoon.png?v=1789406213&width=64 64w, //apolloneuro.com/cdn/shop/files/SleepMoon.png?v=1789406213&width=96 96w, //apolloneuro.com/cdn/shop/files/SleepMoon.png?v=1789406213&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&width=200" alt="" srcset="//apolloneuro.com/cdn/shop/files/Alarm.png?v=1789406692&width=64 64w, //apolloneuro.com/cdn/shop/files/Alarm.png?v=1789406692&width=96 96w, //apolloneuro.com/cdn/shop/files/Alarm.png?v=1789406692&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Frame_1618873407.png?v=1788371538&width=240 240w, //apolloneuro.com/cdn/shop/files/Frame_1618873407.png?v=1788371538&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">★★★★★</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">— â 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&width=1600" alt="Better Sleep + Better Days" srcset="//apolloneuro.com/cdn/shop/files/tempImage7HeEkd_1_1.jpg?v=1788452036&width=800 800w, //apolloneuro.com/cdn/shop/files/tempImage7HeEkd_1_1.jpg?v=1788452036&width=1200 1200w, //apolloneuro.com/cdn/shop/files/tempImage7HeEkd_1_1.jpg?v=1788452036&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&width=800" alt="Better Sleep + Better Days" srcset="//apolloneuro.com/cdn/shop/files/Box_1.png?v=1788891040&width=375 375w, //apolloneuro.com/cdn/shop/files/Box_1.png?v=1788891040&width=600 600w, //apolloneuro.com/cdn/shop/files/Box_1.png?v=1788891040&width=800 800w" width="800" height="857" loading="lazy"> 15750 </div><img src="//apolloneuro.com/cdn/shop/files/Group_626844_2.png?v=1788455246&width=900" alt="" srcset="//apolloneuro.com/cdn/shop/files/Group_626844_2.png?v=1788455246&width=400 400w, //apolloneuro.com/cdn/shop/files/Group_626844_2.png?v=1788455246&width=600 600w, //apolloneuro.com/cdn/shop/files/Group_626844_2.png?v=1788455246&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&width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/sunrise.svg?v=1788452860&width=15 15w, //apolloneuro.com/cdn/shop/files/sunrise.svg?v=1788452860&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&width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/wand-magic-sparkles.svg?v=1788452905&width=15 15w, //apolloneuro.com/cdn/shop/files/wand-magic-sparkles.svg?v=1788452905&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&width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/bolt_1.svg?v=1788452922&width=15 15w, //apolloneuro.com/cdn/shop/files/bolt_1.svg?v=1788452922&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&width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/sunrise.svg?v=1788452860&width=15 15w, //apolloneuro.com/cdn/shop/files/sunrise.svg?v=1788452860&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&width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/wand-magic-sparkles.svg?v=1788452905&width=15 15w, //apolloneuro.com/cdn/shop/files/wand-magic-sparkles.svg?v=1788452905&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&width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/bolt_1.svg?v=1788452922&width=15 15w, //apolloneuro.com/cdn/shop/files/bolt_1.svg?v=1788452922&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&width=700" alt="" srcset="//apolloneuro.com/cdn/shop/files/Good_Afternoon-mobile.png?v=1788891158&width=250 250w, //apolloneuro.com/cdn/shop/files/Good_Afternoon-mobile.png?v=1788891158&width=450 450w, //apolloneuro.com/cdn/shop/files/Good_Afternoon-mobile.png?v=1788891158&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&width=1200" alt="" srcset="//apolloneuro.com/cdn/shop/files/Group_626844_3.png?v=1788895072&width=375 375w, //apolloneuro.com/cdn/shop/files/Group_626844_3.png?v=1788895072&width=600 600w, //apolloneuro.com/cdn/shop/files/Group_626844_3.png?v=1788895072&width=900 900w, //apolloneuro.com/cdn/shop/files/Group_626844_3.png?v=1788895072&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&width=1200" alt="" srcset="//apolloneuro.com/cdn/shop/files/Frame_1618873447.jpg?v=1788891299&width=375 375w, //apolloneuro.com/cdn/shop/files/Frame_1618873447.jpg?v=1788891299&width=600 600w, //apolloneuro.com/cdn/shop/files/Frame_1618873447.jpg?v=1788891299&width=900 900w, //apolloneuro.com/cdn/shop/files/Frame_1618873447.jpg?v=1788891299&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&width=200" alt="" srcset="//apolloneuro.com/cdn/shop/files/Bullseye.png?v=1789406178&width=64 64w, //apolloneuro.com/cdn/shop/files/Bullseye.png?v=1789406178&width=96 96w, //apolloneuro.com/cdn/shop/files/Bullseye.png?v=1789406178&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&width=200" alt="" srcset="//apolloneuro.com/cdn/shop/files/HRV_0aba3c50-4619-40df-bb17-1dd12025afc7.png?v=1789406198&width=64 64w, //apolloneuro.com/cdn/shop/files/HRV_0aba3c50-4619-40df-bb17-1dd12025afc7.png?v=1789406198&width=96 96w, //apolloneuro.com/cdn/shop/files/HRV_0aba3c50-4619-40df-bb17-1dd12025afc7.png?v=1789406198&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&width=200" alt="" srcset="//apolloneuro.com/cdn/shop/files/SleepMoon.png?v=1789406213&width=64 64w, //apolloneuro.com/cdn/shop/files/SleepMoon.png?v=1789406213&width=96 96w, //apolloneuro.com/cdn/shop/files/SleepMoon.png?v=1789406213&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Frame_1618873407.png?v=1788371538&width=240 240w, //apolloneuro.com/cdn/shop/files/Frame_1618873407.png?v=1788371538&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">★★★★★</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">— 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&width=1600" alt="Fall Asleep Faster" srcset="//apolloneuro.com/cdn/shop/files/Stay_Asleep_2_1.jpg?v=1788455534&width=800 800w, //apolloneuro.com/cdn/shop/files/Stay_Asleep_2_1.jpg?v=1788455534&width=1200 1200w, //apolloneuro.com/cdn/shop/files/Stay_Asleep_2_1.jpg?v=1788455534&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&width=800" alt="Fall Asleep Faster" srcset="//apolloneuro.com/cdn/shop/files/calmBody-Mobile.png?v=1788888537&width=375 375w, //apolloneuro.com/cdn/shop/files/calmBody-Mobile.png?v=1788888537&width=600 600w, //apolloneuro.com/cdn/shop/files/calmBody-Mobile.png?v=1788888537&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&width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/sunset.svg?v=1788455689&width=15 15w, //apolloneuro.com/cdn/shop/files/sunset.svg?v=1788455689&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&width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/plane.svg?v=1788455685&width=15 15w, //apolloneuro.com/cdn/shop/files/plane.svg?v=1788455685&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&width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/gears.svg?v=1788455682&width=15 15w, //apolloneuro.com/cdn/shop/files/gears.svg?v=1788455682&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&width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/sunset.svg?v=1788455689&width=15 15w, //apolloneuro.com/cdn/shop/files/sunset.svg?v=1788455689&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&width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/plane.svg?v=1788455685&width=15 15w, //apolloneuro.com/cdn/shop/files/plane.svg?v=1788455685&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&width=30" alt="" srcset="//apolloneuro.com/cdn/shop/files/gears.svg?v=1788455682&width=15 15w, //apolloneuro.com/cdn/shop/files/gears.svg?v=1788455682&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&width=700" alt="" srcset="//apolloneuro.com/cdn/shop/files/StayAsleep2-Mobile.png?v=1788890584&width=250 250w, //apolloneuro.com/cdn/shop/files/StayAsleep2-Mobile.png?v=1788890584&width=450 450w, //apolloneuro.com/cdn/shop/files/StayAsleep2-Mobile.png?v=1788890584&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&width=1200" alt="" srcset="//apolloneuro.com/cdn/shop/files/Frame_1618873447.png?v=1788890823&width=375 375w, //apolloneuro.com/cdn/shop/files/Frame_1618873447.png?v=1788890823&width=600 600w, //apolloneuro.com/cdn/shop/files/Frame_1618873447.png?v=1788890823&width=900 900w, //apolloneuro.com/cdn/shop/files/Frame_1618873447.png?v=1788890823&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&width=48" alt="" srcset="//apolloneuro.com/cdn/shop/files/play.svg?v=1788458476&width=16 16w, //apolloneuro.com/cdn/shop/files/play.svg?v=1788458476&width=32 32w, //apolloneuro.com/cdn/shop/files/play.svg?v=1788458476&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&width=60" alt="" srcset="//apolloneuro.com/cdn/shop/files/sliders.svg?v=1788458103&width=20 20w, //apolloneuro.com/cdn/shop/files/sliders.svg?v=1788458103&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&width=500" alt="" srcset="//apolloneuro.com/cdn/shop/files/phone01a_022801e3-f447-4547-86d3-ad06f10b4316.png?v=1788458957&width=250 250w, //apolloneuro.com/cdn/shop/files/phone01a_022801e3-f447-4547-86d3-ad06f10b4316.png?v=1788458957&width=400 400w, //apolloneuro.com/cdn/shop/files/phone01a_022801e3-f447-4547-86d3-ad06f10b4316.png?v=1788458957&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&width=48" alt="" srcset="//apolloneuro.com/cdn/shop/files/play_1.svg?v=1788459736&width=16 16w, //apolloneuro.com/cdn/shop/files/play_1.svg?v=1788459736&width=32 32w, //apolloneuro.com/cdn/shop/files/play_1.svg?v=1788459736&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&width=60" alt="" srcset="//apolloneuro.com/cdn/shop/files/sliders_1.svg?v=1788459755&width=20 20w, //apolloneuro.com/cdn/shop/files/sliders_1.svg?v=1788459755&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&width=500" alt="" srcset="//apolloneuro.com/cdn/shop/files/phone02a.png?v=1788460508&width=250 250w, //apolloneuro.com/cdn/shop/files/phone02a.png?v=1788460508&width=400 400w, //apolloneuro.com/cdn/shop/files/phone02a.png?v=1788460508&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&width=48" alt="" srcset="//apolloneuro.com/cdn/shop/files/play_2.svg?v=1788459867&width=16 16w, //apolloneuro.com/cdn/shop/files/play_2.svg?v=1788459867&width=32 32w, //apolloneuro.com/cdn/shop/files/play_2.svg?v=1788459867&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&width=60" alt="" srcset="//apolloneuro.com/cdn/shop/files/sliders_2.svg?v=1788459879&width=20 20w, //apolloneuro.com/cdn/shop/files/sliders_2.svg?v=1788459879&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&width=500" alt="" srcset="//apolloneuro.com/cdn/shop/files/phone_03.png?v=1788460650&width=250 250w, //apolloneuro.com/cdn/shop/files/phone_03.png?v=1788460650&width=400 400w, //apolloneuro.com/cdn/shop/files/phone_03.png?v=1788460650&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&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&width=32 32w, //apolloneuro.com/cdn/shop/files/play_3.svg?v=1788460078&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&width=60" alt="" srcset="//apolloneuro.com/cdn/shop/files/sliders_3.svg?v=1788460089&width=20 20w, //apolloneuro.com/cdn/shop/files/sliders_3.svg?v=1788460089&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&width=500" alt="" srcset="//apolloneuro.com/cdn/shop/files/phone_04.png?v=1788460758&width=250 250w, //apolloneuro.com/cdn/shop/files/phone_04.png?v=1788460758&width=400 400w, //apolloneuro.com/cdn/shop/files/phone_04.png?v=1788460758&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Frame_1618873407.png?v=1788371538&width=240 240w, //apolloneuro.com/cdn/shop/files/Frame_1618873407.png?v=1788371538&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">★★★★★</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">— 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&width=500" alt="Stress Relief That Works" srcset="//apolloneuro.com/cdn/shop/files/SmileyWink.svg?v=1761562167&width=28 28w, //apolloneuro.com/cdn/shop/files/SmileyWink.svg?v=1761562167&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&width=500" alt="Better Sleep, Every Night" srcset="//apolloneuro.com/cdn/shop/files/MoonStars.svg?v=1761562354&width=28 28w, //apolloneuro.com/cdn/shop/files/MoonStars.svg?v=1761562354&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&width=500" alt="Easy to Use, Anywhere" srcset="//apolloneuro.com/cdn/shop/files/CheckCircle.svg?v=1761562354&width=28 28w, //apolloneuro.com/cdn/shop/files/CheckCircle.svg?v=1761562354&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&width=500" alt="Personalized to Your Day" srcset="//apolloneuro.com/cdn/shop/files/Palette.svg?v=1761562354&width=28 28w, //apolloneuro.com/cdn/shop/files/Palette.svg?v=1761562354&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'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.""> 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'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'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'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'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.â"> 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'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'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.â"> 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.""> 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&width=160" alt="Backed by Real Science" srcset="//apolloneuro.com/cdn/shop/files/badge-2.png?v=1767034818&width=46 46w, //apolloneuro.com/cdn/shop/files/badge-2.png?v=1767034818&width=92 92w, //apolloneuro.com/cdn/shop/files/badge-2.png?v=1767034818&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&width=160" alt="Backed by Real Science" srcset="//apolloneuro.com/cdn/shop/files/badge-1.png?v=1767034404&width=46 46w, //apolloneuro.com/cdn/shop/files/badge-1.png?v=1767034404&width=92 92w, //apolloneuro.com/cdn/shop/files/badge-1.png?v=1767034404&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&width=160" alt="Backed by Real Science" srcset="//apolloneuro.com/cdn/shop/files/badge_d23c307b-667c-4732-86d9-cb2d37d05ad0.png?v=1767034969&width=46 46w, //apolloneuro.com/cdn/shop/files/badge_d23c307b-667c-4732-86d9-cb2d37d05ad0.png?v=1767034969&width=92 92w, //apolloneuro.com/cdn/shop/files/badge_d23c307b-667c-4732-86d9-cb2d37d05ad0.png?v=1767034969&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&width=160" alt="Backed by Real Science" srcset="//apolloneuro.com/cdn/shop/files/badge_d23c307b-667c-4732-86d9-cb2d37d05ad0.png?v=1767034969&width=46 46w, //apolloneuro.com/cdn/shop/files/badge_d23c307b-667c-4732-86d9-cb2d37d05ad0.png?v=1767034969&width=92 92w, //apolloneuro.com/cdn/shop/files/badge_d23c307b-667c-4732-86d9-cb2d37d05ad0.png?v=1767034969&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&width=160" alt="Backed by Real Science" srcset="//apolloneuro.com/cdn/shop/files/badge-3.png?v=1767034902&width=46 46w, //apolloneuro.com/cdn/shop/files/badge-3.png?v=1767034902&width=92 92w, //apolloneuro.com/cdn/shop/files/badge-3.png?v=1767034902&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&width=160" alt="Backed by Real Science" srcset="//apolloneuro.com/cdn/shop/files/last-hotspot.png?v=1767111602&width=46 46w, //apolloneuro.com/cdn/shop/files/last-hotspot.png?v=1767111602&width=92 92w, //apolloneuro.com/cdn/shop/files/last-hotspot.png?v=1767111602&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&width=1232" srcset="//apolloneuro.com/cdn/shop/files/ca68941625cde93413f36506dbd2f87bda273f2e.png?v=1775745626&width=352 352w, //apolloneuro.com/cdn/shop/files/ca68941625cde93413f36506dbd2f87bda273f2e.png?v=1775745626&width=832 832w, //apolloneuro.com/cdn/shop/files/ca68941625cde93413f36506dbd2f87bda273f2e.png?v=1775745626&width=1200 1200w, //apolloneuro.com/cdn/shop/files/ca68941625cde93413f36506dbd2f87bda273f2e.png?v=1775745626&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&width=106" alt="Stress & Anxiety" srcset="//apolloneuro.com/cdn/shop/files/Image_6_1c4e91b1-8e9a-45ec-98e7-0265deae31f7.png?v=1775745582&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&width=106" alt="Focus & Concentration" srcset="//apolloneuro.com/cdn/shop/files/Group_50069c57-67f0-46e8-9262-8984b90509d6.svg?v=1775745699&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&width=106" alt="in HRV" srcset="//apolloneuro.com/cdn/shop/files/Group_1_be835cfc-6c0e-45ec-8fe7-388f588dd519.svg?v=1775745713&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&width=106" alt="Sleep Per Night" srcset="//apolloneuro.com/cdn/shop/files/image_64_6425eae9-e3cb-45b6-b301-f69dd2f1c9c1.png?v=1775745735&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&width=106" alt="Physical Recovery" srcset="//apolloneuro.com/cdn/shop/files/Group_62_9e74302d-ee74-4e6f-a5c6-b95e57e17e4e.svg?v=1775745758&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&width=106" alt="Deep Sleep Nightly" srcset="//apolloneuro.com/cdn/shop/files/Group_2_11dcff57-186f-44cc-8982-111079fac77a.svg?v=1775745772&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'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&width=3840" alt="Apollo Wearable + SmartVibes AI Membership" srcset="//apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&width=375 375w, //apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&width=750 750w, //apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&width=1100 1100w, //apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&width=1500 1500w, //apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&width=1780 1780w, //apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&width=2000 2000w, //apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&width=3000 3000w, //apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&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&width=3840" alt="Apollo Wearable + SmartVibes AI Membership" srcset="//apolloneuro.com/cdn/shop/files/1.webp?v=1780920740&width=375 375w, //apolloneuro.com/cdn/shop/files/1.webp?v=1780920740&width=750 750w, //apolloneuro.com/cdn/shop/files/1.webp?v=1780920740&width=1100 1100w, //apolloneuro.com/cdn/shop/files/1.webp?v=1780920740&width=1500 1500w, //apolloneuro.com/cdn/shop/files/1.webp?v=1780920740&width=1780 1780w, //apolloneuro.com/cdn/shop/files/1.webp?v=1780920740&width=2000 2000w, //apolloneuro.com/cdn/shop/files/1.webp?v=1780920740&width=3000 3000w, //apolloneuro.com/cdn/shop/files/1.webp?v=1780920740&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&width=3840" alt="Apollo Wearable + SmartVibes AI Membership" srcset="//apolloneuro.com/cdn/shop/files/3.webp?v=1780920756&width=375 375w, //apolloneuro.com/cdn/shop/files/3.webp?v=1780920756&width=750 750w, //apolloneuro.com/cdn/shop/files/3.webp?v=1780920756&width=1100 1100w, //apolloneuro.com/cdn/shop/files/3.webp?v=1780920756&width=1500 1500w, //apolloneuro.com/cdn/shop/files/3.webp?v=1780920756&width=1780 1780w, //apolloneuro.com/cdn/shop/files/3.webp?v=1780920756&width=2000 2000w, //apolloneuro.com/cdn/shop/files/3.webp?v=1780920756&width=3000 3000w, //apolloneuro.com/cdn/shop/files/3.webp?v=1780920756&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&width=3840" alt="Apollo Wearable + SmartVibes AI Membership" srcset="//apolloneuro.com/cdn/shop/files/2.webp?v=1780920756&width=375 375w, //apolloneuro.com/cdn/shop/files/2.webp?v=1780920756&width=750 750w, //apolloneuro.com/cdn/shop/files/2.webp?v=1780920756&width=1100 1100w, //apolloneuro.com/cdn/shop/files/2.webp?v=1780920756&width=1500 1500w, //apolloneuro.com/cdn/shop/files/2.webp?v=1780920756&width=1780 1780w, //apolloneuro.com/cdn/shop/files/2.webp?v=1780920756&width=2000 2000w, //apolloneuro.com/cdn/shop/files/2.webp?v=1780920756&width=3000 3000w, //apolloneuro.com/cdn/shop/files/2.webp?v=1780920756&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&width=3840" alt="Apollo Wearable + SmartVibes AI Membership" srcset="//apolloneuro.com/cdn/shop/files/4.webp?v=1780920790&width=375 375w, //apolloneuro.com/cdn/shop/files/4.webp?v=1780920790&width=750 750w, //apolloneuro.com/cdn/shop/files/4.webp?v=1780920790&width=1100 1100w, //apolloneuro.com/cdn/shop/files/4.webp?v=1780920790&width=1500 1500w, //apolloneuro.com/cdn/shop/files/4.webp?v=1780920790&width=1780 1780w, //apolloneuro.com/cdn/shop/files/4.webp?v=1780920790&width=2000 2000w, //apolloneuro.com/cdn/shop/files/4.webp?v=1780920790&width=3000 3000w, //apolloneuro.com/cdn/shop/files/4.webp?v=1780920790&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&width=3840" alt="Apollo Wearable + SmartVibes AI Membership" srcset="//apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&width=375 375w, //apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&width=750 750w, //apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&width=1100 1100w, //apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&width=1500 1500w, //apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&width=1780 1780w, //apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&width=2000 2000w, //apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&width=3000 3000w, //apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&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&width=3840" alt="Apollo Wearable + SmartVibes AI Membership" srcset="//apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&width=375 375w, //apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&width=750 750w, //apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&width=1100 1100w, //apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&width=1500 1500w, //apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&width=1780 1780w, //apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&width=2000 2000w, //apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&width=3000 3000w, //apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&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&width=3840" alt="" srcset="//apolloneuro.com/cdn/shop/files/Twilight-apollo-and-clip.png?v=1753368365&width=375 375w, //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=1100 1100w, //apolloneuro.com/cdn/shop/files/Twilight-apollo-and-clip.png?v=1753368365&width=1500 1500w, //apolloneuro.com/cdn/shop/files/Twilight-apollo-and-clip.png?v=1753368365&width=1780 1780w, //apolloneuro.com/cdn/shop/files/Twilight-apollo-and-clip.png?v=1753368365&width=2000 2000w, //apolloneuro.com/cdn/shop/files/Twilight-apollo-and-clip.png?v=1753368365&width=3000 3000w, //apolloneuro.com/cdn/shop/files/Twilight-apollo-and-clip.png?v=1753368365&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/VOX_Wordmark_White_RGB.png?v=1776104663&width=80 80w, //apolloneuro.com/cdn/shop/files/VOX_Wordmark_White_RGB.png?v=1776104663&width=120 120w, //apolloneuro.com/cdn/shop/files/VOX_Wordmark_White_RGB.png?v=1776104663&width=160 160w, //apolloneuro.com/cdn/shop/files/VOX_Wordmark_White_RGB.png?v=1776104663&width=240 240w, //apolloneuro.com/cdn/shop/files/VOX_Wordmark_White_RGB.png?v=1776104663&width=320 320w, //apolloneuro.com/cdn/shop/files/VOX_Wordmark_White_RGB.png?v=1776104663&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/image.webp?v=1776104651&width=80 80w, //apolloneuro.com/cdn/shop/files/image.webp?v=1776104651&width=120 120w, //apolloneuro.com/cdn/shop/files/image.webp?v=1776104651&width=160 160w, //apolloneuro.com/cdn/shop/files/image.webp?v=1776104651&width=240 240w, //apolloneuro.com/cdn/shop/files/image.webp?v=1776104651&width=320 320w, //apolloneuro.com/cdn/shop/files/image.webp?v=1776104651&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Hollywood-Reporter-Logo-White.png?v=1776104644&width=80 80w, //apolloneuro.com/cdn/shop/files/Hollywood-Reporter-Logo-White.png?v=1776104644&width=120 120w, //apolloneuro.com/cdn/shop/files/Hollywood-Reporter-Logo-White.png?v=1776104644&width=160 160w, //apolloneuro.com/cdn/shop/files/Hollywood-Reporter-Logo-White.png?v=1776104644&width=240 240w, //apolloneuro.com/cdn/shop/files/Hollywood-Reporter-Logo-White.png?v=1776104644&width=320 320w, //apolloneuro.com/cdn/shop/files/Hollywood-Reporter-Logo-White.png?v=1776104644&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/GQ_white_768x_c8d5eaff-bb9d-435a-ab00-461ce6aaf18b.png?v=1776104643&width=80 80w, //apolloneuro.com/cdn/shop/files/GQ_white_768x_c8d5eaff-bb9d-435a-ab00-461ce6aaf18b.png?v=1776104643&width=120 120w, //apolloneuro.com/cdn/shop/files/GQ_white_768x_c8d5eaff-bb9d-435a-ab00-461ce6aaf18b.png?v=1776104643&width=160 160w, //apolloneuro.com/cdn/shop/files/GQ_white_768x_c8d5eaff-bb9d-435a-ab00-461ce6aaf18b.png?v=1776104643&width=240 240w, //apolloneuro.com/cdn/shop/files/GQ_white_768x_c8d5eaff-bb9d-435a-ab00-461ce6aaf18b.png?v=1776104643&width=320 320w, //apolloneuro.com/cdn/shop/files/GQ_white_768x_c8d5eaff-bb9d-435a-ab00-461ce6aaf18b.png?v=1776104643&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/huffpost-logo-1.png?v=1776104643&width=80 80w, //apolloneuro.com/cdn/shop/files/huffpost-logo-1.png?v=1776104643&width=120 120w, //apolloneuro.com/cdn/shop/files/huffpost-logo-1.png?v=1776104643&width=160 160w, //apolloneuro.com/cdn/shop/files/huffpost-logo-1.png?v=1776104643&width=240 240w, //apolloneuro.com/cdn/shop/files/huffpost-logo-1.png?v=1776104643&width=320 320w, //apolloneuro.com/cdn/shop/files/huffpost-logo-1.png?v=1776104643&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/13-135300_white-transparent-background-business-insider-logo-png-black.png?v=1776104625&width=80 80w, //apolloneuro.com/cdn/shop/files/13-135300_white-transparent-background-business-insider-logo-png-black.png?v=1776104625&width=120 120w, //apolloneuro.com/cdn/shop/files/13-135300_white-transparent-background-business-insider-logo-png-black.png?v=1776104625&width=160 160w, //apolloneuro.com/cdn/shop/files/13-135300_white-transparent-background-business-insider-logo-png-black.png?v=1776104625&width=240 240w, //apolloneuro.com/cdn/shop/files/13-135300_white-transparent-background-business-insider-logo-png-black.png?v=1776104625&width=320 320w, //apolloneuro.com/cdn/shop/files/13-135300_white-transparent-background-business-insider-logo-png-black.png?v=1776104625&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/01-VOGUE-LOGO-1.png?v=1776104514&width=80 80w, //apolloneuro.com/cdn/shop/files/01-VOGUE-LOGO-1.png?v=1776104514&width=120 120w, //apolloneuro.com/cdn/shop/files/01-VOGUE-LOGO-1.png?v=1776104514&width=160 160w, //apolloneuro.com/cdn/shop/files/01-VOGUE-LOGO-1.png?v=1776104514&width=240 240w, //apolloneuro.com/cdn/shop/files/01-VOGUE-LOGO-1.png?v=1776104514&width=320 320w, //apolloneuro.com/cdn/shop/files/01-VOGUE-LOGO-1.png?v=1776104514&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/forbes-logo-black-and-white.png?v=1776104635&width=80 80w, //apolloneuro.com/cdn/shop/files/forbes-logo-black-and-white.png?v=1776104635&width=120 120w, //apolloneuro.com/cdn/shop/files/forbes-logo-black-and-white.png?v=1776104635&width=160 160w, //apolloneuro.com/cdn/shop/files/forbes-logo-black-and-white.png?v=1776104635&width=240 240w, //apolloneuro.com/cdn/shop/files/forbes-logo-black-and-white.png?v=1776104635&width=320 320w, //apolloneuro.com/cdn/shop/files/forbes-logo-black-and-white.png?v=1776104635&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Ramble-Robb-Report-Desktop.png?v=1776102911&width=80 80w, //apolloneuro.com/cdn/shop/files/Ramble-Robb-Report-Desktop.png?v=1776102911&width=120 120w, //apolloneuro.com/cdn/shop/files/Ramble-Robb-Report-Desktop.png?v=1776102911&width=160 160w, //apolloneuro.com/cdn/shop/files/Ramble-Robb-Report-Desktop.png?v=1776102911&width=240 240w, //apolloneuro.com/cdn/shop/files/Ramble-Robb-Report-Desktop.png?v=1776102911&width=320 320w, //apolloneuro.com/cdn/shop/files/Ramble-Robb-Report-Desktop.png?v=1776102911&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Fast_Company_logo.png?v=1748622549&width=80 80w, //apolloneuro.com/cdn/shop/files/Fast_Company_logo.png?v=1748622549&width=120 120w, //apolloneuro.com/cdn/shop/files/Fast_Company_logo.png?v=1748622549&width=160 160w, //apolloneuro.com/cdn/shop/files/Fast_Company_logo.png?v=1748622549&width=240 240w, //apolloneuro.com/cdn/shop/files/Fast_Company_logo.png?v=1748622549&width=320 320w, //apolloneuro.com/cdn/shop/files/Fast_Company_logo.png?v=1748622549&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/good-morning-america-seeklogo_eeacb054-7acb-40da-babb-5e5d328cc81c.png?v=1756323842&width=80 80w, //apolloneuro.com/cdn/shop/files/good-morning-america-seeklogo_eeacb054-7acb-40da-babb-5e5d328cc81c.png?v=1756323842&width=120 120w, //apolloneuro.com/cdn/shop/files/good-morning-america-seeklogo_eeacb054-7acb-40da-babb-5e5d328cc81c.png?v=1756323842&width=160 160w, //apolloneuro.com/cdn/shop/files/good-morning-america-seeklogo_eeacb054-7acb-40da-babb-5e5d328cc81c.png?v=1756323842&width=240 240w, //apolloneuro.com/cdn/shop/files/good-morning-america-seeklogo_eeacb054-7acb-40da-babb-5e5d328cc81c.png?v=1756323842&width=320 320w, //apolloneuro.com/cdn/shop/files/good-morning-america-seeklogo_eeacb054-7acb-40da-babb-5e5d328cc81c.png?v=1756323842&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/men_s_health_1042a362-f6e4-4135-b6a8-16157bbc5167.png?v=1748623085&width=80 80w, //apolloneuro.com/cdn/shop/files/men_s_health_1042a362-f6e4-4135-b6a8-16157bbc5167.png?v=1748623085&width=120 120w, //apolloneuro.com/cdn/shop/files/men_s_health_1042a362-f6e4-4135-b6a8-16157bbc5167.png?v=174862308
252835&width=160 160w, //apolloneuro.com/cdn/shop/files/men_s_health_1042a362-f6e4-4135-b6a8-16157bbc5167.png?v=1748623085&width=240 240w, //apolloneuro.com/cdn/shop/files/men_s_health_1042a362-f6e4-4135-b6a8-16157bbc5167.png?v=1748623085&width=320 320w, //apolloneuro.com/cdn/shop/files/men_s_health_1042a362-f6e4-4135-b6a8-16157bbc5167.png?v=1748623085&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/wsj.png?v=1748623103&width=80 80w, //apolloneuro.com/cdn/shop/files/wsj.png?v=1748623103&width=120 120w, //apolloneuro.com/cdn/shop/files/wsj.png?v=1748623103&width=160 160w, //apolloneuro.com/cdn/shop/files/wsj.png?v=1748623103&width=240 240w, //apolloneuro.com/cdn/shop/files/wsj.png?v=1748623103&width=320 320w, //apolloneuro.com/cdn/shop/files/wsj.png?v=1748623103&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/bazaar-logo-white.png?v=1774639446&width=80 80w, //apolloneuro.com/cdn/shop/files/bazaar-logo-white.png?v=1774639446&width=120 120w, //apolloneuro.com/cdn/shop/files/bazaar-logo-white.png?v=1774639446&width=160 160w, //apolloneuro.com/cdn/shop/files/bazaar-logo-white.png?v=1774639446&width=240 240w, //apolloneuro.com/cdn/shop/files/bazaar-logo-white.png?v=1774639446&width=320 320w, //apolloneuro.com/cdn/shop/files/bazaar-logo-white.png?v=1774639446&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/logo-entrepreneur-rev-min.png?v=1668975408&width=80 80w, //apolloneuro.com/cdn/shop/files/logo-entrepreneur-rev-min.png?v=1668975408&width=120 120w, //apolloneuro.com/cdn/shop/files/logo-entrepreneur-rev-min.png?v=1668975408&width=160 160w, //apolloneuro.com/cdn/shop/files/logo-entrepreneur-rev-min.png?v=1668975408&width=240 240w, //apolloneuro.com/cdn/shop/files/logo-entrepreneur-rev-min.png?v=1668975408&width=320 320w, //apolloneuro.com/cdn/shop/files/logo-entrepreneur-rev-min.png?v=1668975408&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/VOX_Wordmark_White_RGB.png?v=1776104663&width=80 80w, //apolloneuro.com/cdn/shop/files/VOX_Wordmark_White_RGB.png?v=1776104663&width=120 120w, //apolloneuro.com/cdn/shop/files/VOX_Wordmark_White_RGB.png?v=1776104663&width=160 160w, //apolloneuro.com/cdn/shop/files/VOX_Wordmark_White_RGB.png?v=1776104663&width=240 240w, //apolloneuro.com/cdn/shop/files/VOX_Wordmark_White_RGB.png?v=1776104663&width=320 320w, //apolloneuro.com/cdn/shop/files/VOX_Wordmark_White_RGB.png?v=1776104663&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/image.webp?v=1776104651&width=80 80w, //apolloneuro.com/cdn/shop/files/image.webp?v=1776104651&width=120 120w, //apolloneuro.com/cdn/shop/files/image.webp?v=1776104651&width=160 160w, //apolloneuro.com/cdn/shop/files/image.webp?v=1776104651&width=240 240w, //apolloneuro.com/cdn/shop/files/image.webp?v=1776104651&width=320 320w, //apolloneuro.com/cdn/shop/files/image.webp?v=1776104651&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Hollywood-Reporter-Logo-White.png?v=1776104644&width=80 80w, //apolloneuro.com/cdn/shop/files/Hollywood-Reporter-Logo-White.png?v=1776104644&width=120 120w, //apolloneuro.com/cdn/shop/files/Hollywood-Reporter-Logo-White.png?v=1776104644&width=160 160w, //apolloneuro.com/cdn/shop/files/Hollywood-Reporter-Logo-White.png?v=1776104644&width=240 240w, //apolloneuro.com/cdn/shop/files/Hollywood-Reporter-Logo-White.png?v=1776104644&width=320 320w, //apolloneuro.com/cdn/shop/files/Hollywood-Reporter-Logo-White.png?v=1776104644&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/GQ_white_768x_c8d5eaff-bb9d-435a-ab00-461ce6aaf18b.png?v=1776104643&width=80 80w, //apolloneuro.com/cdn/shop/files/GQ_white_768x_c8d5eaff-bb9d-435a-ab00-461ce6aaf18b.png?v=1776104643&width=120 120w, //apolloneuro.com/cdn/shop/files/GQ_white_768x_c8d5eaff-bb9d-435a-ab00-461ce6aaf18b.png?v=1776104643&width=160 160w, //apolloneuro.com/cdn/shop/files/GQ_white_768x_c8d5eaff-bb9d-435a-ab00-461ce6aaf18b.png?v=1776104643&width=240 240w, //apolloneuro.com/cdn/shop/files/GQ_white_768x_c8d5eaff-bb9d-435a-ab00-461ce6aaf18b.png?v=1776104643&width=320 320w, //apolloneuro.com/cdn/shop/files/GQ_white_768x_c8d5eaff-bb9d-435a-ab00-461ce6aaf18b.png?v=1776104643&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/huffpost-logo-1.png?v=1776104643&width=80 80w, //apolloneuro.com/cdn/shop/files/huffpost-logo-1.png?v=1776104643&width=120 120w, //apolloneuro.com/cdn/shop/files/huffpost-logo-1.png?v=1776104643&width=160 160w, //apolloneuro.com/cdn/shop/files/huffpost-logo-1.png?v=1776104643&width=240 240w, //apolloneuro.com/cdn/shop/files/huffpost-logo-1.png?v=1776104643&width=320 320w, //apolloneuro.com/cdn/shop/files/huffpost-logo-1.png?v=1776104643&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/13-135300_white-transparent-background-business-insider-logo-png-black.png?v=1776104625&width=80 80w, //apolloneuro.com/cdn/shop/files/13-135300_white-transparent-background-business-insider-logo-png-black.png?v=1776104625&width=120 120w, //apolloneuro.com/cdn/shop/files/13-135300_white-transparent-background-business-insider-logo-png-black.png?v=1776104625&width=160 160w, //apolloneuro.com/cdn/shop/files/13-135300_white-transparent-background-business-insider-logo-png-black.png?v=1776104625&width=240 240w, //apolloneuro.com/cdn/shop/files/13-135300_white-transparent-background-business-insider-logo-png-black.png?v=1776104625&width=320 320w, //apolloneuro.com/cdn/shop/files/13-135300_white-transparent-background-business-insider-logo-png-black.png?v=1776104625&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/01-VOGUE-LOGO-1.png?v=1776104514&width=80 80w, //apolloneuro.com/cdn/shop/files/01-VOGUE-LOGO-1.png?v=1776104514&width=120 120w, //apolloneuro.com/cdn/shop/files/01-VOGUE-LOGO-1.png?v=1776104514&width=160 160w, //apolloneuro.com/cdn/shop/files/01-VOGUE-LOGO-1.png?v=1776104514&width=240 240w, //apolloneuro.com/cdn/shop/files/01-VOGUE-LOGO-1.png?v=1776104514&width=320 320w, //apolloneuro.com/cdn/shop/files/01-VOGUE-LOGO-1.png?v=1776104514&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/forbes-logo-black-and-white.png?v=1776104635&width=80 80w, //apolloneuro.com/cdn/shop/files/forbes-logo-black-and-white.png?v=1776104635&width=120 120w, //apolloneuro.com/cdn/shop/files/forbes-logo-black-and-white.png?v=1776104635&width=160 160w, //apolloneuro.com/cdn/shop/files/forbes-logo-black-and-white.png?v=1776104635&width=240 240w, //apolloneuro.com/cdn/shop/files/forbes-logo-black-and-white.png?v=1776104635&width=320 320w, //apolloneuro.com/cdn/shop/files/forbes-logo-black-and-white.png?v=1776104635&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Ramble-Robb-Report-Desktop.png?v=1776102911&width=80 80w, //apolloneuro.com/cdn/shop/files/Ramble-Robb-Report-Desktop.png?v=1776102911&width=120 120w, //apolloneuro.com/cdn/shop/files/Ramble-Robb-Report-Desktop.png?v=1776102911&width=160 160w, //apolloneuro.com/cdn/shop/files/Ramble-Robb-Report-Desktop.png?v=1776102911&width=240 240w, //apolloneuro.com/cdn/shop/files/Ramble-Robb-Report-Desktop.png?v=1776102911&width=320 320w, //apolloneuro.com/cdn/shop/files/Ramble-Robb-Report-Desktop.png?v=1776102911&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/Fast_Company_logo.png?v=1748622549&width=80 80w, //apolloneuro.com/cdn/shop/files/Fast_Company_logo.png?v=1748622549&width=120 120w, //apolloneuro.com/cdn/shop/files/Fast_Company_logo.png?v=1748622549&width=160 160w, //apolloneuro.com/cdn/shop/files/Fast_Company_logo.png?v=1748622549&width=240 240w, //apolloneuro.com/cdn/shop/files/Fast_Company_logo.png?v=1748622549&width=320 320w, //apolloneuro.com/cdn/shop/files/Fast_Company_logo.png?v=1748622549&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/good-morning-america-seeklogo_eeacb054-7acb-40da-babb-5e5d328cc81c.png?v=1756323842&width=80 80w, //apolloneuro.com/cdn/shop/files/good-morning-america-seeklogo_eeacb054-7acb-40da-babb-5e5d328cc81c.png?v=1756323842&width=120 120w, //apolloneuro.com/cdn/shop/files/good-morning-america-seeklogo_eeacb054-7acb-40da-babb-5e5d328cc81c.png?v=1756323842&width=160 160w, //apolloneuro.com/cdn/shop/files/good-morning-america-seeklogo_eeacb054-7acb-40da-babb-5e5d328cc81c.png?v=1756323842&width=240 240w, //apolloneuro.com/cdn/shop/files/good-morning-america-seeklogo_eeacb054-7acb-40da-babb-5e5d328cc81c.png?v=1756323842&width=320 320w, //apolloneuro.com/cdn/shop/files/good-morning-america-seeklogo_eeacb054-7acb-40da-babb-5e5d328cc81c.png?v=1756323842&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/men_s_health_1042a362-f6e4-4135-b6a8-16157bbc5167.png?v=1748623085&width=80 80w, //apolloneuro.com/cdn/shop/files/men_s_health_1042a362-f6e4-4135-b6a8-16157bbc5167.png?v=1748623085&width=120 120w, //apolloneuro.com/cdn/shop/files/men_s_health_1042a362-f6e4-4135-b6a8-16157bbc5167.png?v=1748623085&width=160 160w, //apolloneuro.com/cdn/shop/files/men_s_health_1042a362-f6e4-4135-b6a8-16157bbc5167.png?v=1748623085&width=240 240w, //apolloneuro.com/cdn/shop/files/men_s_health_1042a362-f6e4-4135-b6a8-16157bbc5167.png?v=1748623085&width=320 320w, //apolloneuro.com/cdn/shop/files/men_s_health_1042a362-f6e4-4135-b6a8-16157bbc5167.png?v=1748623085&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/wsj.png?v=1748623103&width=80 80w, //apolloneuro.com/cdn/shop/files/wsj.png?v=1748623103&width=120 120w, //apolloneuro.com/cdn/shop/files/wsj.png?v=1748623103&width=160 160w, //apolloneuro.com/cdn/shop/files/wsj.png?v=1748623103&width=240 240w, //apolloneuro.com/cdn/shop/files/wsj.png?v=1748623103&width=320 320w, //apolloneuro.com/cdn/shop/files/wsj.png?v=1748623103&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/bazaar-logo-white.png?v=1774639446&width=80 80w, //apolloneuro.com/cdn/shop/files/bazaar-logo-white.png?v=1774639446&width=120 120w, //apolloneuro.com/cdn/shop/files/bazaar-logo-white.png?v=1774639446&width=160 160w, //apolloneuro.com/cdn/shop/files/bazaar-logo-white.png?v=1774639446&width=240 240w, //apolloneuro.com/cdn/shop/files/bazaar-logo-white.png?v=1774639446&width=320 320w, //apolloneuro.com/cdn/shop/files/bazaar-logo-white.png?v=1774639446&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&width=400" alt="" srcset="//apolloneuro.com/cdn/shop/files/logo-entrepreneur-rev-min.png?v=1668975408&width=80 80w, //apolloneuro.com/cdn/shop/files/logo-entrepreneur-rev-min.png?v=1668975408&width=120 120w, //apolloneuro.com/cdn/shop/files/logo-entrepreneur-rev-min.png?v=1668975408&width=160 160w, //apolloneuro.com/cdn/shop/files/logo-entrepreneur-rev-min.png?v=1668975408&width=240 240w, //apolloneuro.com/cdn/shop/files/logo-entrepreneur-rev-min.png?v=1668975408&width=320 320w, //apolloneuro.com/cdn/shop/files/logo-entrepreneur-rev-min.png?v=1668975408&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&width=1200" alt="Stealth" srcset="//apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&width=352 352w, //apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&width=832 832w, //apolloneuro.com/cdn/shop/files/switch-stealth.png?v=1769614222&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&width=1200" alt="Twilight" srcset="//apolloneuro.com/cdn/shop/files/switch-twilight.png?v=1776362593&width=352 352w, //apolloneuro.com/cdn/shop/files/switch-twilight.png?v=1776362593&width=832 832w, //apolloneuro.com/cdn/shop/files/switch-twilight.png?v=1776362593&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&width=1200" alt="Glacier" srcset="//apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&width=352 352w, //apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&width=832 832w, //apolloneuro.com/cdn/shop/files/switch-glacier.png?v=1776362593&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&width=1200" alt="Rose" srcset="//apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&width=352 352w, //apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&width=832 832w, //apolloneuro.com/cdn/shop/files/switch-rose.png?v=1776362593&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&width=200" alt="Stealth" srcset="//apolloneuro.com/cdn/shop/files/stealth.png?v=1750182530&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&width=200" alt="Twilight" srcset="//apolloneuro.com/cdn/shop/files/twilight.png?v=1750182704&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&width=200" alt="Glacier" srcset="//apolloneuro.com/cdn/shop/files/glacier.png?v=1750182246&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&width=200" alt="Rose" srcset="//apolloneuro.com/cdn/shop/files/rose.png?v=1750182728&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"> </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&width=1600" alt="" srcset="//apolloneuro.com/cdn/shop/files/need-energy.png?v=1761799773&width=352 352w, //apolloneuro.com/cdn/shop/files/need-energy.png?v=1761799773&width=832 832w, //apolloneuro.com/cdn/shop/files/need-energy.png?v=1761799773&width=1200 1200w, //apolloneuro.com/cdn/shop/files/need-energy.png?v=1761799773&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&width=1600" alt="" srcset="//apolloneuro.com/cdn/shop/files/woman-showcasing-stealth-wearable.png?v=1761799773&width=352 352w, //apolloneuro.com/cdn/shop/files/woman-showcasing-stealth-wearable.png?v=1761799773&width=832 832w, //apolloneuro.com/cdn/shop/files/woman-showcasing-stealth-wearable.png?v=1761799773&width=1200 1200w, //apolloneuro.com/cdn/shop/files/woman-showcasing-stealth-wearable.png?v=1761799773&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&width=1600" alt="" srcset="//apolloneuro.com/cdn/shop/files/burnout-recover.png?v=1761799773&width=352 352w, //apolloneuro.com/cdn/shop/files/burnout-recover.png?v=1761799773&width=832 832w, //apolloneuro.com/cdn/shop/files/burnout-recover.png?v=1761799773&width=1200 1200w, //apolloneuro.com/cdn/shop/files/burnout-recover.png?v=1761799773&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&width=1600" alt="" srcset="//apolloneuro.com/cdn/shop/files/feel-good.png?v=1761799773&width=352 352w, //apolloneuro.com/cdn/shop/files/feel-good.png?v=1761799773&width=832 832w, //apolloneuro.com/cdn/shop/files/feel-good.png?v=1761799773&width=1200 1200w, //apolloneuro.com/cdn/shop/files/feel-good.png?v=1761799773&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.