PageSourceSearch

https://helpmedevvon.com/

html helpmedevvon.com collected 2026-10-06 08:45:54 UTC 369,014 bytes, 9,322 lines download raw bytes

1<!doctype html>
2<html class="js" lang="en">
3  <head>
4    <meta charset="utf-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width,initial-scale=1">
7    <meta name="theme-color" content="">
8    <link rel="canonical" href="https://helpmedevvon.com/"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
9      Help Me Devvon
10</title>
11
12    
13      <meta name="description" content="Helpmedevvon is a community based on bettering the home studio musician as well as the intern. This platform is for audio professionals looking for information, insight, and overall techniques to make their music and clients happy.">
14    
15
16    
17
18<meta property="og:site_name" content="Help Me Devvon">
19<meta property="og:url" content="https://helpmedevvon.com/">
20<meta property="og:title" content="Help Me Devvon">
21<meta property="og:type" content="website">
22<meta property="og:description" content="Helpmedevvon is a community based on bettering the home studio musician as well as the intern. This platform is for audio professionals looking for information, insight, and overall techniques to make their music and clients happy."><meta property="og:image" content="http://helpmedevvon.com/cdn/shop/files/Help-Me-Devvon-Lettermark-Midnight-Black-Rgb-1080px-w-72ppi.jpg?v=1740996729">
23  <meta property="og:image:secure_url" content="https://helpmedevvon.com/cdn/shop/files/Help-Me-Devvon-Lettermark-Midnight-Black-Rgb-1080px-w-72ppi.jpg?v=1740996729">
24  <meta property="og:image:width" content="1080">
25  <meta property="og:image:height" content="1080"><meta name="twitter:card" content="summary_large_image">
26<meta name="twitter:title" content="Help Me Devvon">
27<meta name="twitter:description" content="Helpmedevvon is a community based on bettering the home studio musician as well as the intern. This platform is for audio professionals looking for information, insight, and overall techniques to make their music and clients happy.">
28
29
30    
30<script src="//helpmedevvon.com/cdn/shop/t/16/assets/constants.js?v=132983761750457495441777255068" defer="defer"></script>
30
31    
31<script src="//helpmedevvon.com/cdn/shop/t/16/assets/pubsub.js?v=25310214064522200911777255068" defer="defer"></script>
31
32    
32<script src="//helpmedevvon.com/cdn/shop/t/16/assets/global.js?v=7301445359237545521777255068" defer="defer"></script>
32
33    
33<script src="//helpmedevvon.com/cdn/shop/t/16/assets/details-disclosure.js?v=13653116266235556501777255068" defer="defer"></script>
33
34    
34<script src="//helpmedevvon.com/cdn/shop/t/16/assets/details-modal.js?v=25581673532751508451777255068" defer="defer"></script>
34
35    
35<script src="//helpmedevvon.com/cdn/shop/t/16/assets/search-form.js?v=133129549252120666541777255068" defer="defer"></script>
35<script src="//helpmedevvon.com/cdn/shop/t/16/assets/animations.js?v=88693664871331136111777255068" defer="defer"></script>
35<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
35<meta name="google-site-verification" content="Z2Rie222Z-EKS207bMULJ7fpyYwhMogLLfVIdMHiNXw">
36<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/27527118986/digital_wallets/dialog">
37<meta id="in-context-paypal-metadata" data-shop-id="27527118986" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
38<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
38<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
38
39<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
40<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=27527118986" crossorigin="anonymous"></script>
vendor: 1 bytes, line 40
40
41<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":27527118986,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/27527118986","merchantName":"Help Me Devvon","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Help Me Devvon","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 41
41
42<script id="shopify-features" type="application/json">{"accessToken":"473e864bc608f30a21b71b2fcbcc3916","betas":["rich-media-storefront-analytics"],"domain":"helpmedevvon.com","predictiveSearch":true,"shopId":27527118986,"locale":"en"}</script>
vendor: 1 bytes, line 42
42
43<script>var Shopify = Shopify || {};
44Shopify.shop = "helpmedevvon.myshopify.com";
45Shopify.locale = "en";
46Shopify.currency = {"active":"USD","rate":"1.0"};
47Shopify.country = "US";
48Shopify.theme = {"name":"2026 Website","id":158525423829,"schema_name":"Dawn","schema_version":"15.4.1","theme_store_id":887,"role":"main"};
49Shopify.theme.handle = "null";
50Shopify.theme.style = {"id":null,"handle":null};
51Shopify.cdnHost = "helpmedevvon.com/cdn";
52Shopify.routes = Shopify.routes || {};
53Shopify.routes.root = "/";
54Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
55Shopify.SignInWithShop = Shopify.SignInWithShop || {};
56Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
57Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 57
57
58<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 58
58
59<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 59
59
60<script>
61  window.ShopifyPay = window.ShopifyPay || {};
62  window.ShopifyPay.apiHost = "shop.app\/pay";
63  window.ShopifyPay.redirectState = null;
64</script>
vendor: 1 bytes, line 64
64
65<script>
66  window.Shopify = window.Shopify || {};
67  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
68  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
69  window.Shopify.SignInWithShop.eligible = true;
70</script>
vendor: 1 bytes, line 70
70
71<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 71
71
72<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 72
72
73<script type="module">
74  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
75
76  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
77
78</script>
vendor: 1 bytes, line 78
78
79<script>
80  window.Shopify = window.Shopify || {};
81  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
82  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"]};
83</script>
vendor: 1 bytes, line 83
83
84<script>(function() {
85  var isLoaded = false;
86  function asyncLoad() {
87    if (isLoaded) return;
88    isLoaded = true;
89    var urls = ["https:\/\/rec.autocommerce.io\/recommender_javascript?shop=helpmedevvon.myshopify.com","https:\/\/api.revy.io\/bundle.js?shop=helpmedevvon.myshopify.com","https:\/\/assets.dailykarma.io\/prod\/init-v3.js?v2\u0026shop=helpmedevvon.myshopify.com"];
90    for (var i = 0; i < urls.length; i++) {
91      var s = document.createElement('script');
92      s.type = 'text/javascript';
93      s.async = true;
94      s.src = urls[i];
95      var x = document.getElementsByTagName('script')[0];
96      x.parentNode.insertBefore(s, x);
97    }
98  };
99  if(window.attachEvent) {
100    window.attachEvent('onload', asyncLoad);
101  } else {
102    window.addEventListener('load', asyncLoad, false);
103  }
104})();</script>
vendor: 1 bytes, line 104
104
105<script id="__st">var __st={"a":27527118986,"offset":-14400,"reqid":"dd87b93d-8f2a-47c2-b2cb-1d01ce3c4b5b-1791276354","pageurl":"helpmedevvon.com\/","u":"9cf843f6e4c6","p":"home"};</script>
vendor: 1 bytes, line 105
105
106<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 106
106
107<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 107
107
108<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//helpmedevvon.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 108
108
109<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 = "//helpmedevvon.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>
109<script crossorigin="anonymous" defer="defer" src="//helpmedevvon.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 109
109
110<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 110
110
111<script>
112  window.Shopify = window.Shopify || {};
113  window.Shopify.MCP = window.Shopify.MCP || {};
114  window.Shopify.MCP.enabled = true;
115  window.Shopify.MCP.shop = "helpmedevvon.myshopify.com";
116  window.Shopify.MCP.mcpEndpoint = "https:\/\/helpmedevvon.com\/api\/mcp";
117  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\nSet policy_types to also get the store's written policies (full text and URL).\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}];
118</script>
vendor: 1 bytes, line 118
118
119<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("\/\/helpmedevvon.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
120</script>
vendor: 1 bytes, line 120
120
121<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://helpmedevvon.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
122</script>
vendor: 1 bytes, line 122
122
123<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
124  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);
125</script>
vendor: 1 bytes, line 125
125
126<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})}}));
127</script>
127
128<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://helpmedevvon.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
129<style id="shopify-accelerated-checkout-cart">
130        #shopify-buyer-consent {
131  margin-top: 1em;
132  display: inline-block;
133  width: 100%;
134}
135
136#shopify-buyer-consent.hidden {
137  display: none;
138}
139
140#shopify-subscription-policy-button {
141  background: none;
142  border: none;
143  padding: 0;
144  text-decoration: underline;
145  font-size: inherit;
146  cursor: pointer;
147}
148
149#shopify-subscription-policy-button::before {
150  box-shadow: none;
151}
152
153      </style>
154
155<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
155
156
157
158    <style data-shopify>
159      @font-face {
160  font-family: Assistant;
161  font-weight: 400;
162  font-style: normal;
163  font-display: swap;
164  src: url("//helpmedevvon.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
165       url("//helpmedevvon.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
166}
167
168      @font-face {
169  font-family: Assistant;
170  font-weight: 700;
171  font-style: normal;
172  font-display: swap;
173  src: url("//helpmedevvon.com/cdn/fonts/assistant/assistant_n7.bf44452348ec8b8efa3aa3068825305886b1c83c.woff2") format("woff2"),
174       url("//helpmedevvon.com/cdn/fonts/assistant/assistant_n7.0c887fee83f6b3bda822f1150b912c72da0f7b64.woff") format("woff");
175}
176
177      
178      
179      @font-face {
180  font-family: Assistant;
181  font-weight: 400;
182  font-style: normal;
183  font-display: swap;
184  src: url("//helpmedevvon.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
185       url("//helpmedevvon.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
186}
187
188
189      
190        :root,
191        .color-scheme-1 {
192          --color-background: 255,255,255;
193        
194          --gradient-background: #ffffff;
195        
196
197        
198
199        --color-foreground: 18,18,18;
200        --color-background-contrast: 191,191,191;
201        --color-shadow: 18,18,18;
202        --color-button: 18,18,18;
203        --color-button-text: 255,255,255;
204        --color-secondary-button: 255,255,255;
205        --color-secondary-button-text: 18,18,18;
206        --color-link: 18,18,18;
207        --color-badge-foreground: 18,18,18;
208        --color-badge-background: 255,255,255;
209        --color-badge-border: 18,18,18;
210        --payment-terms-background-color: rgb(255 255 255);
211      }
212      
213        
214        .color-scheme-2 {
215          --color-background: 243,243,243;
216        
217          --gradient-background: #f3f3f3;
218        
219
220        
221
222        --color-foreground: 18,18,18;
223        --color-background-contrast: 179,179,179;
224        --color-shadow: 18,18,18;
225        --color-button: 18,18,18;
226        --color-button-text: 243,243,243;
227        --color-secondary-button: 243,243,243;
228        --color-secondary-button-text: 18,18,18;
229        --color-link: 18,18,18;
230        --color-badge-foreground: 18,18,18;
231        --color-badge-background: 243,243,243;
232        --color-badge-border: 18,18,18;
233        --payment-terms-background-color: rgb(243 243 243);
234      }
235      
236        
237        .color-scheme-3 {
238          --color-background: 36,40,51;
239        
240          --gradient-background: #242833;
241        
242
243        
244
245        --color-foreground: 255,255,255;
246        --color-background-contrast: 47,52,66;
247        --color-shadow: 18,18,18;
248        --color-button: 255,255,255;
249        --color-button-text: 0,0,0;
250        --color-secondary-button: 36,40,51;
251        --color-secondary-button-text: 255,255,255;
252        --color-link: 255,255,255;
253        --color-badge-foreground: 255,255,255;
254        --color-badge-background: 36,40,51;
255        --color-badge-border: 255,255,255;
256        --payment-terms-background-color: rgb(36 40 51);
257      }
258      
259        
260        .color-scheme-4 {
261          --color-background: 18,18,18;
262        
263          --gradient-background: #121212;
264        
265
266        
267
268        --color-foreground: 255,255,255;
269        --color-background-contrast: 146,146,146;
270        --color-shadow: 18,18,18;
271        --color-button: 255,255,255;
272        --color-button-text: 18,18,18;
273        --color-secondary-button: 18,18,18;
274        --color-secondary-button-text: 255,255,255;
275        --color-link: 255,255,255;
276        --color-badge-foreground: 255,255,255;
277        --color-badge-background: 18,18,18;
278        --color-badge-border: 255,255,255;
279        --payment-terms-background-color: rgb(18 18 18);
280      }
281      
282        
283        .color-scheme-5 {
284          --color-background: 51,79,180;
285        
286          --gradient-background: #334fb4;
287        
288
289        
290
291        --color-foreground: 255,255,255;
292        --color-background-contrast: 23,35,81;
293        --color-shadow: 18,18,18;
294        --color-button: 255,255,255;
295        --color-button-text: 51,79,180;
296        --color-secondary-button: 51,79,180;
297        --color-secondary-button-text: 255,255,255;
298        --color-link: 255,255,255;
299        --color-badge-foreground: 255,255,255;
300        --color-badge-background: 51,79,180;
301        --color-badge-border: 255,255,255;
302        --payment-terms-background-color: rgb(51 79 180);
303      }
304      
305
306      body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5 {
307        color: rgba(var(--color-foreground), 0.75);
308        background-color: rgb(var(--color-background));
309      }
310
311      :root {
312        --font-body-family: Assistant, sans-serif;
313        --font-body-style: normal;
314        --font-body-weight: 400;
315        --font-body-weight-bold: 700;
316
317        --font-heading-family: Assistant, sans-serif;
318        --font-heading-style: normal;
319        --font-heading-weight: 400;
320
321        --font-body-scale: 1.0;
322        --font-heading-scale: 1.0;
323
324        --media-padding: px;
325        --media-border-opacity: 0.05;
326        --media-border-width: 1px;
327        --media-radius: 0px;
328        --media-shadow-opacity: 0.0;
329        --media-shadow-horizontal-offset: 0px;
330        --media-shadow-vertical-offset: 4px;
331        --media-shadow-blur-radius: 5px;
332        --media-shadow-visible: 0;
333
334        --page-width: 120rem;
335        --page-width-margin: 0rem;
336
337        --product-card-image-padding: 0.0rem;
338        --product-card-corner-radius: 0.0rem;
339        --product-card-text-alignment: left;
340        --product-card-border-width: 0.0rem;
341        --product-card-border-opacity: 0.1;
342        --product-card-shadow-opacity: 0.0;
343        --product-card-shadow-visible: 0;
344        --product-card-shadow-horizontal-offset: 0.0rem;
345        --product-card-shadow-vertical-offset: 0.4rem;
346        --product-card-shadow-blur-radius: 0.5rem;
347
348        --collection-card-image-padding: 0.0rem;
349        --collection-card-corner-radius: 0.0rem;
350        --collection-card-text-alignment: left;
351        --collection-card-border-width: 0.0rem;
352        --collection-card-border-opacity: 0.1;
353        --collection-card-shadow-opacity: 0.0;
354        --collection-card-shadow-visible: 0;
355        --collection-card-shadow-horizontal-offset: 0.0rem;
356        --collection-card-shadow-vertical-offset: 0.4rem;
357        --collection-card-shadow-blur-radius: 0.5rem;
358
359        --blog-card-image-padding: 0.0rem;
360        --blog-card-corner-radius: 0.0rem;
361        --blog-card-text-alignment: left;
362        --blog-card-border-width: 0.0rem;
363        --blog-card-border-opacity: 0.1;
364        --blog-card-shadow-opacity: 0.0;
365        --blog-card-shadow-visible: 0;
366        --blog-card-shadow-horizontal-offset: 0.0rem;
367        --blog-card-shadow-vertical-offset: 0.4rem;
368        --blog-card-shadow-blur-radius: 0.5rem;
369
370        --badge-corner-radius: 4.0rem;
371
372        --popup-border-width: 1px;
373        --popup-border-opacity: 0.1;
374        --popup-corner-radius: 0px;
375        --popup-shadow-opacity: 0.05;
376        --popup-shadow-horizontal-offset: 0px;
377        --popup-shadow-vertical-offset: 4px;
378        --popup-shadow-blur-radius: 5px;
379
380        --drawer-border-width: 1px;
381        --drawer-border-opacity: 0.1;
382        --drawer-shadow-opacity: 0.0;
383        --drawer-shadow-horizontal-offset: 0px;
384        --drawer-shadow-vertical-offset: 4px;
385        --drawer-shadow-blur-radius: 5px;
386
387        --spacing-sections-desktop: 0px;
388        --spacing-sections-mobile: 0px;
389
390        --grid-desktop-vertical-spacing: 8px;
391        --grid-desktop-horizontal-spacing: 8px;
392        --grid-mobile-vertical-spacing: 4px;
393        --grid-mobile-horizontal-spacing: 4px;
394
395        --text-boxes-border-opacity: 0.1;
396        --text-boxes-border-width: 0px;
397        --text-boxes-radius: 0px;
398        --text-boxes-shadow-opacity: 0.0;
399        --text-boxes-shadow-visible: 0;
400        --text-boxes-shadow-horizontal-offset: 0px;
401        --text-boxes-shadow-vertical-offset: 4px;
402        --text-boxes-shadow-blur-radius: 5px;
403
404        --buttons-radius: 0px;
405        --buttons-radius-outset: 0px;
406        --buttons-border-width: 1px;
407        --buttons-border-opacity: 1.0;
408        --buttons-shadow-opacity: 0.0;
409        --buttons-shadow-visible: 0;
410        --buttons-shadow-horizontal-offset: 0px;
411        --buttons-shadow-vertical-offset: 4px;
412        --buttons-shadow-blur-radius: 5px;
413        --buttons-border-offset: 0px;
414
415        --inputs-radius: 0px;
416        --inputs-border-width: 1px;
417        --inputs-border-opacity: 0.55;
418        --inputs-shadow-opacity: 0.0;
419        --inputs-shadow-horizontal-offset: 0px;
420        --inputs-margin-offset: 0px;
421        --inputs-shadow-vertical-offset: 4px;
422        --inputs-shadow-blur-radius: 5px;
423        --inputs-radius-outset: 0px;
424
425        --variant-pills-radius: 40px;
426        --variant-pills-border-width: 1px;
427        --variant-pills-border-opacity: 0.55;
428        --variant-pills-shadow-opacity: 0.0;
429        --variant-pills-shadow-horizontal-offset: 0px;
430        --variant-pills-shadow-vertical-offset: 4px;
431        --variant-pills-shadow-blur-radius: 5px;
432      }
433
434      *,
435      *::before,
436      *::after {
437        box-sizing: inherit;
438      }
439
440      html {
441        box-sizing: border-box;
442        font-size: calc(var(--font-body-scale) * 62.5%);
443        height: 100%;
444      }
445
446      body {
447        display: grid;
448        grid-template-rows: auto auto 1fr auto;
449        grid-template-columns: 100%;
450        min-height: 100%;
451        margin: 0;
452        font-size: 1.5rem;
453        letter-spacing: 0.06rem;
454        line-height: calc(1 + 0.8 / var(--font-body-scale));
455        font-family: var(--font-body-family);
456        font-style: var(--font-body-style);
457        font-weight: var(--font-body-weight);
458      }
459
460      @media screen and (min-width: 750px) {
461        body {
462          font-size: 1.6rem;
463        }
464      }
465    </style>
466
467    <link href="//helpmedevvon.com/cdn/shop/t/16/assets/base.css?v=184158892592605102761777322771" rel="stylesheet" type="text/css" media="all" />
468    <link rel="stylesheet" href="//helpmedevvon.com/cdn/shop/t/16/assets/component-cart-items.css?v=13033300910818915211777255068" media="print" onload="this.media='all'">
469      <link rel="preload" as="font" href="//helpmedevvon.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2" type="font/woff2" crossorigin>
470      
471
472      <link rel="preload" as="font" href="//helpmedevvon.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2" type="font/woff2" crossorigin>
473      
474<link href="//helpmedevvon.com/cdn/shop/t/16/assets/component-localization-form.css?v=170315343355214948141777255068" rel="stylesheet" type="text/css" media="all" />
475      
475<script src="//helpmedevvon.com/cdn/shop/t/16/assets/localization-form.js?v=144176611646395275351777255068" defer="defer"></script>
475<link
476        rel="stylesheet"
477        href="//helpmedevvon.com/cdn/shop/t/16/assets/component-predictive-search.css?v=118923337488134913561777255068"
478        media="print"
479        onload="this.media='all'"
480      >
480<script>
481      if (Shopify.designMode) {
482        document.documentElement.classList.add('shopify-design-mode');
483      }
484    </script>
484
485  <!-- BEGIN app block: shopify://apps/lucky-orange/blocks/lucky_orange_tracking/019b2899-e426-7dbd-b9e7-ff9f0bb0d0f3 -->
485<script defer
486        src="https://tools.luckyorange.com/core/lo.js?site-id=809e1785"
487></script>
487
488
489<!-- END app block --><!-- BEGIN app block: shopify://apps/frequently-bought/blocks/app-embed-block/b1a8cbea-c844-4842-9529-7c62dbab1b1f -->
489<script>
490    window.codeblackbelt = window.codeblackbelt || {};
491    window.codeblackbelt.shop = window.codeblackbelt.shop || 'helpmedevvon.myshopify.com';
492    </script>
492<script src="//cdn.codeblackbelt.com/widgets/frequently-bought-together/bootstrap.min.js?version=2026100604-0400" async></script>
492
493 <!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
494
495
496
497
498
499
500
501
502
503
504
505
506  
506<script async src="https://static.klaviyo.com/onsite/js/TGwcBT/klaviyo.js?company_id=TGwcBT"></script>
506
507  
507<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>
507
508
509  
510
511
512
513
514  
514<script>
515    window.klaviyoReviewsProductDesignMode = false
516  </script>
516
517
518
519
520
521
522
523
524
525
526<!-- END app block -->
526<script src="https://cdn.shopify.com/extensions/019fecda-b47a-78f1-a7c0-b1939e58b2ed/osaria-audio-player-36/assets/osaria-player.min.js" type="text/javascript" defer="defer"></script>
526
527<link href="https://cdn.shopify.com/extensions/019fecda-b47a-78f1-a7c0-b1939e58b2ed/osaria-audio-player-36/assets/mediaelement-skin-product-view.min.css" rel="stylesheet" type="text/css" media="all">
528<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
529<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: 27527118986,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 529
529
530<script>
531  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
532</script>
vendor: 1 bytes, line 532
532
533<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}
533).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: 27527118986,storefrontBaseUrl: "https://helpmedevvon.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://helpmedevvon.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2204532949","configuration":"{\"siteId\":\"809e1785\",\"environment\":\"production\",\"isPlusUser\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"6e817d921cf85e9215b0e5e4b99ed737","type":"APP","apiClientId":187969,"privacyPurposes":["ANALYTICS","MARKETING"],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2080211157","configuration":"{\"shopId\":\"27527118986\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"83adcaf06c5deacff41ffdf8f92d9129","type":"APP","apiClientId":246667608065,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2078605525","configuration":"{\"myshopifyDomain\":\"helpmedevvon.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"23b97d18e2aa74363140dc29c9284e87","type":"APP","apiClientId":2775569,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"}
533,{"id":"1907785941","configuration":"{\"accountID\":\"1220658\",\"workspaceId\":\"0c70cd10-0e8e-49fe-b235-796d951522e1\",\"projectId\":\"98aac21f-7779-4034-8daa-ed700c1e2d01\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d98eb033f1e81320021a411362de3a55","type":"APP","apiClientId":5461967,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1484423381","configuration":"{\"accountID\":\"2955\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"fd808ef676af80f68a7052770545cafd","type":"APP","apiClientId":2594385,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1374027989","configuration":"{\"accountID\":\"TGwcBT\",\"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":"435257557","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-DJ6M9KK936\\\",\\\"AW-864123272\\\",\\\"GT-5TPXB4R\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-DJ6M9KK936\\\",\\\"AW-864123272\\\/bCKRCIapncUbEIjzhZwD\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-DJ6M9KK936\\\",\\\"AW-864123272\\\/y4vsCJKpncUbEIjzhZwD\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-DJ6M9KK936\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-DJ6M9KK936\\\",\\\"AW-864123272\\\/iEieCI-pncUbEIjzhZwD\\\",\\\"MC-P54XYYTWX3\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-DJ6M9KK936\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-DJ6M9KK936\\\",\\\"AW-864123272\\\/fjSTCIOpncUbEIjzhZwD\\\",\\\"MC-P54XYYTWX3\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-DJ6M9KK936\\\",\\\"AW-864123272\\\/r4AtCIypncUbEIjzhZwD\\\",\\\"MC-P54XYYTWX3\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-DJ6M9KK936\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-DJ6M9KK936\\\",\\\"AW-864123272\\\/sqmWCJWpncUbE
533IjzhZwD\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-DJ6M9KK936\\\",\\\"AW-864123272\\\/m21uCImpncUbEIjzhZwD\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-DJ6M9KK936\\\"}],\\\"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":"417530069","configuration":"{\"pixelCode\":\"C6A61LCD81EL02RRUEO0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"170754261","configuration":"{\"pixel_id\":\"1742321299280946\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"bd2f978c17a94bbb8a74d43de2165dc5","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"5898453","configuration":"{\"pixelId\":\"125a0b24-5241-4c2a-a83e-b07cf1e87406\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c119f01612c13b62ab52809eb08154bb","type":"APP","apiClientId":2556259,"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":[]},"dataSharingState":"optimized"},{"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":"Help Me Devvon","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"helpmedevvon.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/helpmedevvon.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"9573787959509","handle":"greenlight-meter","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54741498462421","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9426780061909","handle":"100-pound-plugin","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54088272806101","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9134174470357","handle":"uncompressor","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53049335218389","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9266902991061","handle":"2-track-surgeon","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53196591661269","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7958203334869","handle":"hmd-rosetta-eq","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53014221914325","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8213286289621","handle":"hmd-rosetta-compressor","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53014223782101","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8912568877269","handle":"hmd-black-vortex-1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53014213263573","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9282145517781","handle":"hmd-core-5-plugin-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53320696103125","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7024145465504","handle":"devvon-terrell-signature-vocal-chain","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41046751772832","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"5106277974154","handle":"roddy-ricch-type-vocal-template-abelton","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"33923242459274","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"4724625670282","handle":"drake-type-vocal-template","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"33923482943626","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"5572069097632","handle":"feel-the-breezy-vocal-chain","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"35983357280416","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8094129553621","handle":"on-the-radar-vocal-chain","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44485567217877","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"4724631240842","handle":"devvon-terrell-vocal-template","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"39483111571616","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"5576917581984","handle":"male-singer-rapper-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"36010607116448","
533image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"5572100194464","handle":"small-child-vocal-chain","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"35983586754720","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8703597314261","handle":"the-4-aux-men","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49096505721045","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8660207206613","handle":"hmd-rosetta-vocal-template","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48511012045013","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7688424128725","handle":"male-rnb-starter-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42994974195925","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7679755550933","handle":"evil-background-vocals-template","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42963847905493","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7672433049813","handle":"peaches-vocal-chain","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42928615391445","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7493933400277","handle":"rnb-trap-essentials-vocal-chain","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42285015302357","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6703353757856","handle":"vocal-rider-preset","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"39968410960032","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"5961171763360","handle":"help-me-devvon-studiorack-mega-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"37638514802848","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"5961136439456","handle":"melodic-trap-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"37638115524768","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"5961123725472","handle":"help-me-devvon-studiorack-effects-preset","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"37637964595360","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"5961117073568","handle":"help-me-devvon-studiorack-master-preset","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"37637845450912","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"5961066610848","handle":"trapped-soul-vocal-chain","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"37637561778336","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"5961056420000","handle":"stack-barlow-vocal-chain","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"37637508858016","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8703611109589","handle":"studiorack-vocal-cleaner","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49096662712533","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8641538031829","handle":"kiive-audio-kc-1-preset-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48383435014357","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8603918041301","handle":"waves-api-2500-presets-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48124716318933","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8603554873557","handle":"sonnox-inflator-free-presets-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48115200753877","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8603547238613","handle":"waves-dpr-402-presets-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48115000574165","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
533,{"id":"8603539112149","handle":"slate-digital-vmr-presets-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48114887033045","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8603498741973","handle":"waves-artg-presets-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48114263621845","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8464493674709","handle":"waves-cla-bundle-presets-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47080543518933","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9006174503125","handle":"bypass","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51647065751765","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9266913804501","handle":"building-an-independent-audio-plugin-company","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53196677021909","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://helpmedevvon.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"158525423829","themeStoreId":"887","themePublished":"true","eventMetadataId":"89d69cb4-b080-489f-8e40-32da674a2dc6","pageType":"home","shopId":"27527118986","storefrontBaseUrl":"https:\/\/helpmedevvon.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>
533<script>
534  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
535  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
536  window.ShopifyAnalytics.meta.currency = 'USD';
537  var meta = {"page":{"pageType":"home","requestId":"dd87b93d-8f2a-47c2-b2cb-1d01ce3c4b5b-1791276354"}};
538  for (var attr in meta) {
539    window.ShopifyAnalytics.meta[attr] = meta[attr];
540  }
541</script>
vendor: 1 bytes, line 541
541
542<script class="analytics">
543  (function () {
544    var customDocumentWrite = function(content) {
545      var jquery = null;
546
547      if (window.jQuery) {
548        jquery = window.jQuery;
549      } else if (window.Checkout && window.Checkout.$) {
550        jquery = window.Checkout.$;
551      }
552
553      if (jquery) {
554        jquery('body').append(content);
555      }
556    };
557
558    var hasLoggedConversion = function(token) {
559      if (token) {
560        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
561      }
562      return false;
563    }
564
565    var setCookieIfConversion = function(token) {
566      if (token) {
567        var twoMonthsFromNow = new Date(Date.now());
568        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
569
570        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
571      }
572    }
573
574    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
575    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
576    if (trekkie.integrations) {
577      return;
578    }
579    trekkie.methods = [
580      'identify',
581      'page',
582      'ready',
583      'track',
584      'trackForm',
585      'trackLink'
586    ];
587    trekkie.factory = function(method) {
588      return function() {
589        var args = Array.prototype.slice.call(arguments);
590        args.unshift(method);
591        trekkie.push(args);
592        if (method == 'track' || method == 'page') {
593          var pageUrl;
594          try {
595            pageUrl = window.location.href;
596          } catch (e) {}
597          var pageReferrer;
598          try {
599            pageReferrer = document.referrer;
600          } catch (e) {}
601          try {
602            if (window.__TREKKIE_SHIM_QUEUE == null) {
603              window.__TREKKIE_SHIM_QUEUE = [];
604            }
605            window.__TREKKIE_SHIM_QUEUE.push({
606              from: 'trekkie-stub',
607              method: method,
608              args: args.slice(1),
609              pageContext: {
610                url: pageUrl,
611                referrer: pageReferrer
612              }
613            });
614          } catch (e) {
615            // no-op
616          }
617        }
618        return trekkie;
619      };
620    };
621    for (var i = 0; i < trekkie.methods.length; i++) {
622      var key = trekkie.methods[i];
623      trekkie[key] = trekkie.factory(key);
624    }
625    trekkie.load = function(config) {
626      trekkie.config = config || {};
627      trekkie.config.initialDocumentCookie = document.cookie;
628      var first = document.getElementsByTagName('script')[0];
629var script = document.createElement('script');
630script.type = 'text/javascript';
631script.onerror = function(e) {
632  var scriptFallback = document.createElement('script');
633  scriptFallback.type = 'text/javascript';
634  scriptFallback.onerror = function(error) {
635          var Monorail = {
636      produce: function produce(monorailDomain, schemaId, payload) {
637        var currentMs = new Date().getTime();
638        var event = {
639          schema_id: schemaId,
640          payload: payload,
641          metadata: {
642            event_created_at_ms: currentMs,
643            event_sent_at_ms: currentMs
644          }
645        };
646        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
647      },
648      sendRequest: function sendRequest(endpointUrl, payload) {
649        // Try the sendBeacon API
650        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
651          var blobData = new window.Blob([payload], {
652            type: 'text/plain'
653          });
654
655          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
656            return true;
657          } // sendBeacon was not successful
658
659        } // XHR beacon
660
661        var xhr = new XMLHttpRequest();
662
663        try {
664          xhr.open('POST', endpointUrl);
665          xhr.setRequestHeader('Content-Type', 'text/plain');
666          xhr.send(payload);
667        } catch (e) {
668          console.log(e);
669        }
670
671        return false;
672      },
673      isIos12: function isIos12() {
674        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
675      }
676    };
677    Monorail.produce('monorail-edge.shopifysvc.com',
678      'trekkie_storefront_load_errors/1.1',
679      {shop_id: 27527118986,
680      theme_id: 158525423829,
681      app_name: "storefront",
682      context_url: window.location.href,
683      source_url: "//helpmedevvon.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
684
685  };
686  scriptFallback.async = true;
687  scriptFallback.src = '//helpmedevvon.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
688  first.parentNode.insertBefore(scriptFallback, first);
689};
690script.async = true;
691script.src = '//helpmedevvon.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
692first.parentNode.insertBefore(script, first);
693
694    };
695    trekkie.load(
696      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":27527118986,"isMerchantRequest":null,"themeId":158525423829,"themeCityHash":"3728067846960714374","contentLanguage":"en","currency":"USD","eventMetadataId":"89d69cb4-b080-489f-8e40-32da674a2dc6"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
697    );
698
699    var loaded = false;
700    trekkie.ready(function() {
701      if (loaded) return;
702      loaded = true;
703
704      window.ShopifyAnalytics.lib = window.trekkie;
705
706      var originalDocumentWrite = document.write;
707      document.write = customDocumentWrite;
708      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
709      document.write = originalDocumentWrite;
710
711      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
712      var token = match? match[1]: undefined;
713      if (!hasLoggedConversion(token)) {
714        setCookieIfConversion(token);
715        
716      }
717    });
718
719    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"dd87b93d-8f2a-47c2-b2cb-1d01ce3c4b5b-1791276354","shopifyEmitted":true});
720
721    var eventsListenerScript = document.createElement('script');
722    eventsListenerScript.async = true;
723    eventsListenerScript.src = "//helpmedevvon.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
724    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
725})();</script>
725
726  
726<script>
727  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
728    window.ga = function ga() {
729      (window.ga.q = window.ga.q || []).push(arguments);
730      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
731        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
732      }
733      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.");
734    };
735    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
736      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
737    }
738  }
739</script>
vendor: 1 bytes, line 739
739
740<script
741  defer
742  src="https://helpmedevvon.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.5.min.js"
743  data-application="storefront-renderer"
744  data-shop-id="27527118986"
745  data-render-region="gcp-us-central1"
746  data-page-type="index"
747  data-theme-instance-id="158525423829"
748  data-theme-name="Dawn"
749  data-theme-version="15.4.1"
750  data-monorail-region="shop_domain"
751  data-resource-timing-sampling-rate="10"
752  data-shs="true"
753  data-shs-beacon="true"
754  data-shs-export-with-fetch="true"
755  data-shs-logs-sample-rate="1"
756  data-shs-beacon-endpoint="https://helpmedevvon.com/api/collect"
757></script>
757
758<meta name="shopify-y" content="64d5c17b-6ddc-49c1-93bf-4ae7f8fe7caa" data-expiration="1822833954000"><meta name="shopify-s" content="4fec6acb-acb2-47f1-a231-b1552d0b45fb" data-expiration="1791278154000"><meta name="new-cookie-storage-activated" content="t">
759</head>
760
761  <body class="gradient">
762    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
763      Skip to content
764    </a><!-- BEGIN sections: header-group -->
765<div id="shopify-section-sections--21593915261141__hmd_header_pAFdiK" class="shopify-section shopify-section-group-header-group">
766
767<style>
768  :root {
769    --hmd-bg: #0a0a0a;
770    --hmd-surface: #111111;
771    --hmd-border: #1e1e1e;
772    --hmd-text: #ffffff;
773    --hmd-muted: #666666;
774    --hmd-red: #E8232A;
775    --hmd-red-hover: #c41e24;
776    --hmd-font: 'Helvetica Neue', Helvetica, Arial, sans-serif;
777  }
778
779  * { box-sizing: border-box; margin: 0; padding: 0; }
780
781  /* Ensure no Shopify section creates a stacking context above header */
782  .shopify-section:not(:first-child) {
783    isolation: auto;
784    z-index: auto;
785  }
786  shopify-section { position: relative; z-index: 1; }
787
788  /* Header wrapper */
789  .hmd-header {
790    position: relative;
791    z-index: 99999;
792    background: var(--hmd-bg);
793    font-family: var(--hmd-font);
794  }
795
796  /* ── Announcement Bar ── */
797  .hmd-announce {
798    background: var(--hmd-red);
799    text-align: center;
800    padding: 8px 16px;
801    font-size: 11px;
802    font-weight: 600;
803    letter-spacing: 0.12em;
804    text-transform: uppercase;
805    color: #fff;
806    position: relative;
807    z-index: 99999;
808  }
809  .hmd-announce a {
810    color: #fff;
811    text-decoration: underline;
812    margin-left: 8px;
813  }
814
815  /* ── Countdown Timer (inside announcement bar) ── */
816  .hmd-announce-inner {
817    display: flex;
818    align-items: center;
819    justify-content: center;
820    gap: 14px;
821    flex-wrap: wrap;
822  }
823  .hmd-countdown {
824    display: inline-flex;
825    align-items: center;
826    gap: 6px;
827  }
828  .hmd-countdown-label {
829    font-size: 11px;
830    font-weight: 600;
831    letter-spacing: 0.12em;
832    text-transform: uppercase;
833    opacity: 0.9;
834  }
835  .hmd-countdown-segments {
836    display: inline-flex;
837    align-items: center;
838    gap: 4px;
839  }
840  .hmd-cd-seg {
841    display: inline-flex;
842    flex-direction: column;
843    align-items: center;
844    background: rgba(0,0,0,0.28);
845    border-radius: 3px;
846    padding: 2px 5px;
847    min-width: 30px;
848    line-height: 1;
849  }
850  .hmd-cd-num {
851    font-size: 13px;
852    font-weight: 800;
853    font-variant-numeric: tabular-nums;
854    letter-spacing: 0.02em;
855  }
856  .hmd-cd-unit {
857    font-size: 7px;
858    font-weight: 600;
859    letter-spacing: 0.1em;
860    text-transform: uppercase;
861    opacity: 0.7;
862    margin-top: 1px;
863  }
864  .hmd-cd-colon {
865    font-size: 13px;
866    font-weight: 800;
867    opacity: 0.55;
868    margin: 0 1px;
869    align-self: flex-start;
870    padding-top: 2px;
871  }
872  /* Inline (compact) variant — single line like 2d 14:08:55 */
873  .hmd-countdown.is-inline .hmd-countdown-segments { gap: 0; }
874  .hmd-countdown.is-inline .hmd-cd-seg {
875    flex-direction: row;
876    background: none;
877    padding: 0;
878    min-width: 0;
879    gap: 1px;
880  }
881  .hmd-countdown.is-inline .hmd-cd-num {
882    font-size: 12px;
883    font-variant-numeric: tabular-nums;
884  }
885  .hmd-countdown.is-inline .hmd-cd-unit {
886    font-size: 11px;
887    opacity: 0.85;
888    margin-top: 0;
889    text-transform: lowercase;
890  }
891  .hmd-countdown.is-inline .hmd-cd-colon { padding-top: 0; align-self: center; }
892
893  /* Hidden until JS confirms it should show (prevents flash of stale/expired timer) */
894  .hmd-countdown[hidden] { display: none; }
895
896  /* ── Notify button (announcement bar) ── */
897  .hmd-notify-btn {
898    display: inline-flex;
899    align-items: center;
900    gap: 6px;
901    background: #fff;
902    border: none;
903    border-radius: 4px;
904    padding: 4px 12px;
905    cursor: pointer;
906    font-family: var(--hmd-font);
907    color: var(--hmd-red);
908    font-size: 11px;
909    font-weight: 800;
910    letter-spacing: 0.1em;
911    text-transform: uppercase;
912    line-height: 1;
913    text-decoration: none;
914    margin-left: 0;
915    transition: transform 0.15s ease, box-shadow 0.15s ease;
916  }
917  .hmd-announce a.hmd-notify-btn,
918  .hmd-announce a.hmd-notify-btn:hover,
919  .hmd-announce a.hmd-notify-btn span {
920    color: var(--hmd-red);
921    text-decoration: none;
922  }
923  .hmd-notify-btn svg { color: var(--hmd-red); }
924  .hmd-notify-btn:hover {
925    transform: translateY(-1px);
926    box-shadow: 0 4px 14px rgba(0,0,0,0.3);
927  }
928  .hmd-notify-btn-icon { width: 13px; height: 13px; }
929
930  /* ── Click-to-Copy Discount Code ── */
931  .hmd-code {
932    display: inline-flex;
933    align-items: center;
934    gap: 7px;
935    background: rgba(0,0,0,0.25);
936    border: 1px dashed rgba(255,255,255,0.55);
937    border-radius: 4px;
938    padding: 3px 9px;
939    cursor: pointer;
940    font-family: var(--hmd-font);
941    color: #fff;
942    line-height: 1;
943    position: relative;
944    transition: background 0.15s ease, border-color 0.15s ease;
945  }
946  .hmd-code:hover {
947    background: rgba(0,0,0,0.4);
948    border-color: #fff;
949  }
950  .hmd-code-label {
951    font-size: 10px;
952    font-weight: 600;
953    letter-spacing: 0.1em;
954    text-transform: uppercase;
955    opacity: 0.85;
956  }
957  .hmd-code-value {
958    font-size: 12px;
959    font-weight: 800;
960    letter-spacing: 0.08em;
961    text-transform: uppercase;
962  }
963  .hmd-code-icon {
964    width: 13px;
965    height: 13px;
966    opacity: 0.7;
967    flex-shrink: 0;
968  }
969  .hmd-code:hover .hmd-code-icon { opacity: 1; }
970  .hmd-code-copied {
971    position: absolute;
972    inset: 0;
973    display: flex;
974    align-items: center;
975    justify-content: center;
976    background: #1a8a3a;
977    border-radius: 3px;
978    font-size: 11px;
979    font-weight: 700;
980    letter-spacing: 0.08em;
981    text-transform: uppercase;
982    opacity: 0;
983    pointer-events: none;
984    transition: opacity 0.15s ease;
985  }
986  .hmd-code.is-copied .hmd-code-copied { opacity: 1; }
987
988  @media (max-width: 600px) {
989    .hmd-code-label { display: none; }
990    .hmd-code { padding: 3px 8px; }
991  }
992
993  @media (max-width: 600px) {
994    .hmd-announce-inner { gap: 6px 12px; }
995    .hmd-countdown-label { font-size: 10px; }
996  }
997
998  /* ── Main Nav Row ── */
999  .hmd-nav-inner {
1000    display: flex;
1001    align-items: center;
1002    justify-content: space-between;
1003    padding: 0 32px;
1004    height: 58px;
1005    max-width: 1400px;
1006    margin: 0 auto;
1007    position: relative;
1008    z-index: 99999;
1009  }
1010
1011  /* Sticky nav bar — pinned via JS (position:fixed) once the promo scrolls past.
1012     Done in JS instead of position:sticky because Shopify's section wrappers
1013     trap a CSS sticky inside a too-short containing block. */
1014  .hmd-nav-bar {
1015    position: relative;
1016    z-index: 99999;
1017    background: var(--hmd-bg);
1018    border-bottom: 1px solid var(--hmd-border);
1019  }
1020  .hmd-nav-bar.is-pinned {
1021    position: fixed;
1022    top: 0;
1023    left: 0;
1024    right: 0;
1025    box-shadow: 0 4px 20px rgba(0,0,0,0.5);
1026    animation: hmdNavDrop 0.25s ease;
1027  }
1028  @keyframes hmdNavDrop {
1029    from { transform: translateY(-100%); }
1030    to { transform: translateY(0); }
1031  }
1032  /* Placeholder keeps page from jumping when nav becomes fixed */
1033  .hmd-nav-spacer { display: none; }
1034  .hmd-nav-spacer.is-active { display: block; }
1035
1036  /* Logo */
1037  .hmd-logo img {
1038    height: 26px;
1039    width: auto;
1040    display: block;
1041  }
1042  .hmd-logo-text {
1043    font-size: 20px;
1044    font-weight: 900;
1045    font-style: italic;
1046    color: #fff;
1047    letter-spacing: -1px;
1048    text-decoration: none;
1049  }
1050  .hmd-logo-text span { color: var(--hmd-red); }
1051
1052  /* Nav Links */
1053  .hmd-nav-links {
1054    display: flex;
1055    align-items: stretch;
1056    gap: 0;
1057    height: 58px;
1058    list-style: none;
1059    flex: 1;
1060    justify-content: center;
1061  }
1062
1063  .hmd-nav-links > li {
1064    position: relative;
1065    display: flex;
1066    align-items: center;
1067  }
1068
1069  .hmd-nav-links > li > a,
1070  .hmd-nav-links > li > button {
1071    display: flex;
1072    align-items: center;
1073    gap: 3px;
1074    padding: 0 11px;
1075    font-size: 10px;
1076    font-weight: 700;
1077    letter-spacing: 0.1em;
1078    text-transform: uppercase;
1079    color: var(--hmd-muted);
1080    text-decoration: none;
1081    background: none;
1082    border: none;
1083    cursor: pointer;
1084    height: 58px;
1085    white-space: nowrap;
1086    transition: color 0.15s ease;
1087    font-family: var(--hmd-font);
1088  }
1089
1090  .hmd-nav-links > li > a:hover,
1091  .hmd-nav-links > li > button:hover,
1092  .hmd-nav-links > li:hover > a,
1093  .hmd-nav-links > li:hover > button {
1094    color: #fff;
1095  }
1096
1097  /* Bypass — special highlight */
1098  .hmd-nav-links > li.bypass-item > a {
1099    color: #fff;
1100    border-left: 1px solid var(--hmd-border);
1101    border-right: 1px solid var(--hmd-border);
1102    position: relative;
1103  }
1104  .hmd-nav-links > li.bypass-item > a::before {
1105    content: '';
1106    display: inline-block;
1107    width: 7px;
1108    height: 7px;
1109    border-radius: 50%;
1110    background: var(--hmd-red);
1111    margin-right: 8px;
1112    flex-shrink: 0;
1113    animation: bypassPulse 2s infinite;
1114  }
1115  @keyframes bypassPulse {
1116    0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(232,35,42,0.4); }
1117    50% { opacity: 0.85; box-shadow: 0 0 0 4px rgba(232,35,42,0); }
1118  }
1119
1120  /* Dropdown chevron */
1121  .hmd-chevron {
1122    width: 10px;
1123    height: 10px;
1124    opacity: 0.4;
1125    transition: transform 0.2s ease;
1126  }
1127  .hmd-nav-links > li:hover .hmd-chevron {
1128    transform: rotate(180deg);
1129    opacity: 0.8;
1130  }
1131
1132  /* ── Dropdown Menus ── */
1133  .hmd-dropdown {
1134    display: none;
1135    position: absolute;
1136    top: calc(100% + 1px);
1137    left: 0;
1138    background: #0d0d0d;
1139    border: 1px solid var(--hmd-border);
1140    border-top: 2px solid var(--hmd-red);
1141    min-width: 220px;
1142    z-index: 9999;
1143    padding: 6px 0;
1144    box-shadow: 0 16px 40px rgba(0,0,0,0.6), 0 4px 12px rgba(0,0,0,0.4);
1145  }
1146
1147  .hmd-nav-links > li { position: relative; }
1148
1149  .hmd-nav-links > li:hover .hmd-dropdown {
1150    display: block;
1151  }
1152
1153  .hmd-dropdown a {
1154    display: flex;
1155    align-items: center;
1156    justify-content: space-between;
1157    padding: 10px 18px;
1158    font-size: 11px;
1159    font-weight: 600;
1160    letter-spacing: 0.1em;
1161    text-transform: uppercase;
1162    color: #666;
1163    text-decoration: none;
1164    transition: all 0.12s ease;
1165    white-space: nowrap;
1166  }
1167
1168  .hmd-dropdown a:hover {
1169    color: #fff;
1170    background: #161616;
1171    padding-left: 22px;
1172  }
1173
1174  .hmd-dropdown .drop-badge {
1175    font-size: 9px;
1176    background: var(--hmd-red);
1177    color: #fff;
1178    padding: 2px 6px;
1179    font-weight: 700;
1180    letter-spacing: 0.1em;
1181  }
1182
1183  .hmd-dropdown .drop-divider {
1184    height: 1px;
1185    background: #1a1a1a;
1186    margin: 5px 0;
1187  }
1188
1189  /* Support dropdown — right-aligned */
1190  .support-item .hmd-dropdown {
1191    left: auto;
1192    right: 0;
1193  }
1194
1195  /* ── Right Side Actions ── */
1196  .hmd-nav-actions {
1197    display: flex;
1198    align-items: center;
1199    gap: 4px;
1200    flex-shrink: 0;
1201  }
1202
1203  .hmd-icon-btn {
1204    display: flex;
1205    align-items: center;
1206    justify-content: center;
1207    width: 32px;
1208    height: 32px;
1209    background: none;
1210    border: none;
1211    cursor: pointer;
1212    color: var(--hmd-muted);
1213    transition: color 0.15s ease;
1214    text-decoration: none;
1215  }
1216  .hmd-icon-btn:hover { color: #fff; }
1217  .hmd-icon-btn svg { width: 17px; height: 17px; }
1218
1219  .hmd-cart-btn { position: relative; }
1220  .hmd-cart-count {
1221    position: absolute;
1222    top: 2px;
1223    right: 2px;
1224    background: var(--hmd-red);
1225    color: #fff;
1226    font-size: 9px;
1227    font-weight: 700;
1228    width: 14px;
1229    height: 14px;
1230    border-radius: 50%;
1231    display: flex;
1232    align-items: center;
1233    justify-content: center;
1234    font-family: var(--hmd-font);
1235  }
1236
1237  /* ── Free Trial Badge ── */
1238  .trial-badge {
1239    font-size: 9px;
1240    background: transparent;
1241    color: var(--hmd-red);
1242    border: 1px solid var(--hmd-red);
1243    padding: 1px 5px;
1244    border-radius: 2px;
1245    font-weight: 700;
1246    letter-spacing: 0.1em;
1247  }
1248
1249  /* ── Mobile Toggle ── */
1250  .hmd-mobile-toggle {
1251    display: none;
1252    background: none;
1253    border: none;
1254    cursor: pointer;
1255    color: #fff;
1256    padding: 8px;
1257  }
1258
1259  /* ── Mobile Menu ── */
1260  .hmd-mobile-menu {
1261    display: none;
1262    background: var(--hmd-surface);
1263    border-top: 1px solid var(--hmd-border);
1264    padding: 16px 0 24px;
1265  }
1266
1267  .hmd-mobile-menu a {
1268    display: block;
1269    padding: 12px 40px;
1270    font-size: 12px;
1271    font-weight: 600;
1272    letter-spacing: 0.1em;
1273    text-transform: uppercase;
1274    color: #888;
1275    text-decoration: none;
1276    border-bottom: 1px solid var(--hmd-border);
1277  }
1278  .hmd-mobile-menu a:hover { color: #fff; background: #1a1a1a; }
1279  .hmd-mobile-menu .mobile-section-label {
1280    display: block;
1281    padding: 16px 40px 6px;
1282    font-size: 9px;
1283    font-weight: 700;
1284    letter-spacing: 0.2em;
1285    text-transform: uppercase;
1286    color: var(--hmd-red);
1287  }
1288
1289  /* ── Responsive ── */
1290  @media (max-width: 1024px) {
1291    .hmd-nav-links { display: none; }
1292    .hmd-mobile-toggle { display: flex; }
1293    .hmd-nav-inner { padding: 0 20px; }
1294  }
1295
1296  @media (max-width: 1024px) {
1297    .hmd-mobile-menu.is-open { display: block; }
1298  }
1299</style>
1300
1301<header class="hmd-header" id="hmd-header">
1302
1303  
1304  <div class="hmd-announce">
1305    <div class="hmd-announce-inner">
1306      <span class="hmd-announce-text">
1307        GET THE GREENLIGHT METER
1308        
1309          <a href="/products/greenlight-meter"></a>
1310        
1311      </span>
1312
1313      
1314        <span class="hmd-countdown"
1315              id="hmd-countdown"
1316              data-end="2026-09-07 00:00"
1317              data-tz="-04:00"
1318              data-show-days="true"
1319              data-expired-text=""
1320              hidden>
1321          
1322          <span class="hmd-countdown-segments" aria-live="off"></span>
1323        </span>
1324      
1325
1326      
1327
1328      
1329        <a href="/products/greenlight-meter" class="hmd-notify-btn" id="hmd-notify-open">
1330          <span>CLICK HERE</span>
1331          <svg class="hmd-notify-btn-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
1332            <path d="M5 12h14M13 6l6 6-6 6"/>
1333          </svg>
1334        </a>
1335      
1336    </div>
1337  </div>
1338  
1339
1340  <div class="hmd-nav-bar">
1341  <div class="hmd-nav-inner">
1342
1343    <!-- Logo -->
1344    <a href="/" class="hmd-logo" aria-label="Help Me Devvon Home">
1345      
1346        <img src="//helpmedevvon.com/cdn/shop/files/Help-Me-Devvon-Lettermark-Bright-White-Rgb-1080px-w-72ppi_c2bca11d-f5e7-4c04-9a41-314736b7636a.png?v=1777258108&width=200"
1347             alt="Help Me Devvon"
1348             width="120"
1349             height="28">
1350      
1351    </a>
1352
1353    <!-- Desktop Nav — reads from Shopify navigation menus -->
1354    <ul class="hmd-nav-links" role="list">
1355
1356      
1357      
1358
1359        
1360          
1361          <li class="">
1362            
1363              <button aria-haspopup="true">
1364                Audio Plugins
1365                <svg class="hmd-chevron" viewBox="0 0 10 6" fill="none"><path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
1366              </button>
1367              <div class="hmd-dropdown">
1368                
1369                  
1370                    <a href="/collections/plugins-1">All Plugins</a>
1371                  
1372                
1373                  
1374                    <a href="/products/greenlight-meter">Greenlight Meter</a>
1375                  
1376                
1377                  
1378                    <a href="/products/100-pound-plugin">100 Pound Plugin</a>
1379                  
1380                
1381                  
1382                    <a href="/products/2-track-surgeon">2-Track Surgeon</a>
1383                  
1384                
1385                  
1386                    <a href="/products/hmd-black-vortex-1">Black Vortex</a>
1387                  
1388                
1389                  
1390                    <a href="/products/uncompressor">Uncompressor</a>
1391                  
1392                
1393                  
1394                    <a href="/products/hmd-rosetta-compressor">Rosetta Compressor</a>
1395                  
1396                
1397                  
1398                    <a href="/products/hmd-rosetta-eq">Rosetta EQ</a>
1399                  
1400                
1401              </div>
1402            
1403          </li>
1404
1405        
1406      
1407
1408        
1409          
1410          <li class="">
1411            
1412              <button aria-haspopup="true">
1413                Bundles
1414                <svg class="hmd-chevron" viewBox="0 0 10 6" fill="none"><path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
1415              </button>
1416              <div class="hmd-dropdown">
1417                
1418                  
1419                    <a href="/collections/bundles">Bundles</a>
1420                  
1421                
1422              </div>
1423            
1424          </li>
1425
1426        
1427      
1428
1429        
1430          
1431          <li class="">
1432            
1433              <button aria-haspopup="true">
1434                Templates
1435                <svg class="hmd-chevron" viewBox="0 0 10 6" fill="none"><path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
1436              </button>
1437              <div class="hmd-dropdown">
1438                
1439                  
1440                    <a href="/collections/templates">All Templates</a>
1441                  
1442                
1443                  
1444                    <a href="/collections/pro-tools-templates">Pro Tools</a>
1445                  
1446                
1447                  
1448                    <a href="/collections/fl-studio-templates">FL Studio</a>
1449                  
1450                
1451                  
1452                    <a href="/collections/logic-templates">Logic</a>
1453                  
1454                
1455                  
1456                    <a href="/collections/abelton-templates">Ableton</a>
1457                  
1458                
1459                  
1460                    <a href="/collections/studio-one-templates">Studio One</a>
1461                  
1462                
1463                  
1464                    <a href="/collections/cubase-templates">Cubase</a>
1465                  
1466                
1467              </div>
1468            
1469          </li>
1470
1471        
1472      
1473
1474        
1475          
1476          <li class="">
1477            
1478              <button aria-haspopup="true">
1479                Presets
1480                <svg class="hmd-chevron" viewBox="0 0 10 6" fill="none"><path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
1481              </button>
1482              <div class="hmd-dropdown">
1483                
1484                  
1485                    <a href="/collections/presets">All Presets</a>
1486                  
1487                
1488                  
1489                    <a href="/collections/presets">Waves Plugins</a>
1490                  
1491                
1492                  
1493                    <a href="/collections/presets">FabFilter Presets</a>
1494                  
1495                
1496                  
1497                    <a href="/collections/studiorack-presets">Studiorack Presets</a>
1498                  
1499                
1500              </div>
1501            
1502          </li>
1503
1504        
1505      
1506
1507        
1508          <li class="">
1509            <a href="/pages/free-trials">FREE TRIALS</a>
1510          </li>
1511
1512        
1513      
1514
1515        
1516          
1517          <li class="">
1518            
1519              <button aria-haspopup="true">
1520                Course
1521                <svg class="hmd-chevron" viewBox="0 0 10 6" fill="none"><path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
1522              </button>
1523              <div class="hmd-dropdown">
1524                
1525                  
1526                    <a href="/products/building-an-independent-audio-plugin-company">Build Your Audio Plugin Company</a>
1527                  
1528                
1529              </div>
1530            
1531          </li>
1532
1533        
1534      
1535
1536        
1537          
1538          <li class="">
1539            
1540              <button aria-haspopup="true">
1541                Apps
1542                <svg class="hmd-chevron" viewBox="0 0 10 6" fill="none"><path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
1543              </button>
1544              <div class="hmd-dropdown">
1545                
1546                  
1547                    <a href="/products/bypass">Bypass</a>
1548                  
1549                
1550                  
1551                    <a href="/products/hmd-reference">HMD Reference</a>
1552                  
1553                
1554              </div>
1555            
1556          </li>
1557
1558        
1559      
1560
1561        
1562          
1563          <li class="support-item">
1564            
1565              <button aria-haspopup="true">
1566                Support
1567                <svg class="hmd-chevron" viewBox="0 0 10 6" fill="none"><path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
1568              </button>
1569              <div class="hmd-dropdown">
1570                
1571                  
1572                    <a href="/pages/license-recovery">License Key Recovery</a>
1573                  
1574                
1575                  
1576                    <a href="https://help-me-devvon-chat-bot.zapier.app">Ai Chat Support</a>
1577                  
1578                
1579                  
1580                    <a href="/pages/frequency-smash">Frequency Smash Game</a>
1581                  
1582                
1583                  
1584                    <a href="/pages/faq">FAQ</a>
1585                  
1586                
1587              </div>
1588            
1589          </li>
1590
1591        
1592      
1593
1594      
1595      
1596
1597    </ul>
1598
1599    <!-- Right Actions -->
1600    <div class="hmd-nav-actions">
1601
1602      <!-- Search -->
1603      <a href="/search" class="hmd-icon-btn" aria-label="Search">
1604        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round">
1605          <circle cx="11" cy="11" r="7"/>
1606          <path d="M21 21l-4.35-4.35"/>
1607        </svg>
1608      </a>
1609
1610      <!-- Account -->
1611      <a href="/pages/my-account" class="hmd-icon-btn" aria-label="Account">
1612        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round">
1613          <circle cx="12" cy="8" r="4"/>
1614          <path d="M4 20c0-4 3.6-7 8-7s8 3 8 7"/>
1615        </svg>
1616      </a>
1617
1618      <!-- Cart -->
1619      <a href="/cart" class="hmd-icon-btn hmd-cart-btn" aria-label="Cart">
1620        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round">
1621          <path d="M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z"/>
1622          <line x1="3" y1="6" x2="21" y2="6"/>
1623          <path d="M16 10a4 4 0 01-8 0"/>
1624        </svg>
1625        
1626      </a>
1627
1628<!-- Mobile Toggle -->
1629      <button class="hmd-mobile-toggle" id="hmd-mobile-toggle" aria-label="Open menu">
1630        <svg width="22" height="22" viewBox="0 0 22 22" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round">
1631          <line x1="2" y1="6" x2="20" y2="6"/>
1632          <line x1="2" y1="11" x2="20" y2="11"/>
1633          <line x1="2" y1="16" x2="20" y2="16"/>
1634        </svg>
1635      </button>
1636
1637    </div>
1638  </div>
1639  </div>
1640  <div class="hmd-nav-spacer" id="hmd-nav-spacer"></div>
1641
1642  <!-- Mobile Menu -->
1643  <nav class="hmd-mobile-menu" id="hmd-mobile-menu" aria-label="Mobile navigation">
1644    <span class="mobile-section-label">Products</span>
1645    <a href="/collections/plugins-1">Audio Plugins</a>
1646    <a href="/collections/bundles">Bundles</a>
1647    <a href="/collections/templates">Recording Templates</a>
1648    <a href="/collections/presets">Preset Packs</a>
1649    <a href="/products/bypass">Bypass App</a>
1650    <a href="/pages/free-trials">Free Trials</a>
1651    <span class="mobile-section-label">Learn</span>
1652    <a href="/collections/courses">Course</a>
1653    <span class="mobile-section-label">Support</span>
1654    <a href="/pages/license-recovery">License Recovery</a>
1655    <a href="/pages/ai-help">AI Help Chat</a>
1656    <a href="/pages/faq">FAQ</a>
1657    <a href="/pages/contact">Contact</a>
1658  </nav>
1659
1660</header>
1661
1662<script>
1663  (function() {
1664    var toggle = document.getElementById('hmd-mobile-toggle');
1665    var menu = document.getElementById('hmd-mobile-menu');
1666    if (toggle && menu) {
1667      toggle.addEventListener('click', function() {
1668        menu.classList.toggle('is-open');
1669      });
1670    }
1671  })();
1672
1673  // ── Sticky Nav (JS-driven) ──
1674  // Promo bar scrolls away; nav pins to top once scrolled past it.
1675  (function() {
1676    var navBar = document.querySelector('.hmd-nav-bar');
1677    var spacer = document.getElementById('hmd-nav-spacer');
1678    if (!navBar || !spacer) return;
1679
1680    var triggerY = 0;     // scroll position at which the nav should pin
1681    var navHeight = 0;
1682    var pinned = false;
1683
1684    function measure() {
1685      // Distance from top of document to the top of the nav bar.
1686      // While unpinned the nav sits right below the promo bar.
1687      var wasPinned = pinned;
1688      if (wasPinned) unpin(); // measure in natural position
1689      var rect = navBar.getBoundingClientRect();
1690      triggerY = rect.top + window.pageYOffset;
1691      navHeight = rect.height;
1692      if (wasPinned) pin();
1693    }
1694
1695    function pin() {
1696      if (pinned) return;
1697      pinned = true;
1698      spacer.style.height = navHeight + 'px';
1699      spacer.classList.add('is-active');
1700      navBar.classList.add('is-pinned');
1701    }
1702    function unpin() {
1703      if (!pinned) return;
1704      pinned = false;
1705      navBar.classList.remove('is-pinned');
1706      spacer.classList.remove('is-active');
1707      spacer.style.height = '';
1708    }
1709
1710    function onScroll() {
1711      var y = window.pageYOffset;
1712      if (!pinned && y >= triggerY) {
1713        pin();
1714      } else if (pinned && y < triggerY) {
1715        unpin();
1716      }
1717    }
1718
1719    measure();
1720    onScroll();
1721    window.addEventListener('scroll', onScroll, { passive: true });
1722    window.addEventListener('resize', function() {
1723      measure();
1724      onScroll();
1725    });
1726    // Re-measure after fonts/images settle
1727    window.addEventListener('load', function() { measure(); onScroll(); });
1728  })();
1729
1730  // ── Countdown Timer ──
1731  (function() {
1732    var el = document.getElementById('hmd-countdown');
1733    if (!el) return;
1734
1735    var segments = el.querySelector('.hmd-countdown-segments');
1736    var endRaw = (el.getAttribute('data-end') || '').trim();
1737    var tz = (el.getAttribute('data-tz') || '').trim();
1738    var showDays = el.getAttribute('data-show-days') !== 'false';
1739    var expiredText = el.getAttribute('data-expired-text') || '';
1740    if (!endRaw || !segments) return;
1741
1742    // Accept "2026-06-15T18:00" or "2026-06-15 18:00". Append timezone offset if provided.
1743    var iso = endRaw.replace(' ', 'T');
1744    if (tz && /^[+-]\d{2}:?\d{2}$/.test(tz)) {
1745      iso += tz.indexOf(':') === -1 ? tz.slice(0, 3) + ':' + tz.slice(3) : tz;
1746    }
1747    var end = new Date(iso).getTime();
1748    if (isNaN(end)) {
1749      console.warn('[HMD countdown] Could not parse end date:', endRaw, '(tz:', tz + ')', '-> tried:', iso);
1750      return; // bad date — leave hidden
1751    }
1752
1753    function pad(n) { return n < 10 ? '0' + n : '' + n; }
1754
1755    function seg(num, unit) {
1756      return '<span class="hmd-cd-seg"><span class="hmd-cd-num">' + num +
1757             '</span><span class="hmd-cd-unit">' + unit + '</span></span>';
1758    }
1759    var colon = '<span class="hmd-cd-colon">:</span>';
1760    var timer = null;
1761
1762    function render() {
1763      var diff = end - Date.now();
1764
1765      if (diff <= 0) {
1766        if (timer) clearInterval(timer);
1767        if (expiredText) {
1768          el.classList.remove('is-inline');
1769          el.innerHTML = '<span class="hmd-countdown-label">' + expiredText + '</span>';
1770          el.removeAttribute('hidden');
1771        } else {
1772          el.setAttribute('hidden', '');
1773        }
1774        return;
1775      }
1776
1777      var s = Math.floor(diff / 1000);
1778      var days = Math.floor(s / 86400); s -= days * 86400;
1779      var hrs = Math.floor(s / 3600);  s -= hrs * 3600;
1780      var mins = Math.floor(s / 60);   s -= mins * 60;
1781      var secs = s;
1782
1783      var html = '';
1784      if (showDays && days > 0) {
1785        html += seg(days, 'days');
1786        html += seg(pad(hrs), 'hrs') + colon + seg(pad(mins), 'min') + colon + seg(pad(secs), 'sec');
1787      } else {
1788        // roll remaining days into hours if days are hidden
1789        var totalHrs = showDays ? hrs : (days * 24 + hrs);
1790        html += seg(pad(totalHrs), 'hrs') + colon + seg(pad(mins), 'min') + colon + seg(pad(secs), 'sec');
1791      }
1792      segments.innerHTML = html;
1793      el.removeAttribute('hidden');
1794    }
1795
1796    render();
1797    timer = setInterval(render, 1000);
1798  })();
1799
1800  // ── Click-to-Copy Discount Code ──
1801  (function() {
1802    var btn = document.getElementById('hmd-code');
1803    if (!btn) return;
1804    var code = btn.getAttribute('data-code') || '';
1805    if (!code) return;
1806    var resetTimer = null;
1807
1808    function flash() {
1809      btn.classList.add('is-copied');
1810      if (resetTimer) clearTimeout(resetTimer);
1811      resetTimer = setTimeout(function() {
1812        btn.classList.remove('is-copied');
1813      }, 1600);
1814    }
1815
1816    btn.addEventListener('click', function() {
1817      if (navigator.clipboard && navigator.clipboard.writeText) {
1818        navigator.clipboard.writeText(code).then(flash).catch(fallbackCopy);
1819      } else {
1820        fallbackCopy();
1821      }
1822    });
1823
1824    function fallbackCopy() {
1825      try {
1826        var ta = document.createElement('textarea');
1827        ta.value = code;
1828        ta.style.position = 'fixed';
1829        ta.style.opacity = '0';
1830        document.body.appendChild(ta);
1831        ta.select();
1832        document.execCommand('copy');
1833        document.body.removeChild(ta);
1834        flash();
1835      } catch (e) {
1836        // last resort: do nothing visible, code is still shown on screen
1837      }
1838    }
1839  })();
1840
1841</script>
1841
1842
1843
1844</div>
1845<!-- END sections: header-group -->
1846
1847    <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
1848      <div id="shopify-section-template--21593914769621__hmd_hero_XRQNDV" class="shopify-section">
1849
1850<style>
1851  .hmd-hero {
1852    position: relative;
1853    background: #0a0a0a;
1854    min-height: 92vh;
1855    display: flex;
1856    flex-direction: column;
1857    justify-content: center;
1858    overflow: hidden;
1859    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
1860  }
1861
1862  /* ══════════════════════════════════════════════════════════════
1863     BACKGROUND — the studio plate
1864
1865     The background image is now a full-strength photographic plate,
1866     not a faded texture. Legibility comes from the gradient stack in
1867     ::after, not from dimming the picture, so the room keeps its
1868     depth and the red rim light survives.
1869
1870     The plate is framed at 72% horizontally so the plinth in the
1871     render lands under the right-hand column, where the plugin art
1872     sits on top of it.
1873     ══════════════════════════════════════════════════════════════ */
1874  .hmd-hero__bg {
1875    position: absolute;
1876    inset: 0;
1877    z-index: 0;
1878    background: #0a0a0a;
1879  }
1880  .hmd-hero__bg img {
1881    width: 100%;
1882    height: 100%;
1883    object-fit: cover;
1884    object-position: 72% 52%;
1885    opacity: 1;
1886    /* A touch of contrast so the render doesn't go muddy behind the
1887       gradients that are about to sit on top of it. */
1888    filter: contrast(1.06) saturate(1.05);
1889  }
1890  /* Legibility ramp: solid behind the headline, open over the plinth,
1891     then a soft vignette back down at the right edge. */
1892  .hmd-hero__bg::after {
1893    content: '';
1894    position: absolute;
1895    inset: 0;
1896    background:
1897      linear-gradient(100deg,
1898        #0a0a0a 0%,
1899        rgba(10, 10, 10, 0.96) 26%,
1900        rgba(10, 10, 10, 0.72) 42%,
1901        rgba(10, 10, 10, 0.30) 60%,
1902        rgba(10, 10, 10, 0.18) 82%,
1903        rgba(10, 10, 10, 0.55) 100%);
1904  }
1905  /* Ambient red bloom on the right, plus a fade into whatever section
1906     follows so the hero doesn't end on a hard photographic edge. */
1907  .hmd-hero__bg::before {
1908    content: '';
1909    position: absolute;
1910    inset: 0;
1911    z-index: 1;
1912    background:
1913      radial-gradient(58% 46% at 76% 46%, rgba(232, 35, 42, 0.14), transparent 68%),
1914      linear-gradient(to bottom, #0a0a0a 0%, transparent 14%, transparent 78%, rgba(10, 10, 10, 0.85) 100%);
1915  }
1916
1917  /* ══════════════════════════════════════════════════════════════
1918     ANIMATED MESH
1919
1920     The alternative to the photographic plate: a field of audio
1921     traces drawn to a canvas, receding to a horizon. It is drawn,
1922     not filmed — a few KB of code instead of a multi-megabyte video,
1923     sharp at any resolution, and retunable in seconds.
1924
1925     The canvas sits inside .hmd-hero__bg, so it inherits the same
1926     legibility ramp the photo gets. The ramp is lighter here: the
1927     mesh is meant to be visible behind the headline, just quietly.
1928     ══════════════════════════════════════════════════════════════ */
1929  .hmd-hero__mesh {
1930    position: absolute;
1931    inset: 0;
1932    width: 100%;
1933    height: 100%;
1934    display: block;
1935  }
1936
1937  .hmd-hero--bg-mesh .hmd-hero__bg::after {
1938    background:
1939      linear-gradient(100deg,
1940        rgba(10, 10, 10, 0.94) 0%,
1941        rgba(10, 10, 10, 0.80) 30%,
1942        rgba(10, 10, 10, 0.34) 52%,
1943        rgba(10, 10, 10, 0.06) 74%,
1944        rgba(10, 10, 10, 0.30) 100%);
1945  }
1946  /* No photo to fade out of, so this is bloom and edge falloff only. */
1947  .hmd-hero--bg-mesh .hmd-hero__bg::before {
1948    background:
1949      radial-gradient(56% 44% at 72% 52%, rgba(232, 35, 42, 0.13), transparent 70%),
1950      linear-gradient(to bottom, #0a0a0a 0%, transparent 11%, transparent 84%, #0a0a0a 100%);
1951  }
1952  /* The mesh draws its own grid. */
1953  .hmd-hero--bg-mesh .hmd-hero__grid { display: none; }
1954
1955  /* Noise texture overlay */
1956  .hmd-hero__noise {
1957    position: absolute;
1958    inset: 0;
1959    z-index: 1;
1960    opacity: 0.022;
1961    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
1962    background-size: 200px;
1963  }
1964
1965  /* Grid lines — the studio plate carries its own perspective floor,
1966     so this only draws over the dark left third, and faintly. It
1967     disappears entirely once the plate takes over. */
1968  .hmd-hero__grid {
1969    position: absolute;
1970    inset: 0;
1971    z-index: 1;
1972    background-image:
1973      linear-gradient(rgba(255,255,255,0.018) 1px, transparent 1px),
1974      linear-gradient(90deg, rgba(255,255,255,0.018) 1px, transparent 1px);
1975    background-size: 80px 80px;
1976    -webkit-mask-image: linear-gradient(100deg, #000 0%, rgba(0,0,0,0.5) 26%, transparent 46%);
1977    mask-image: linear-gradient(100deg, #000 0%, rgba(0,0,0,0.5) 26%, transparent 46%);
1978  }
1979
1980  /* Red accent line — left edge. Fades out top and bottom so it reads
1981     as a light source rather than a border. */
1982  .hmd-hero__redline {
1983    position: absolute;
1984    left: 0;
1985    top: 0;
1986    bottom: 0;
1987    width: 3px;
1988    background: linear-gradient(to bottom, transparent, #E8232A 22%, #E8232A 78%, transparent);
1989    z-index: 3;
1990  }
1991
1992  /* Main content */
1993  .hmd-hero__inner {
1994    position: relative;
1995    z-index: 4;
1996    max-width: 1400px;
1997    margin: 0 auto;
1998    padding: 0 80px;
1999    width: 100%;
2000    display: grid;
2001    /* Proportional, not a fixed 420px. A fixed track meant the artwork
2002       column stayed the same size no matter how wide the screen got,
2003       so every pixel of extra width turned into dead space on the
2004       right instead of a bigger product shot. */
2005    grid-template-columns: minmax(0, 1fr) 44%;
2006    gap: 60px;
2007    align-items: center;
2008  }
2009
2010  /* Left — text */
2011  .hmd-hero__left {}
2012
2013  .hmd-hero__eyebrow {
2014    display: flex;
2015    align-items: center;
2016    gap: 12px;
2017    margin-bottom: 24px;
2018  }
2019  .hmd-hero__eyebrow-line {
2020    width: 32px;
2021    height: 2px;
2022    background: #E8232A;
2023    flex-shrink: 0;
2024  }
2025  .hmd-hero__eyebrow-text {
2026    font-size: 11px;
2027    font-weight: 700;
2028    letter-spacing: 0.2em;
2029    text-transform: uppercase;
2030    color: #E8232A;
2031  }
2032
2033  .hmd-hero__title {
2034    font-size: clamp(48px, 6vw, 80px);
2035    font-weight: 900;
2036    line-height: 0.95;
2037    letter-spacing: -3px;
2038    margin-bottom: 24px;
2039    color: #ffffff;
2040  }
2041  .hmd-hero__title em {
2042    font-style: normal;
2043    color: #E8232A;
2044    display: block;
2045  }
2046
2047  .hmd-hero__sub {
2048    font-size: 16px;
2049    color: #999;
2050    line-height: 1.75;
2051    max-width: 480px;
2052    margin-bottom: 40px;
2053    font-weight: 400;
2054  }
2055
2056  /* CTA buttons */
2057  .hmd-hero__actions {
2058    display: flex;
2059    gap: 12px;
2060    align-items: center;
2061    flex-wrap: wrap;
2062    margin-bottom: 56px;
2063  }
2064
2065  .hmd-btn-primary {
2066    background: #E8232A;
2067    color: #fff;
2068    font-size: 12px;
2069    font-weight: 700;
2070    letter-spacing: 0.12em;
2071    text-transform: uppercase;
2072    padding: 16px 32px;
2073    border: none;
2074    cursor: pointer;
2075    text-decoration: none;
2076    display: inline-flex;
2077    align-items: center;
2078    gap: 8px;
2079    transition: background 0.15s ease, transform 0.1s ease;
2080    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
2081  }
2082  .hmd-btn-primary:hover {
2083    background: #c41e24;
2084    color: #fff;
2085    transform: translateY(-1px);
2086  }
2087  .hmd-btn-primary svg {
2088    width: 14px;
2089    height: 14px;
2090  }
2091
2092  .hmd-btn-ghost {
2093    background: transparent;
2094    color: #fff;
2095    font-size: 12px;
2096    font-weight: 600;
2097    letter-spacing: 0.12em;
2098    text-transform: uppercase;
2099    padding: 15px 32px;
2100    border: 1px solid #2a2a2a;
2101    cursor: pointer;
2102    text-decoration: none;
2103    display: inline-flex;
2104    align-items: center;
2105    gap: 8px;
2106    transition: border-color 0.15s ease, transform 0.1s ease;
2107    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
2108  }
2109  .hmd-btn-ghost:hover {
2110    border-color: #555;
2111    color: #fff;
2112    transform: translateY(-1px);
2113  }
2114
2115  /* Trust indicators */
2116  .hmd-hero__trust {
2117    display: flex;
2118    align-items: center;
2119    gap: 32px;
2120    padding-top: 32px;
2121    border-top: 1px solid #1a1a1a;
2122  }
2123  .hmd-trust-item {
2124    display: flex;
2125    flex-direction: column;
2126    gap: 3px;
2127  }
2128  .hmd-trust-num {
2129    font-size: 20px;
2130    font-weight: 900;
2131    color: #fff;
2132    letter-spacing: -0.5px;
2133    line-height: 1;
2134  }
2135  .hmd-trust-label {
2136    font-size: 10px;
2137    color: #888;
2138    text-transform: uppercase;
2139    letter-spacing: 0.12em;
2140    font-weight: 500;
2141  }
2142  .hmd-trust-divider {
2143    width: 1px;
2144    height: 32px;
2145    background: #1e1e1e;
2146  }
2147
2148  /* Right — featured product card */
2149  .hmd-hero__right {}
2150
2151  .hmd-hero__card {
2152    background: #111;
2153    border: 1px solid #1e1e1e;
2154    border-top: 2px solid #E8232A;
2155    padding: 32px;
2156    position: relative;
2157  }
2158
2159  .hmd-hero__card-label {
2160    font-size: 9px;
2161    font-weight: 700;
2162    letter-spacing: 0.2em;
2163    text-transform: uppercase;
2164    color: #E8232A;
2165    margin-bottom: 20px;
2166    display: flex;
2167    align-items: center;
2168    gap: 8px;
2169  }
2170  .hmd-hero__card-label::after {
2171    content: '';
2172    flex: 1;
2173    height: 1px;
2174    background: #1e1e1e;
2175  }
2176
2177  .hmd-hero__card-img {
2178    width: 100%;
2179    height: auto;
2180    object-fit: contain;
2181    background: #151515;
2182    display: block;
2183    background: #1a1a1a;
2184    margin-bottom: 20px;
2185    display: block;
2186  }
2187  .hmd-hero__card-img-placeholder {
2188    width: 100%;
2189    aspect-ratio: 16/9;
2190    background: #151515;
2191    border: 1px solid #1e1e1e;
2192    margin-bottom: 20px;
2193    display: flex;
2194    align-items: center;
2195    justify-content: center;
2196  }
2197  .hmd-hero__card-img-placeholder span {
2198    font-size: 10px;
2199    color: #777;
2200    letter-spacing: 0.15em;
2201    text-transform: uppercase;
2202  }
2203
2204  .hmd-hero__card-name {
2205    font-size: 18px;
2206    font-weight: 800;
2207    color: #fff;
2208    letter-spacing: -0.5px;
2209    margin-bottom: 6px;
2210    line-height: 1.2;
2211  }
2212  .hmd-hero__card-desc {
2213    font-size: 12px;
2214    color: #999;
2215    line-height: 1.6;
2216    margin-bottom: 20px;
2217  }
2218
2219  .hmd-hero__card-bottom {
2220    display: flex;
2221    align-items: center;
2222    justify-content: space-between;
2223    padding-top: 16px;
2224    border-top: 1px solid #1a1a1a;
2225  }
2226  .hmd-hero__card-price {
2227    font-size: 24px;
2228    font-weight: 900;
2229    color: #fff;
2230    letter-spacing: -1px;
2231  }
2232  .hmd-hero__card-price-note {
2233    font-size: 10px;
2234    color: #888;
2235    font-weight: 400;
2236    display: block;
2237    margin-top: 2px;
2238    letter-spacing: 0.06em;
2239    text-transform: uppercase;
2240  }
2241
2242  .hmd-hero__card-trial {
2243    display: flex;
2244    flex-direction: column;
2245    align-items: flex-end;
2246    gap: 6px;
2247  }
2248  .hmd-trial-badge {
2249    font-size: 9px;
2250    font-weight: 700;
2251    letter-spacing: 0.15em;
2252    text-transform: uppercase;
2253    color: #E8232A;
2254    border: 1px solid #E8232A;
2255    padding: 3px 8px;
2256  }
2257
2258  /* Scroll indicator */
2259  .hmd-hero__scroll {
2260    position: absolute;
2261    bottom: 32px;
2262    left: 80px;
2263    z-index: 4;
2264    display: flex;
2265    align-items: center;
2266    gap: 12px;
2267  }
2268  .hmd-hero__scroll-line {
2269    width: 40px;
2270    height: 1px;
2271    background: #2a2a2a;
2272  }
2273  .hmd-hero__scroll-text {
2274    font-size: 10px;
2275    color: #777;
2276    letter-spacing: 0.2em;
2277    text-transform: uppercase;
2278    font-weight: 500;
2279  }
2280
2281  /* Responsive */
2282  @media (max-width: 1024px) {
2283    .hmd-hero__inner {
2284      grid-template-columns: 1fr;
2285      padding: 40px 40px;
2286      gap: 40px;
2287    }
2288    .hmd-hero { min-height: auto; padding: 20px 0 60px; }
2289    .hmd-hero__right { max-width: 480px; }
2290    .hmd-hero__scroll { left: 40px; }
2291  }
2292
2293  @media (max-width: 640px) {
2294    .hmd-hero__inner { padding: 24px 24px; }
2295    .hmd-hero__title { letter-spacing: -2px; }
2296    .hmd-hero__actions { flex-direction: column; align-items: flex-start; }
2297    .hmd-btn-primary, .hmd-btn-ghost { width: 100%; justify-content: center; }
2298    .hmd-hero__trust { gap: 20px; flex-wrap: wrap; }
2299    .hmd-hero__scroll { display: none; }
2300  }
2301
2302  /* ══════════════════════════════════════════════════════════════
2303     HERO v3 — the hero IS the offer
2304
2305     The tagline still opens the page, but the deal is part of the
2306     hero composition rather than a band bolted underneath it:
2307     eyebrow → tagline → DEAL (label, clock, price, button) → nav
2308     buttons → stats, with the image holding the right column.
2309
2310     `display: contents` on .hmd-hero__left promotes its children
2311     into this grid so the deal can sit between the tagline and the
2312     buttons — without moving a line of the original markup.
2313
2314     Everything here overrides the rules above rather than editing
2315     them, so the untouched CSS stays provably untouched.
2316     ══════════════════════════════════════════════════════════════ */
2317
2318  .hmd-hero {
2319    min-height: auto;
2320    display: block;
2321    padding: 0;
2322  }
2323  .hmd-hero__inner {
2324    display: grid;
2325    grid-template-columns: minmax(0, 1fr) 520px;
2326    gap: 0 64px;
2327    align-items: start;
2328    padding: 48px 80px 44px;
2329  }
2330  .hmd-hero__left { display: contents; }
2331  .hmd-hero__eyebrow,
2332  .hmd-hero__title,
2333  .hmd-hero__sub,
2334  .hmd-hero__deal,
2335  .hmd-hero__actions,
2336  .hmd-hero__trust { grid-column: 1; }
2337  /* Auto-placement follows `order`, not source order — and the offer is a
2338     sibling that comes AFTER the buttons in the markup. Without these it lands
2339     at the bottom of the column. One scale drives both the desktop grid and
2340     the phone flex column. */
2341  .hmd-hero__eyebrow { order: 1; }
2342  .hmd-hero__title   { order: 2; }
2343  .hmd-hero__sub     { order: 3; }
2344  .hmd-hero__right   { order: 4; }
2345  .hmd-hero__deal    { order: 5; }
2346  .hmd-hero__actions { order: 6; }
2347  .hmd-hero__trust   { order: 7; }
2348  /* Row-gap MUST stay 0: the image spans a generous row range so it can
2349     centre against however many rows the left column ends up with, and any
2350     row-gap would be multiplied by every empty implicit row. */
2351  .hmd-hero__right {
2352    grid-column: 2;
2353    grid-row: 1 / span 20;
2354    align-self: center;
2355  }
2356
2357  .hmd-hero__scroll { display: none; }
2358  .hmd-hero__title { margin-top: 0; font-size: clamp(36px, 4.2vw, 60px); margin-bottom: 16px; }
2359  .hmd-hero__sub { margin-top: 0; margin-bottom: 28px; }
2360  .hmd-hero__actions { margin-bottom: 0; padding-top: 22px; }
2361  .hmd-hero__trust { margin-top: 26px; }
2362
2363  /* ══════════════════════════════════════════════════════════════
2364     THE IMAGE — frameless, standing on the plinth
2365
2366     The artwork used to sit in a bordered card. It no longer does:
2367     the studio plate already supplies a surface for it to stand on,
2368     and a border around a transparent PNG reads as a screenshot
2369     rather than a product. Depth now comes from two drop-shadows
2370     and the red under-glow beneath it.
2371
2372     .hmd-hero__art is still the element every other rule in this
2373     file targets, so nothing downstream had to move.
2374     ══════════════════════════════════════════════════════════════ */
2375  .hmd-hero__art {
2376    position: relative;
2377    width: 100%;
2378    aspect-ratio: 4 / 3;
2379    background: transparent;
2380    border: 0;
2381    box-shadow: none;
2382    overflow: visible;
2383    /* Parallax offsets, written by the script at the foot of this
2384       file. They stay at zero until a pointer moves over the hero. */
2385    --hmd-hero-px: 0px;
2386    --hmd-hero-py: 0px;
2387  }
2388
2389  /* The glow the artwork casts down onto the plinth. Sits behind the
2390     image, in the transparent gap between the lowest plugin window
2391     and the surface below it. */
2392  .hmd-hero__art::before {
2393    content: '';
2394    position: absolute;
2395    left: 6%;
2396    right: 6%;
2397    bottom: -3%;
2398    height: 30%;
2399    z-index: 0;
2400    pointer-events: none;
2401    background: radial-gradient(50% 50% at 50% 55%, rgba(232, 35, 42, 0.38), rgba(232, 35, 42, 0.12) 44%, transparent 74%);
2402    filter: blur(18px);
2403  }
2404
2405  /* Desktop only: let the artwork breathe a little past its column so
2406     it reads as an object in the room rather than a panel in a grid.
2407     The overhang stays inside the column gap.
2408
2409     Both caps matter. Without the width cap the artwork grows with the
2410     column and starts to dwarf the headline on a wide screen; without
2411     the height cap it overruns a short hero and floats away from the
2412     surface underneath it. `object-fit: contain` absorbs whichever cap
2413     bites first. */
2414  @media (min-width: 1025px) {
2415    .hmd-hero__art {
2416      width: min(118%, 760px);
2417      margin-left: -6%;
2418      max-height: min(70vh, 620px);
2419    }
2420  }
2421
2422  /* Parallax rides on the `translate` property and the drift rides on
2423     `transform`. They are separate properties, so the two compose
2424     instead of one clobbering the other — which is what lets the
2425     parallax keep its easing while the drift loops underneath it. */
2426  .hmd-hero__art img {
2427    position: relative;
2428    z-index: 1;
2429    width: 100%;
2430    height: 100%;
2431    display: block;
2432    translate: var(--hmd-hero-px) var(--hmd-hero-py);
2433    transition: translate 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
2434    will-change: translate, transform;
2435    filter:
2436      drop-shadow(0 28px 34px rgba(0, 0, 0, 0.72))
2437      drop-shadow(0 6px 10px rgba(0, 0, 0, 0.55))
2438      drop-shadow(0 2px 2px rgba(205, 117, 131, 0.22));
2439  }
2440  .hmd-hero__art--cover img { object-fit: cover; object-position: center; }
2441  .hmd-hero__art--contain img { object-fit: contain; padding: 0; }
2442
2443  /* The slow drift. Small enough that you notice it only if you look
2444     for it — no pulse, no blink, no loop on any colour. */
2445  @media (prefers-reduced-motion: no-preference) {
2446    .hmd-hero__art img { animation: hmd-hero-drift 11s ease-in-out infinite alternate; }
2447  }
2448  @keyframes hmd-hero-drift {
2449    from { transform: translateY(-5px); }
2450    to   { transform: translateY(5px); }
2451  }
2452
2453  /* The empty state keeps its frame — there's nothing to float yet. */
2454  .hmd-hero__art.is-empty {
2455    display: flex; align-items: center; justify-content: center;
2456    background: #0d0d0d;
2457    border: 1px solid #1e1e1e;
2458    border-top: 2px solid #E8232A;
2459  }
2460  .hmd-hero__art.is-empty::before { display: none; }
2461  .hmd-hero__art.is-empty span {
2462    font-size: 10px; font-weight: 700; letter-spacing: 0.18em;
2463    text-transform: uppercase; color: #666;
2464  }
2465
2466  /* ══════════════════════════════════════════════════════════════
2467     THE OFFER — the centre of gravity of the page
2468     Motion policy holds: ticking seconds only. Nothing pulses,
2469     blinks or glows on a loop.
2470     ══════════════════════════════════════════════════════════════ */
2471
2472  .hmd-hero__deal {
2473    margin-top: 4px;
2474    border-top: 1px solid #1e1e1e;
2475    padding-top: 18px;
2476    transition: border-color 0.3s ease;
2477  }
2478
2479  .hmd-offer__head {
2480    display: flex;
2481    align-items: center;
2482    gap: 12px;
2483    flex-wrap: wrap;
2484    margin-bottom: 12px;
2485  }
2486  .hmd-offer__label {
2487    font-size: 11px;
2488    font-weight: 900;
2489    letter-spacing: 0.24em;
2490    text-transform: uppercase;
2491    color: #E8232A;
2492    display: inline-flex;
2493    align-items: center;
2494    gap: 10px;
2495  }
2496  .hmd-offer__label::before {
2497    content: '';
2498    width: 24px;
2499    height: 2px;
2500    background: #E8232A;
2501    flex-shrink: 0;
2502  }
2503  .hmd-offer__alert {
2504    display: none;
2505    font-size: 9px;
2506    font-weight: 900;
2507    letter-spacing: 0.2em;
2508    text-transform: uppercase;
2509    color: #fff;
2510    background: #E8232A;
2511    padding: 4px 9px;
2512  }
2513  .hmd-offer__ends {
2514    font-size: 9px;
2515    font-weight: 700;
2516    letter-spacing: 0.16em;
2517    text-transform: uppercase;
2518    color: #666;
2519    margin-left: auto;
2520  }
2521
2522  .hmd-offer__name {
2523    font-size: clamp(20px, 1.9vw, 26px);
2524    font-weight: 900;
2525    color: #fff;
2526    letter-spacing: -0.7px;
2527    line-height: 1.15;
2528    margin-bottom: 14px;
2529  }
2530  .hmd-offer__name em {
2531    display: block;
2532    font-style: normal;
2533    font-size: 13px;
2534    font-weight: 500;
2535    color: #999;
2536    letter-spacing: 0;
2537    line-height: 1.5;
2538    margin-top: 6px;
2539  }
2540
2541  /* ── The clock. The biggest thing on the page after the tagline. ── */
2542  .hmd-offer__clock {
2543    display: flex;
2544    align-items: flex-start;
2545    gap: 4px;
2546    background: linear-gradient(180deg, rgba(232, 35, 42, 0.10) 0%, #000 72%);
2547    border: 1px solid rgba(232, 35, 42, 0.42);
2548    border-top: 2px solid #E8232A;
2549    padding: 14px 18px 12px;
2550    margin-bottom: 18px;
2551    transition: border-color 0.3s ease, background 0.3s ease;
2552  }
2553  .hmd-offer__cd-u {
2554    display: inline-flex;
2555    flex-direction: column;
2556    align-items: center;
2557    flex: 1 1 0;
2558    min-width: 0;
2559  }
2560  .hmd-offer__cd-u b {
2561    font-size: clamp(44px, 5.4vw, 84px);
2562    font-weight: 900;
2563    line-height: 0.85;
2564    color: #ff4d52;
2565    text-shadow: 0 0 22px rgba(255, 60, 66, 0.65), 0 0 62px rgba(255, 60, 66, 0.28);
2566    letter-spacing: -3.5px;
2567    font-variant-numeric: tabular-nums;
2568    transition: color 0.3s ease;
2569  }
2570  .hmd-offer__cd-u i {
2571    font-size: 8px;
2572    font-style: normal;
2573    font-weight: 900;
2574    letter-spacing: 0.2em;
2575    text-transform: uppercase;
2576    color: #E8232A;
2577    margin-top: 11px;
2578  }
2579  .hmd-offer__cd-sep {
2580    font-size: clamp(28px, 3.4vw, 50px);
2581    font-weight: 900;
2582    color: rgba(232, 35, 42, 0.5);
2583    line-height: 1;
2584    flex: 0 0 auto;
2585    transition: color 0.3s ease;
2586  }
2587  /* Once it reads 00 the days box goes and the rest grow — the final day is
2588     when this matters most, and three big digits beat four with a dead one. */
2589  .hmd-offer__clock.is-noday .hmd-offer__cd-u--d,
2590  .hmd-offer__clock.is-noday .hmd-offer__cd-sep--d { display: none; }
2591  .hmd-offer__clock.is-noday .hmd-offer__cd-u b { font-size: clamp(52px, 7vw, 104px); }
2592
2593  .hmd-offer__rollover {
2594    display: none;
2595    width: 100%;
2596    text-align: center;
2597    font-size: 13px;
2598    font-weight: 900;
2599    letter-spacing: 0.2em;
2600    text-transform: uppercase;
2601    color: #E8232A;
2602    padding: 20px 0;
2603  }
2604  .hmd-offer__clock.is-over .hmd-offer__cd-u,
2605  .hmd-offer__clock.is-over .hmd-offer__cd-sep { display: none; }
2606  .hmd-offer__clock.is-over .hmd-offer__rollover { display: block; }
2607
2608  /* ── Price + the primary action ── */
2609  .hmd-offer__buy {
2610    display: flex;
2611    align-items: center;
2612    gap: 16px;
2613    flex-wrap: wrap;
2614  }
2615  .hmd-offer__price { display: inline-flex; flex-direction: column; gap: 5px; }
2616  .hmd-offer__pay {
2617    font-size: 40px;
2618    font-weight: 900;
2619    color: #fff;
2620    letter-spacing: -1.8px;
2621    line-height: 1;
2622    font-variant-numeric: tabular-nums;
2623  }
2624  .hmd-offer__was {
2625    font-size: 10px;
2626    font-style: normal;
2627    font-weight: 700;
2628    letter-spacing: 0.1em;
2629    text-transform: uppercase;
2630    color: #888;
2631  }
2632  .hmd-offer__was s { color: #666; font-variant-numeric: tabular-nums; }
2633  .hmd-offer__save {
2634    font-size: 11px;
2635    font-weight: 900;
2636    letter-spacing: 0.12em;
2637    text-transform: uppercase;
2638    color: #fff;
2639    background: #E8232A;
2640    padding: 7px 11px;
2641    white-space: nowrap;
2642    font-variant-numeric: tabular-nums;
2643  }
2644  .hmd-offer__btn {
2645    background: #E8232A;
2646    color: #fff;
2647    font-size: 13px;
2648    font-weight: 900;
2649    letter-spacing: 0.12em;
2650    text-transform: uppercase;
2651    padding: 19px 32px;
2652    border: none;
2653    cursor: pointer;
2654    text-decoration: none;
2655    display: inline-flex;
2656    align-items: center;
2657    justify-content: center;
2658    gap: 9px;
2659    white-space: nowrap;
2660    box-shadow: 0 6px 26px rgba(232, 35, 42, 0.35);
2661    transition: background 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease;
2662    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
2663  }
2664  .hmd-offer__btn:hover {
2665    background: #c41e24;
2666    color: #fff;
2667    transform: translateY(-2px);
2668    box-shadow: 0 10px 34px rgba(232, 35, 42, 0.55);
2669  }
2670  .hmd-offer__btn svg { width: 15px; height: 15px; flex-shrink: 0; }
2671
2672  /* ── What's in it ── */
2673  .hmd-offer__chips {
2674    display: flex;
2675    flex-wrap: wrap;
2676    gap: 7px;
2677    margin-top: 18px;
2678  }
2679  .hmd-offer__chip {
2680    display: inline-flex;
2681    align-items: baseline;
2682    gap: 7px;
2683    border: 1px solid #232323;
2684    background: #121212;
2685    padding: 6px 10px;
2686  }
2687  .hmd-offer__chip b { font-size: 11px; font-weight: 700; color: #ddd; }
2688  .hmd-offer__chip s { font-size: 10px; color: #6e6e6e; font-variant-numeric: tabular-nums; }
2689  .hmd-offer__chip--more {
2690    border-style: dashed;
2691    border-color: #2a2a2a;
2692    background: transparent;
2693    font-size: 10px;
2694    font-weight: 800;
2695    letter-spacing: 0.1em;
2696    text-transform: uppercase;
2697    color: #888;
2698    padding: 7px 10px;
2699  }
2700
2701  /* ── The final window: the takeover ── */
2702  .hmd-offer.is-critical { border-top-color: rgba(232, 35, 42, 0.5); }
2703  .hmd-offer.is-critical .hmd-offer__alert { display: inline-block; }
2704  .hmd-offer.is-critical .hmd-offer__ends { color: #c98d90; }
2705  .hmd-offer.is-critical .hmd-offer__clock {
2706    border-color: #E8232A;
2707    background: linear-gradient(180deg, rgba(232, 35, 42, 0.26) 0%, #000 80%);
2708    box-shadow: inset 0 0 60px rgba(232, 35, 42, 0.18);
2709  }
2710  .hmd-offer.is-critical .hmd-offer__cd-u b {
2711    color: #ff6b6b;
2712    text-shadow: 0 0 36px rgba(255, 74, 74, 1), 0 0 96px rgba(255, 74, 74, 0.55);
2713  }
2714  .hmd-offer.is-critical .hmd-offer__cd-sep { color: rgba(232, 35, 42, 0.9); }
2715  .hmd-offer.is-critical .hmd-offer__cd-u i { color: #ff8f8f; }
2716  .hmd-offer.is-critical .hmd-offer__save { box-shadow: 0 0 24px rgba(232, 35, 42, 0.5); }
2717  .hmd-offer.is-critical .hmd-offer__btn { box-shadow: 0 6px 34px rgba(232, 35, 42, 0.6); }
2718
2719  /* ── The band below: only ever the fallback card + editor notes n
2719ow ── */
2720  .hmd-hero__band { position: relative; z-index: 4; }
2721  .hmd-hero__band-card { max-width: 460px; margin: 0 auto; padding: 0 24px 48px; }
2722
2723  /* ── Theme-editor diagnostics ── */
2724  .hmd-dw-diag {
2725    max-width: 1400px;
2726    margin: 0 auto;
2727    border: 1px solid #1e1e1e;
2728    border-left: 3px solid #3b82f6;
2729    background: #0d0d0d;
2730    padding: 14px 16px;
2731    font-size: 11px;
2732    line-height: 1.65;
2733    color: #999;
2734    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
2735  }
2736  .hmd-dw-diag + .hmd-dw-diag { margin-top: 10px; }
2737  .hmd-dw-diag h4 {
2738    font-size: 9px; font-weight: 800; letter-spacing: 0.16em;
2739    text-transform: uppercase; color: #3b82f6; margin: 0 0 8px;
2740  }
2741  .hmd-dw-diag b { color: #fff; font-weight: 700; }
2742  .hmd-dw-diag--warn { border-left-color: #E8232A; }
2743  .hmd-dw-diag--warn h4 { color: #E8232A; }
2744  .hmd-hero__diag { padding: 0 80px 36px; }
2745
2746  /* ══════════════════════════════════════════════════════════════
2747     STICKY DOCK
2748     Urgency before the first scroll, for the widths where even this
2749     hero cannot fit the whole offer above the fold.
2750
2751     Corner clearance: a full-width fixed bar collides with whatever
2752     is anchored to the bottom corners — the QUESTIONS? chat bubble
2753     on the right, a discount ribbon on the left. --dock-gap-l /
2754     --dock-gap-r push the CONTENT inward rather than fighting over
2755     z-index.
2756     ══════════════════════════════════════════════════════════════ */
2757
2758  .hmd-dock {
2759    position: fixed;
2760    left: 0;
2761    right: 0;
2762    z-index: 9998;
2763    background: rgba(8, 8, 8, 0.97);
2764    backdrop-filter: blur(14px);
2765    -webkit-backdrop-filter: blur(14px);
2766    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease;
2767  }
2768  .hmd-dock--bottom {
2769    bottom: 0;
2770    border-top: 2px solid #E8232A;
2771    transform: translateY(110%);
2772    box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.7);
2773    padding-bottom: env(safe-area-inset-bottom, 0px);
2774  }
2775  .hmd-dock--top {
2776    top: 0;
2777    border-bottom: 2px solid #E8232A;
2778    transform: translateY(-110%);
2779    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.7);
2780  }
2781  .hmd-dock.is-visible { transform: translateY(0); }
2782
2783  .hmd-dock__inner {
2784    max-width: 1400px;
2785    margin: 0 auto;
2786    padding: 11px calc(40px + min(var(--dock-gap-r, 0px), 22vw))
2787             11px calc(40px + min(var(--dock-gap-l, 0px), 22vw));
2788    display: flex;
2789    align-items: center;
2790    gap: 26px;
2791  }
2792  .hmd-dock__lead { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
2793  .hmd-dock__label {
2794    font-size: 9px; font-weight: 900; letter-spacing: 0.2em;
2795    text-transform: uppercase; color: #E8232A;
2796  }
2797  .hmd-dock__name {
2798    font-size: 15px; font-weight: 800; color: #fff; letter-spacing: -0.3px;
2799    line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
2800  }
2801  .hmd-dock__clock { display: flex; align-items: flex-start; gap: 3px; margin-left: auto; }
2802  .hmd-dock__cd-u {
2803    display: inline-flex; flex-direction: column; align-items: center; min-width: 34px;
2804  }
2805  .hmd-dock__cd-u b {
2806    font-size: 34px; font-weight: 900; line-height: 0.9; color: #ff4d52;
2807    text-shadow: 0 0 16px rgba(255, 60, 66, 0.6);
2808    letter-spacing: -1.6px; font-variant-numeric: tabular-nums;
2809    transition: color 0.3s ease, text-shadow 0.3s ease;
2810  }
2811  .hmd-dock__cd-u i {
2812    font-size: 7px; font-style: normal; font-weight: 900; letter-spacing: 0.16em;
2813    text-transform: uppercase; color: #E8232A; margin-top: 6px;
2814  }
2815  .hmd-dock__cd-sep {
2816    font-size: 22px; font-weight: 900; color: rgba(232, 35, 42, 0.5); line-height: 1.1;
2817    transition: color 0.3s ease;
2818  }
2819  .hmd-dock__clock.is-noday .hmd-dock__cd-u--d,
2820  .hmd-dock__clock.is-noday .hmd-dock__cd-sep--d { display: none; }
2821  .hmd-dock__clock.is-noday .hmd-dock__cd-u b { font-size: 40px; }
2822  .hmd-dock__rollover {
2823    display: none; font-size: 11px; font-weight: 900; letter-spacing: 0.16em;
2824    text-transform: uppercase; color: #E8232A; align-self: center;
2825  }
2826  .hmd-dock__clock.is-over .hmd-dock__cd-u,
2827  .hmd-dock__clock.is-over .hmd-dock__cd-sep { display: none; }
2828  .hmd-dock__clock.is-over .hmd-dock__rollover { display: inline; }
2829
2830  .hmd-dock__buy { display: flex; align-items: center; gap: 14px; margin-left: auto; }
2831  .hmd-dock__price {
2832    font-size: 22px; font-weight: 900; color: #fff; letter-spacing: -1px;
2833    font-variant-numeric: tabular-nums;
2834  }
2835  .hmd-dock__save {
2836    font-size: 10px; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase;
2837    color: #fff; background: #E8232A; padding: 5px 9px; white-space: nowrap;
2838    font-variant-numeric: tabular-nums;
2839  }
2840  .hmd-dock__btn {
2841    background: #E8232A; color: #fff; font-size: 12px; font-weight: 900;
2842    letter-spacing: 0.1em; text-transform: uppercase; padding: 15px 26px;
2843    border: none; cursor: pointer; text-decoration: none;
2844    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
2845    white-space: nowrap; box-shadow: 0 4px 22px rgba(232, 35, 42, 0.45);
2846    transition: background 0.15s ease, transform 0.1s ease;
2847    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
2848  }
2849  .hmd-dock__btn:hover { background: #c41e24; color: #fff; transform: translateY(-2px); }
2850  .hmd-dock__btn svg { width: 14px; height: 14px; flex-shrink: 0; }
2851
2852  .hmd-dock.is-critical { border-color: #E8232A; }
2853  .hmd-dock.is-critical .hmd-dock__cd-u b {
2854    color: #ff6b6b; text-shadow: 0 0 26px rgba(255, 74, 74, 1), 0 0 60px rgba(255, 74, 74, 0.45);
2855  }
2856  .hmd-dock.is-critical .hmd-dock__cd-sep { color: rgba(232, 35, 42, 0.9); }
2857  .hmd-dock--bottom.is-critical { box-shadow: 0 -12px 44px rgba(232, 35, 42, 0.3); }
2858  .hmd-dock--top.is-critical { box-shadow: 0 12px 44px rgba(232, 35, 42, 0.3); }
2859
2860  /* ══════════════════════════════════════════════════════════════
2861     Responsive. Phone order: tagline → image → deal → nav → stats,
2862     with a setting to swap the image and the deal.
2863     ══════════════════════════════════════════════════════════════ */
2864
2865  @media (max-width: 1240px) {
2866    .hmd-hero__inner { grid-template-columns: minmax(0, 1fr) 44%; gap: 0 40px; padding: 40px 40px 36px; }
2867    .hmd-hero__diag { padding: 0 40px 32px; }
2868    .hmd-offer__pay { font-size: 34px; }
2869    .hmd-offer__btn { padding: 17px 24px; }
2870  }
2871
2872  @media (max-width: 1024px) {
2873    .hmd-hero__inner {
2874      display: flex;
2875      flex-direction: column;
2876      gap: 0;
2877      min-height: 0;
2878      align-items: stretch;
2879    }
2880    .hmd-hero__right { max-width: 100%; margin-bottom: 30px; }
2881    .hmd-hero__art { aspect-ratio: 16 / 10; }
2882    .hmd-offer__btn { margin-left: 0; flex: 1 1 200px; }
2883
2884    /* Stacked layout: the copy now runs the full width, so the plate
2885       has to darken top-to-bottom instead of left-to-right, and it
2886       re-frames onto the plinth rather than the left-hand void. */
2887    .hmd-hero__bg img { object-position: 66% 62%; }
2888    .hmd-hero__bg::after {
2889      background:
2890        linear-gradient(to bottom,
2891          rgba(10, 10, 10, 0.94) 0%,
2892          rgba(10, 10, 10, 0.86) 38%,
2893          rgba(10, 10, 10, 0.62) 70%,
2894          rgba(10, 10, 10, 0.80) 100%);
2895    }
2896    .hmd-hero__bg::before {
2897      background:
2898        radial-gradient(70% 40% at 50% 60%, rgba(232, 35, 42, 0.13), transparent 70%),
2899        linear-gradient(to bottom, #0a0a0a 0%, transparent 12%, transparent 82%, #0a0a0a 100%);
2900    }
2901    .hmd-hero__grid { display: none; }
2902
2903    /* The mesh needs the same stacked-layout treatment, and its own
2904       rules out-specify the ones just above, so they are restated. */
2905    .hmd-hero--bg-mesh .hmd-hero__bg::after {
2906      background:
2907        linear-gradient(to bottom,
2908          rgba(10, 10, 10, 0.90) 0%,
2909          rgba(10, 10, 10, 0.80) 40%,
2910          rgba(10, 10, 10, 0.52) 72%,
2911          rgba(10, 10, 10, 0.74) 100%);
2912    }
2913    .hmd-hero--bg-mesh .hmd-hero__bg::before {
2914      background:
2915        radial-gradient(70% 40% at 50% 62%, rgba(232, 35, 42, 0.12), transparent 72%),
2916        linear-gradient(to bottom, #0a0a0a 0%, transparent 10%, transparent 86%, #0a0a0a 100%);
2917    }
2918  }
2919
2920  @media (max-width: 900px) {
2921    /* Both corners are reserved on the INNER, so the countdown is held
2922       clear of them too — reserving on the buy row alone let the clock
2923       run under the chat bubble. */
2924    .hmd-dock__inner {
2925      flex-wrap: wrap;
2926      gap: 10px 16px;
2927      padding: 10px calc(18px + min(var(--dock-gap-r, 0px), 26vw))
2928               12px calc(18px + min(var(--dock-gap-l, 0px), 26vw));
2929    }
2930    .hmd-dock__lead { flex: 1 1 auto; }
2931    .hmd-dock__name { font-size: 13px; }
2932    .hmd-dock__clock { margin-left: 0; }
2933    .hmd-dock__cd-u b { font-size: 26px; }
2934    .hmd-dock__cd-u { min-width: 30px; }
2935    /* flex-wrap is the safety net: if the reserved corner leaves too little
2936       room, the button drops to its own line instead of running off-screen. */
2937    .hmd-dock__buy { width: 100%; margin-left: 0; flex-wrap: wrap; }
2938    .hmd-dock__btn { flex: 1 1 150px; min-width: 0; padding: 14px 16px; }
2939  }
2940
2941  @media (max-width: 700px) {
2942    .hmd-hero__trust { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
2943    .hmd-trust-divider { display: none; }
2944  }
2945
2946  @media (max-width: 640px) {
2947    .hmd-hero__inner { padding: 28px 24px 30px; }
2948    .hmd-hero__diag { padding: 0 24px 28px; }
2949    .hmd-hero__band-card { padding: 0 24px 40px; }
2950    .hmd-hero__art { aspect-ratio: 4 / 3; }
2951    .hmd-hero__art--contain img { padding: 0; }
2952    .hmd-offer__clock { padding: 14px 10px 11px; gap: 2px; }
2953    .hmd-offer__cd-u b { font-size: clamp(40px, 14vw, 66px); letter-spacing: -2px; }
2954    .hmd-offer__clock.is-noday .hmd-offer__cd-u b { font-size: clamp(46px, 19vw, 82px); }
2955    .hmd-offer__cd-sep { font-size: clamp(22px, 7vw, 34px); }
2956    .hmd-offer__cd-u i { font-size: 7px; letter-spacing: 0.12em; margin-top: 9px; }
2957    .hmd-offer__buy { gap: 12px; }
2958    .hmd-offer__btn { width: 100%; flex: 1 1 100%; }
2959    .hmd-offer__ends { margin-left: 0; width: 100%; }
2960    /* Two rows only on the dock — the name and the plain price go first. */
2961    .hmd-dock__name { display: none; }
2962    .hmd-dock__price { display: none; }
2963
2964    /* ── Corner widgets on a phone ────────────────────────────────
2965       Reserving horizontal space stops working at this width. Two
2966       ~100px corners out of 375px leaves about 140px of usable bar —
2967       not enough for a countdown AND a readable button side by side.
2968
2969       So the two rows swap instead. `column-reverse` puts the button
2970       on top, out of the corners entirely and full width, and drops
2971       the countdown to the bottom row, where it is narrow enough to
2972       sit centred between the ribbon and the chat bubble. The bar
2973       stays the height it was; nothing gets covered.
2974
2975       --dock-band adds extra breathing room under the countdown if a
2976       widget is taller than the ones this was measured against.
2977       ───────────────────────────────────────────────────────────── */
2978    .hmd-dock__lead { display: none; }
2979    .hmd-dock__inner {
2980      flex-direction: column-reverse;
2981      align-items: stretch;
2982      gap: 10px;
2983      padding: 10px 16px calc(12px + var(--dock-band, 56px)) 16px;
2984    }
2985    /* Centred, and trimmed so it fits the corridor between the two
2986       corner widgets rather than running into them. */
2987    .hmd-dock__clock {
2988      margin: 0 auto;
2989      max-width: min(100%, 190px);
2990    }
2991    /* Leftmost item in the button row, which puts it straight under a
2992       bottom-left ribbon. The saving is already stated in the hero. */
2993    .hmd-dock__save { display: none; }
2994    .hmd-dock__cd-u { min-width: 26px; }
2995    .hmd-dock__cd-u b { font-size: 23px; }
2996    .hmd-dock__cd-sep { font-size: 15px; }
2997    /* Stepped in from both edges so the button's corners stay off the
2998       ribbon's diagonal on the left and the bubble's arc on the right. */
2999    .hmd-dock__buy {
3000      width: 100%; margin-left: 0; flex-wrap: nowrap;
3001      align-items: center; gap: 10px;
3002      padding: 0 24px;
3003      justify-content: center;
3004    }
3005    /* Capped rather than full-bleed: a button that runs the whole width
3006       puts its corners back into both widgets. */
3007    .hmd-dock__btn { flex: 0 1 auto; width: 100%; max-width: 260px; }
3008  }
3009
3010  @media (max-width: 480px) {
3011    /* Narrow enough that the corridor between the ribbon and the bubble
3012       gets tight — trim the digits rather than let them run under either.
3013
3014       The padding is asymmetric on purpose. The corridor's midpoint sits
3015       left of the bar's midpoint, because the chat bubble takes a bigger
3016       bite out of the right than the ribbon's diagonal does out of the
3017       left at this height. Centring the clock in the bar therefore parks
3018       it under the bubble; this pulls it back. */
3019    .hmd-dock__clock {
3020      max-width: min(100%, 168px);
3021      padding-right: 20px;
3022    }
3023    .hmd-dock__cd-u { min-width: 24px; }
3024    .hmd-dock__cd-u b { font-size: 21px; }
3025  }
3026
3027  @media (max-width: 480px) {
3028    .hmd-dock__label { font-size: 8px; letter-spacing: 0.14em; }
3029    .hmd-dock__cd-u b { font-size: 25px; }
3030    .hmd-dock__cd-u i { font-size: 6px; }
3031    .hmd-dock__cd-u { min-width: 27px; }
3032    .hmd-dock__btn { font-size: 11px; letter-spacing: 0.05em; padding: 14px 12px; }
3033    .hmd-dock__save { font-size: 9px; padding: 5px 7px; }
3034  }
3035
3036  @media (max-width: 380px) {
3037    .hmd-offer__cd-u b { letter-spacing: -1.5px; }
3038    .hmd-offer__cd-u i { font-size: 6px; letter-spacing: 0.1em; }
3039    .hmd-offer__chip b { font-size: 10px; }
3040    .hmd-offer__pay { font-size: 30px; }
3041  }
3042
3043  @media (prefers-reduced-motion: reduce) {
3044    .hmd-hero__deal,
3045    .hmd-offer__clock,
3046    .hmd-offer__cd-u b,
3047    .hmd-offer__cd-sep,
3048    .hmd-offer__btn,
3049    .hmd-dock,
3050    .hmd-dock__btn,
3051    .hmd-dock__cd-u b { transition: none !important; }
3052  }
3053
3054  /* ── Add-to-cart busy state ── */
3055  .hmd-offer__btn.is-busy,
3056  .hmd-dock__btn.is-busy {
3057    opacity: 0.72;
3058    pointer-events: none;
3059    cursor: default;
3060  }
3061  .hmd-offer__btn.is-busy svg,
3062  .hmd-dock__btn.is-busy svg { display: none; }
3063
3064  /* ══════════════════════════════════════════════════════════════
3065     CART DRAWER
3066     A like-for-like copy of the bv- drawer that the product pages
3067     use, because that one lives inside the Black Vortex section and
3068     therefore does not exist on the homepage. Same measurements,
3069     same colours, so the two are indistinguishable to a shopper.
3070     ══════════════════════════════════════════════════════════════ */
3071
3072  .hmd-cart-overlay {
3073    position: fixed;
3074    inset: 0;
3075    background: rgba(0, 0, 0, 0.7);
3076    z-index: 99998;
3077    opacity: 0;
3078    pointer-events: none;
3079    transition: opacity 0.3s;
3080  }
3081  .hmd-cart-overlay.is-open { opacity: 1; pointer-events: auto; }
3082
3083  .hmd-cart {
3084    position: fixed;
3085    top: 0;
3086    right: 0;
3087    bottom: 0;
3088    width: 420px;
3089    max-width: 100vw;
3090    background: #0f0f0f;
3091    border-left: 1px solid #1e1e1e;
3092    z-index: 99999;
3093    transform: translateX(100%);
3094    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
3095    display: flex;
3096    flex-direction: column;
3097    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
3098  }
3099  .hmd-cart.is-open { transform: translateX(0); }
3100
3101  .hmd-cart__header {
3102    padding: 20px 24px;
3103    border-bottom: 1px solid #1e1e1e;
3104    display: flex;
3105    align-items: center;
3106    justify-content: space-between;
3107    flex-shrink: 0;
3108  }
3109  .hmd-cart__title {
3110    font-size: 13px;
3111    font-weight: 800;
3112    color: #fff;
3113    letter-spacing: 0.1em;
3114    text-transform: uppercase;
3115  }
3116  .hmd-cart__close {
3117    background: none;
3118    border: none;
3119    cursor: pointer;
3120    color: #888;
3121    padding: 4px;
3122    transition: color 0.15s;
3123  }
3124  .hmd-cart__close:hover { color: #fff; }
3125  .hmd-cart__close svg { width: 18px; height: 18px; display: block; }
3126
3127  .hmd-cart__body { flex: 1 1 0%; overflow-y: auto; padding: 20px 24px; }
3128  .hmd-cart__empty { text-align: center; padding: 48px 0; color: #888; font-size: 13px; }
3129
3130  .hmd-cart__item {
3131    display: flex;
3132    gap: 14px;
3133    padding: 14px 0;
3134    border-bottom: 1px solid #1e1e1e;
3135  }
3136  .hmd-cart__item:last-child { border-bottom: none; }
3137  .hmd-cart__thumb {
3138    width: 56px;
3139    height: 56px;
3140    object-fit: cover;
3141    background: #161616;
3142    border: 1px solid #1e1e1e;
3143    flex-shrink: 0;
3144  }
3145  .hmd-cart__info { min-width: 0; flex: 1 1 auto; }
3146  .hmd-cart__name {
3147    font-size: 12px;
3148    font-weight: 700;
3149    color: #fff;
3150    margin-bottom: 4px;
3151    line-height: 1.3;
3152  }
3153  .hmd-cart__variant { font-size: 11px; color: #888; margin-bottom: 6px; }
3154  .hmd-cart__qty {
3155    font-size: 11px;
3156    font-weight: 700;
3157    letter-spacing: 0.06em;
3158    text-transform: uppercase;
3159    color: #E8232A;
3160    margin-bottom: 6px;
3161  }
3162  .hmd-cart__price {
3163    font-size: 13px;
3164    font-weight: 900;
3165    color: #fff;
3166    display: flex;
3167    align-items: baseline;
3168    gap: 8px;
3169  }
3170  .hmd-cart__price s { font-size: 11px; font-weight: 700; color: #6e6e6e; }
3171  .hmd-cart__price.is-free b { color: #E8232A; }
3172  .hmd-cart__remove {
3173    margin-top: 8px;
3174    background: none;
3175    border: none;
3176    padding: 0;
3177    cursor: pointer;
3178    color: #888;
3179    font-size: 11px;
3180    font-weight: 700;
3181    letter-spacing: 0.08em;
3182    text-transform: uppercase;
3183    font-family: inherit;
3184    text-decoration: underline;
3185    text-underline-offset: 2px;
3186    transition: color 0.15s;
3187  }
3188  .hmd-cart__remove:hover { color: #E8232A; }
3189
3190  .hmd-cart__footer { padding: 20px 24px; border-top: 1px solid #1e1e1e; flex-shrink: 0; }
3191  .hmd-cart__subtotal {
3192    display: flex;
3193    justify-content: space-between;
3194    align-items: center;
3195    margin-bottom: 16px;
3196  }
3197  .hmd-cart__subtotal-label {
3198    font-size: 11px;
3199    font-weight: 700;
3200    letter-spacing: 0.1em;
3201    text-transform: uppercase;
3202    color: #888;
3203  }
3204  .hmd-cart__subtotal-price {
3205    font-size: 20px;
3206    font-weight: 900;
3207    color: #fff;
3208    letter-spacing: -0.5px;
3209    font-variant-numeric: tabular-nums;
3210  }
3211  .hmd-cart__note {
3212    display: flex;
3213    align-items: center;
3214    gap: 8px;
3215    margin-bottom: 12px;
3216    padding: 10px 12px;
3217    background: rgba(232, 35, 42, 0.08);
3218    border: 1px solid rgba(232, 35, 42, 0.25);
3219    border-radius: 4px;
3220  }
3221  .hmd-cart__note svg { width: 15px; height: 15px; color: #E8232A; flex-shrink: 0; }
3222  .hmd-cart__note span { font-size: 12px; font-weight: 600; color: #ccc; }
3223  .hmd-cart__checkout {
3224    width: 100%;
3225    background: #E8232A;
3226    color: #fff;
3227    border: none;
3228    cursor: pointer;
3229    font-size: 16px;
3230    font-weight: 900;
3231    letter-spacing: 0.14em;
3232    text-transform: uppercase;
3233    padding: 20px;
3234    font-family: inherit;
3235    border-radius: 4px;
3236    margin-bottom: 8px;
3237    box-shadow: 0 6px 20px rgba(232, 35, 42, 0.45);
3238    transition: background 0.15s, transform 0.15s, box-shadow 0.15s;
3239  }
3240  .hmd-cart__checkout:hover {
3241    background: #c41e24;
3242    transform: translateY(-1px);
3243    box-shadow: 0 8px 26px rgba(232, 35, 42, 0.6);
3244  }
3245  .hmd-cart__continue {
3246    width: 100%;
3247    background: none;
3248    color: #888;
3249    border: 1px solid #1e1e1e;
3250    cursor: pointer;
3251    font-size: 11px;
3252    font-weight: 700;
3253    letter-spacing: 0.1em;
3254    text-transform: uppercase;
3255    padding: 12px;
3256    font-family: inherit;
3257    transition: 0.15s;
3258  }
3259  .hmd-cart__continue:hover { color: #fff; border-color: #333; }
3260
3261  @media (prefers-reduced-motion: reduce) {
3262    .hmd-cart, .hmd-cart-overlay, .hmd-cart__checkout { transition: none !important; }
3263  }
3264</style><style>
3265  #shopify-section-template--21593914769621__hmd_hero_XRQNDV .hmd-hero__inner { min-height: 52vh; }
3266  #shopify-section-template--21593914769621__hmd_hero_XRQNDV .hmd-hero__sub { display: none; }
3267
3268
3269  #shopify-section-template--21593914769621__hmd_hero_XRQNDV .hmd-hero__actions .hmd-btn-primary {
3270    background: transparent; border: 1px solid #2a2a2a; color: #fff;
3271    font-weight: 600; padding: 13px 24px; box-shadow: none;
3272  }
3273  #shopify-section-template--21593914769621__hmd_hero_XRQNDV .hmd-hero__actions .hmd-btn-primary:hover {
3274    background: transparent; border-color: #555; transform: none;
3275  }
3276  #shopify-section-template--21593914769621__hmd_hero_XRQNDV .hmd-hero__actions .hmd-btn-ghost { padding: 13px 24px; }
3277
3278</style><section class="hmd-hero hmd-hero--bg-mesh" id="hmd-hero">
3279
3280  
3281  <div class="hmd-hero__bg">
3282    <canvas class="hmd-hero__mesh" data-hmd-hero-mesh aria-hidden="true"></canvas>
3283  </div>
3284  
3285
3286  <div class="hmd-hero__noise"></div>
3287  <div class="hmd-hero__grid"></div>
3288  <div class="hmd-hero__redline"></div>
3289
3290  <div class="hmd-hero__inner">
3291
3292    <!-- Left: Headline + CTAs -->
3293    <div class="hmd-hero__left">
3294
3295      <div class="hmd-hero__eyebrow">
3296        <span class="hmd-hero__eyebrow-line"></span>
3297        <span class="hmd-hero__eyebrow-text">Help Me Devvon — Professional Production Tools</span>
3298      </div>
3299
3300      <h1 class="hmd-hero__title">
3301        Get Your Mix
3302        Into
3303        <em>The Green.</em>
3304      </h1>
3305
3306      <p class="hmd-hero__sub">Professional audio plugins, recording templates, and presets built for producers who want industry-ready results — fast.</p>
3307
3308      <div class="hmd-hero__actions">
3309        <a href="/collections/plugins-1" class="hmd-btn-primary">
3310          Browse All Plugins
3311          <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
3312            <path d="M1 7h12M8 2l5 5-5 5"/>
3313          </svg>
3314        </a>
3315        
3316        <a href="/collections/templates" class="hmd-btn-ghost">
3317          Browse Vocal Chains
3318        </a>
3319        
3320      </div>
3321
3322      <div class="hmd-hero__trust">
3323        <div class="hmd-trust-item">
3324          <span class="hmd-trust-num">30K+</span>
3325          <span class="hmd-trust-label">Engineers Worldwide</span>
3326        </div>
3327        <div class="hmd-trust-divider"></div>
3328        <div class="hmd-trust-item">
3329          <span class="hmd-trust-num">73+</span>
3330          <span class="hmd-trust-label">Digital Products</span>
3331        </div>
3332        <div class="hmd-trust-divider"></div>
3333        <div class="hmd-trust-item">
3334          <span class="hmd-trust-num">100%</span>
3335          <span class="hmd-trust-label">Instant Download</span>
3336        </div>
3337      </div>
3338
3339    </div>
3340
3341    <!-- Right: the big image -->
3342    <div class="hmd-hero__right">
3343        <div class="hmd-hero__art hmd-hero__art--contain">
3344          <img src="//helpmedevvon.com/cdn/shop/files/Bundle_3_UN_100_GREEN.png?v=1790054210&width=1400"
3345               alt="The Greenlight Finishing Kit"
3346               loading="eager"
3347               fetchpriority="high"
3348               width="1400"
3349               height="1050">
3350        </div>
3351    </div>
3352
3353    <!-- The offer. A sibling of the left column in the markup; CSS grid
3354         places it inside that column, between the tagline and the buttons,
3355         so the original markup never has to move. -->
3356    <div class="hmd-hero__deal hmd-offer" data-dw-root data-dw-band>
3357
3358      <div class="hmd-offer__head">
3359        <span class="hmd-offer__label">Deal Of The Week</span>
3360        <span class="hmd-offer__alert">Ends Soon</span>
3361        <span class="hmd-offer__ends">Resets Monday · 9AM</span>
3362      </div>
3363
3364      <div class="hmd-offer__name">
3365        The Greenlight Finishing Kit
3366
3367          <em>Measure it. Add the weight. Bring back the life. 3 Plugins 1 Big Deal</em>
3368      </div>
3369
3370      <div class="hmd-offer__clock"
3371           data-dw-cd
3372           data-target="1791810000"
3373           data-critical="172800">
3374        <span class="hmd-offer__cd-u hmd-offer__cd-u--d"><b data-dw-u="d">06</b><i>Days</i></span>
3375        <span class="hmd-offer__cd-sep hmd-offer__cd-sep--d">:</span>
3376        <span class="hmd-offer__cd-u"><b data-dw-u="h">04</b><i>Hrs</i></span>
3377        <span class="hmd-offer__cd-sep">:</span>
3378        <span class="hmd-offer__cd-u"><b data-dw-u="m">14</b><i>Min</i></span>
3379        <span class="hmd-offer__cd-sep">:</span>
3380        <span class="hmd-offer__cd-u"><b data-dw-u="s">06</b><i>Sec</i></span>
3381        <span class="hmd-offer__rollover" data-dw-rollover>New Deal Loading…</span>
3382      </div>
3383
3384      <div class="hmd-offer__buy">
3385          <span class="hmd-offer__price">
3386            <b class="hmd-offer__pay">$99.99</b>
3387              <i class="hmd-offer__was">Total value <s>$219.97</s></i>
3388          </span>
3389
3390          <span class="hmd-offer__save">Save $119.98</span>
3391        <a href="/products/greenlight-meter" class="hmd-offer__btn"
3392            data-dw-add="54741498462421,54088272806101,53049335218389"
3393             data-dw-add-url="/cart/add"
3394             data-dw-cart-url="/cart"
3395             data-dw-after="drawer"
3396             data-dw-busy="Adding…"
3397             data-dw-fallback="/products/greenlight-meter"
3398             >
3399          Claim This Week's Deal
3400          <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round">
3401            <path d="M1 7h12M8 2l5 5-5 5"/>
3402          </svg>
3403        </a>
3404      </div>
3405        <div class="hmd-offer__chips">
3406          <span class="hmd-offer__chip"><b>100 Pound Plugin</b><s>$79.99</s></span><span class="hmd-offer__chip"><b>HMD Uncompressor</b><s>$69.99</s></span>
3407
3408        </div>
3409
3410    </div>
3411
3412  </div>
3413
3414  <!-- Below the hero: the Featured product card when no deal is running, plus editor notes -->
3415  <div class="hmd-hero__band">
3416
3417  </div>
3418
3419  <div class="hmd-hero__scroll">
3420    <div class="hmd-hero__scroll-line"></div>
3421    <span class="hmd-hero__scroll-text">Scroll</span>
3422  </div>
3423
3424</section>
3425
3426    <div class="hmd-dock hmd-dock--bottom"
3427         data-dw-root
3428         data-dw-dock
3429         data-dock-mode="auto"
3430         data-dock-pos="bottom"
3431         style="--dock-gap-l: 0px; --dock-gap-r: 108px; --dock-band: 56px;">
3432      <div class="hmd-dock__inner">
3433
3434        <div class="hmd-dock__lead">
3435          <span class="hmd-dock__label">Deal Of The Week</span>
3436          <span class="hmd-dock__name">The Greenlight Finishing Kit</span>
3437        </div>
3438
3439        <div class="hmd-dock__clock"
3440             data-dw-cd
3441             data-target="1791810000"
3442             data-critical="172800">
3443          <span class="hmd-dock__cd-u hmd-dock__cd-u--d"><b data-dw-u="d">06</b><i>Days</i></span>
3444          <span class="hmd-dock__cd-sep hmd-dock__cd-sep--d">:</span>
3445          <span class="hmd-dock__cd-u"><b data-dw-u="h">04</b><i>Hrs</i></span>
3446          <span class="hmd-dock__cd-sep">:</span>
3447          <span class="hmd-dock__cd-u"><b data-dw-u="m">14</b><i>Min</i></span>
3448          <span class="hmd-dock__cd-sep">:</span>
3449          <span class="hmd-dock__cd-u"><b data-dw-u="s">06</b><i>Sec</i></span>
3450          <span class="hmd-dock__rollover" data-dw-rollover>New Deal Loading…</span>
3451        </div>
3452
3453        <div class="hmd-dock__buy">
3454            <span class="hmd-dock__price">$99.99</span>
3455
3456            <span class="hmd-dock__save">Save $119.98</span>
3457          <a href="/products/greenlight-meter" class="hmd-dock__btn"
3458              data-dw-add="54741498462421,54088272806101,53049335218389"
3459             data-dw-add-url="/cart/add"
3460             data-dw-cart-url="/cart"
3461             data-dw-after="drawer"
3462             data-dw-busy="Adding…"
3463             data-dw-fallback="/products/greenlight-meter"
3464             >
3465            CLAIM THIS DEAL
3466            <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round">
3467              <path d="M1 7h12M8 2l5 5-5 5"/>
3468            </svg>
3469          </a>
3470        </div>
3471
3472      </div>
3473    </div>
3474
3475<div class="hmd-cart-overlay" id="hmd-cart-overlay" data-dw-cart-close></div>
3476    <aside class="hmd-cart" id="hmd-cart-drawer"
3477           data-dw-cart-drawer
3478           data-currency="USD"
3479           data-bonus="2"
3480           data-cart-url="/cart"
3481           data-change-url="/cart/change"
3482           role="dialog"
3483           aria-modal="true"
3484           aria-label="Your cart"
3485           aria-hidden="true">
3486
3487      <div class="hmd-cart__header">
3488        <span class="hmd-cart__title">Your Cart</span>
3489        <button class="hmd-cart__close" type="button" data-dw-cart-close aria-label="Close cart">
3490          <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round">
3491            <path d="M1 1l12 12M13 1L1 13"/>
3492          </svg>
3493        </button>
3494      </div>
3495
3496      <div class="hmd-cart__body" data-dw-cart-body>
3497        <div class="hmd-cart__empty">Your cart is empty</div>
3498      </div>
3499
3500      <div class="hmd-cart__footer">
3501        <div class="hmd-cart__subtotal">
3502          <span class="hmd-cart__subtotal-label">Subtotal</span>
3503          <span class="hmd-cart__subtotal-price" data-dw-cart-subtotal>$0.00</span>
3504        </div>
3505
3506        <div class="hmd-cart__note" data-dw-cart-bonus hidden>
3507          <svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
3508            <rect x="2.5" y="8" width="15" height="9.5" rx="1"/>
3509            <path d="M1.5 5h17v3h-17zM10 5v12.5"/>
3510            <path d="M10 5S8.6 2 6.8 2a1.9 1.9 0 000 3.8M10 5s1.4-3 3.2-3a1.9 1.9 0 010 3.8"/>
3511          </svg>
3512          <span data-dw-cart-bonus-text></span>
3513        </div>
3514
3515        <div class="hmd-cart__note">
3516          <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
3517            <path d="M8.5 1.5H3a1.5 1.5 0 00-1.5 1.5v5.5a1 1 0 00.3.7l5.5 5.5a1 1 0 001.4 0l5-5a1 1 0 000-1.4L8.7 1.8a1 1 0 00-.2-.3z"/>
3518            <circle cx="4.8" cy="4.8" r="0.8" fill="currentColor"/>
3519          </svg>
3520          <span>Have a code? Apply it at checkout</span>
3521        </div>
3522
3523        <button class="hmd-cart__checkout" type="button" data-dw-cart-checkout>Checkout Now</button>
3524        <button class="hmd-cart__continue" type="button" data-dw-cart-close>Continue Shopping</button>
3525      </div>
3526    </aside>
3527
3528<script>
3529  /* Deal of the Week — one clock, however many places show it.
3530     Everything it needs rides in data attributes: there is deliberately no
3531     Liquid in this block, because Liquid parses tags even inside JS comments. */
3532  (function () {
3533    var clocks = document.querySelectorAll('[data-dw-cd]');
3534    if (!clocks.length) { return; }
3535
3536    var roots = document.querySelectorAll('[data-dw-root]');
3537    var dock = document.querySelector('[data-dw-dock]');
3538    var band = document.querySelector('[data-dw-band]');
3539
3540    var target = parseInt(clocks[0].getAttribute('data-target'), 10);
3541    var crit = parseInt(clocks[0].getAttribute('data-critical'), 10) || 0;
3542    if (!target) { return; }
3543
3544    var keys = ['d', 'h', 'm', 's'];
3545    var rolling = false;
3546
3547    function pad(n) { return n < 10 ? '0' + n : '' + n; }
3548
3549    function flag(list, cls, on) {
3550      for (var i = 0; i < list.length; i++) {
3551        if (on) { list[i].classList.add(cls); } else { list[i].classList.remove(cls); }
3552      }
3553    }
3554
3555    function tick() {
3556      var left = target - Math.floor(Date.now() / 1000);
3557
3558      /* Never sit on 00:00:00 — the next deal is already live server-side,
3559         so roll the page over to it rather than showing a dead clock. */
3560      if (left <= 0) {
3561        flag(clocks, 'is-over', true);
3562        flag(roots, 'is-critical', false);
3563        if (!rolling) {
3564          rolling = true;
3565          setTimeout(function () { window.location.reload(); }, 4000);
3566        }
3567        return;
3568      }
3569
3570      /* Mirrors the server-side critical test exactly. */
3571      flag(roots, 'is-critical', left <= crit);
3572
3573      var v = {
3574        d: Math.floor(left / 86400),
3575        h: Math.floor((left % 86400) / 3600),
3576        m: Math.floor((left % 3600) / 60),
3577        s: left % 60
3578      };
3579
3580      /* The days box goes once it reads 00 — the final day is when this
3581         matters most, and three big digits beat four with a dead one. */
3582      flag(clocks, 'is-noday', v.d === 0);
3583
3584      for (var c = 0; c < clocks.length; c++) {
3585        for (var k = 0; k < keys.length; k++) {
3586          var el = clocks[c].querySelector('[data-dw-u="' + keys[k] + '"]');
3587          if (el) { el.textContent = pad(v[keys[k]]); }
3588        }
3589      }
3590    }
3591
3592    tick();
3593    setInterval(tick, 1000);
3594
3595    /* ── The sticky dock ──────────────────────────────────────────────
3596       Its whole job is urgency before the first scroll, so it must not
3597       also sit there duplicating the band while the band is on screen.
3598       The bottom rootMargin means the band only counts as "seen" once it
3599       has climbed out of the lowest quarter of the viewport — which is
3600       height-independent, so it behaves the same on a phone and a 27".  */
3601    if (dock && dock.getAttribute('data-dock-mode') === 'auto') {
3602      if (band && typeof window.IntersectionObserver === 'function') {
3603        new IntersectionObserver(function (entries) {
3604          var seen = entries[0].isIntersecting;
3605          if (seen) { dock.classList.remove('is-visible'); }
3606          else { dock.classList.add('is-visible'); }
3607          reserve();
3608        }, { threshold: 0, rootMargin: '0px 0px -25% 0px' }).observe(band);
3609      } else {
3610        dock.classList.add('is-visible');
3611      }
3612    }
3613
3614    /* A fixed bar covers whatever is at that edge of the page — usually the
3615       footer, and its links stop being reachable. Reserve the space. */
3616    function reserve() {
3617      if (!dock || dock.getAttribute('data-dock-pos') !== 'bottom') { return; }
3618      var on = dock.classList.contains('is-visible');
3619      document.body.style.paddingBottom = on ? (dock.offsetHeight + 'px') : '';
3620    }
3621
3622    if (dock) {
3623      reserve();
3624      window.addEventListener('resize', reserve);
3625    }
3626  })();
3627
3628  /* Add the whole bundle in one request, then hand the cart to the theme.
3629     Same rules as the product pages: one line per item at quantity 1, and an
3630     item already in the cart is NOT added again — the Buy X get Y discount
3631     covers one of each, so a second copy would be charged for.
3632     Still no Liquid in this block; everything rides in data attributes. */
3633  (function () {
3634    var buttons = document.querySelectorAll('[data-dw-add]');
3635    if (!buttons.length) { return; }
3636
3637    /* Elements a Dawn-family theme uses for its drawer, and the section ids
3638       Shopify will re-render for us. Anything the theme does not have simply
3639       is not returned, so listing extras costs nothing. */
3640    var DRAWER = 'cart-drawer, cart-notification, #CartDrawer, .cart-drawer,' +
3641                 ' [data-cart-drawer], .drawer--cart, #cart-drawer';
3642    var SECTIONS = 'cart-drawer,cart-icon-bubble,cart-notification,' +
3643                   'cart-live-region-text,mini-cart,cart-drawer-items';
3644
3645    function visible(el) {
3646      if (!el) { return false; }
3647      var cs = window.getComputedStyle(el);
3648      if (cs.display === 'none' || cs.visibility === 'hidden' || cs.opacity === '0') {
3649        return false;
3650      }
3651      /* NOT offsetParent: it is null for every position:fixed element, which is
3652         exactly what a cart drawer is — that check can never see one as open. */
3653      if (!el.getClientRects().length) { return false; }
3654      var r = el.getBoundingClientRect();
3655      if (r.width <= 0 || r.height <= 0) { return false; }
3656      /* A closed slide-in drawer is parked off the edge, not hidden. */
3657      return r.right > 0 && r.left < (window.innerWidth || document.documentElement.clientWidth);
3658    }
3659
3660    /* Shopify's Section Rendering API hands back freshly rendered HTML for the
3661       cart sections. Without this the theme's drawer opens showing the cart as
3662       it was before the add. */
3663    function swapSections(sections) {
3664      if (!sections) { return; }
3665      var parser = new DOMParser();
3666      Object.keys(sections).forEach(function (id) {
3667        var live = document.getElementById('shopify-section-' + id);
3668        if (!live) { return; }
3669        var doc = parser.parseFromString(sections[id], 'text/html');
3670        var fresh = doc.getElementById('shopify-section-' + id);
3671        if (fresh) { live.innerHTML = fresh.innerHTML; }
3672      });
3673    }
3674
3675    /* ── Our own drawer ─────────────────────────────────────────────
3676       The homepage has none of its own: the bv- drawer is rendered inside
3677       the Black Vortex product section, so it simply is not on this page.
3678       This one is a like-for-like copy that ships with the section. */
3679    var mine = document.querySelector('[data-dw-cart-drawer]');
3680    var overlay = document.getElementById('hmd-cart-overlay');
3681
3682    function money(cents) {
3683      var cur = (mine && mine.getAttribute('data-currency')) || 'USD';
3684      try {
3685        return new Intl.NumberFormat(undefined, { style: 'currency', currency: cur })
3686          .format(cents / 100);
3687      } catch (e) {
3688        return '$' + (cents / 100).toFixed(2);
3689      }
3690    }
3691
3692    function el(tag, cls, text) {
3693      var n = document.createElement(tag);
3694      if (cls) { n.className = cls; }
3695      if (text != null) { n.textContent = text; }
3696      return n;
3697    }
3698
3699    function renderMine(cart) {
3700      if (!mine || !cart) { return; }
3701      var body = mine.querySelector('[data-dw-cart-body]');
3702      var items = cart.items || [];
3703      body.textContent = '';
3704
3705      if (!items.length) {
3706        body.appendChild(el('div', 'hmd-cart__empty', 'Your cart is empty'));
3707      }
3708
3709      var freeCount = 0;
3710      items.forEach(function (li) {
3711        var row = el('div', 'hmd-cart__item');
3712        if (li.image) {
3713          var img = document.createElement('img');
3714          img.className = 'hmd-cart__thumb';
3715          img.src = li.image;
3716          img.alt = '';
3717          img.loading = 'lazy';
3718          row.appendChild(img);
3719        }
3720        var info = el('div', 'hmd-cart__info');
3721        info.appendChild(el('div', 'hmd-cart__name', li.product_title || li.title));
3722        if (li.variant_title && li.variant_title !== 'Default Title') {
3723          info.appendChild(el('div', 'hmd-cart__variant', li.variant_title));
3724        }
3725        if (li.quantity > 1) {
3726          info.appendChild(el('div', 'hmd-cart__qty', 'Qty ' + li.quantity));
3727        }
3728
3729        /* final_line_price is what they actually pay — it already has the
3730           Buy X get Y allocation applied, which is the whole point. */
3731        var paid = typeof li.final_line_price === 'number'
3732          ? li.final_line_price : li.line_price;
3733        var was = typeof li.original_line_price === 'number'
3734          ? li.original_line_price : paid;
3735        var price = el('div', 'hmd-cart__price');
3736        if (paid === 0) { price.className += ' is-free'; freeCount++; }
3737        if (was > paid) { price.appendChild(el('s', null, money(was))); }
3738        price.appendChild(el('b', null, money(paid)));
3739        info.appendChild(price);
3740
3741        var rm = el('button', 'hmd-cart__remove', 'Remove');
3742        rm.type = 'button';
3743        rm.setAttribute('data-dw-cart-remove', li.key);
3744        info.appendChild(rm);
3745
3746        row.appendChild(info);
3747        body.appendChild(row);
3748      });
3749
3750      var sub = mine.querySelector('[data-dw-cart-subtotal]');
3751      if (sub) { sub.textContent = money(cart.total_price || 0); }
3752
3753      /* Only claim bonuses when lines really are reading zero. */
3754      var note = mine.querySelector('[data-dw-cart-bonus]');
3755      var noteText = mine.querySelector('[data-dw-cart-bonus-text]');
3756      if (note && noteText) {
3757        if (freeCount > 0) {
3758          noteText.textContent = freeCount + (freeCount === 1 ? ' bonus item' : ' bonus items') +
3759            ' included \u2014 they show as ' + money(0) + ' at checkout';
3760          note.hidden = false;
3761        } else {
3762          note.hidden = true;
3763        }
3764      }
3765    }
3766
3767    /* The cart count in the header is rendered by Liquid, so it goes stale the
3768       moment we change the cart from JS. Re-render just that section and swap
3769       the contents of its cart link — not the whole header, which would throw
3770       away any listeners the theme attached to its menus. */
3771    function refreshCartIcon() {
3772      try {
3773        var link = document.querySelector('[id^="shopify-section-"] a[href$="/cart"]');
3774        if (!link) { return; }
3775        var host = link.closest('[id^="shopify-section-"]');
3776        if (!host) { return; }
3777        var id = host.id.replace('shopify-section-', '');
3778        fetch(window.location.pathname + '?sections=' + encodeURIComponent(id),
3779              { headers: { 'Accept': 'application/json' } })
3780          .then(function (r) { return r.ok ? r.json() : null; })
3781          .then(function (data) {
3782            if (!data || !data[id]) { return; }
3783            var doc = new DOMParser().parseFromString(data[id], 'text/html');
3784            var fresh = doc.querySelector('a[href$="/cart"]');
3785            if (fresh) { link.innerHTML = fresh.innerHTML; }
3786          })
3787          .catch(function () { /* a stale badge is not worth an error */ });
3788      } catch (e) { /* ditto */ }
3789    }
3790
3791    function openMine() {
3792      if (!mine) { return false; }
3793      if (overlay) { overlay.classList.add('is-open'); }
3794      mine.classList.add('is-open');
3795      mine.setAttribute('aria-hidden', 'false');
3796      document.body.style.overflow = 'hidden';
3797      return true;
3798    }
3799
3800    function closeMine() {
3801      if (!mine) { return; }
3802      if (overlay) { overlay.classList.remove('is-open'); }
3803      mine.classList.remove('is-open');
3804      mine.setAttribute('aria-hidden', 'true');
3805      document.body.style.overflow = '';
3806    }
3807
3808    if (mine) {
3809      document.addEventListener('click', function (e) {
3810        var close = e.target.closest('[data-dw-cart-close]');
3811        if (close) { e.preventDefault(); closeMine(); return; }
3812
3813        var co = e.target.closest('[data-dw-cart-checkout]');
3814        if (co) { e.preventDefault(); window.location.href = '/checkout'; return; }
3815
3816        var rm = e.target.closest('[data-dw-cart-remove]');
3817        if (rm) {
3818          e.preventDefault();
3819          rm.disabled = true;
3820          var changeUrl = mine.getAttribute('data-change-url') || '/cart/change';
3821          fetch(changeUrl + '.js', {
3822            method: 'POST',
3823            headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' },
3824            body: JSON.stringify({ id: rm.getAttribute('data-dw-cart-remove'), quantity: 0 })
3825          }).then(function (r) { return r.json(); })
3826            .then(function (cart) { renderMine(cart); refreshCartIcon(); })
3827            .catch(function () { rm.disabled = false; });
3828        }
3829      });
3830
3831      document.addEventListener('keydown', function (e) {
3832        if (e.key === 'Escape' && mine.classList.contains('is-open')) { closeMine(); }
3833      });
3834    }
3835
3836    /* A theme drawer, if this page happens to have one. The merchant's own
3837       selector wins; otherwise we look for the usual suspects. */
3838    function themeDrawer(btn) {
3839      var custom = btn.getAttribute('data-dw-drawer');
3840      if (custom) { return document.querySelector(custom); }
3841      return document.querySelector(DRAWER);
3842    }
3843
3844    function openTheme(btn) {
3845      var drawer = themeDrawer(btn);
3846      if (!drawer) { return null; }
3847      ['cart:refresh', 'cart:build', 'cart:updated', 'cart-drawer:open'].forEach(function (n) {
3848        document.dispatchEvent(new CustomEvent(n, { bubbles: true, detail: {} }));
3849      });
3850      if (typeof drawer.open === 'function') {
3851        try { drawer.open(); } catch (e) { /* fall through */ }
3852      }
3853      if (!visible(drawer) && drawer.classList) {
3854        drawer.classList.add('active', 'is-open', 'open', 'is-active');
3855      }
3856      return drawer;
3857    }
3858
3859    function fetchSections(btn) {
3860      /* Used when there was nothing new to add — the drawer still needs
3861         current contents. */
3862      return fetch(window.location.pathname + '?sections=' + SECTIONS,
3863                   { headers: { 'Accept': 'application/json' } })
3864        .then(function (r) { return r.ok ? r.json() : null; })
3865        .catch(function () { return null; });
3866    }
3867
3868    function renderCartInto(cartUrl) {
3869      fetch(cartUrl + '.js', { headers: { 'Accept': 'application/json' } })
3870        .then(function (r) { return r.ok ? r.json() : null; })
3871        .then(function (cart) { renderMine(cart); refreshCartIcon(); })
3872        .catch(function () { /* the drawer keeps whatever it had */ });
3873    }
3874
3875    function go(btn, cartUrl, sections, restore) {
3876      var mode = btn.getAttribute('data-dw-after');
3877
3878      if (mode === 'checkout') { window.location.href = '/checkout'; return; }
3879
3880      if (mode === 'drawer') {
3881        var custom = btn.getAttribute('data-dw-drawer');
3882
3883        /* A merchant-nominated drawer wins; then ours; then anything the theme
3884           happens to expose. */
3885        var target = null;
3886        if (custom) { target = openTheme(btn); }
3887        if (!target && mine) {
3888          renderCartInto(cartUrl);
3889          openMine();
3890          target = mine;
3891        }
3892        if (!target) { swapSections(sections); target = openTheme(btn); }
3893
3894        /* Verify rather than assume: if nothing actually opened, take them to
3895           the cart page rather than leaving them staring at the homepage. */
3896        setTimeout(function () {
3897          if (visible(target)) { restore(); }
3898          else { window.location.href = cartUrl; }
3899        }, 450);
3900        return;
3901      }
3902
3903      window.location.href = cartUrl;
3904    }
3905
3906    function wire(btn) {
3907      btn.addEventListener('click', function (e) {
3908        var ids = (btn.getAttribute('data-dw-add') || '').split(',')
3909                    .map(function (x) { return parseInt(x, 10); })
3910                    .filter(function (x) { return x > 0; });
3911        if (!ids.length) { return; }
3912
3913        e.preventDefault();
3914        if (btn.classList.contains('is-busy')) { return; }
3915
3916        var addUrl = btn.getAttribute('data-dw-add-url') || '/cart/add';
3917        var cartUrl = btn.getAttribute('data-dw-cart-url') || '/cart';
3918        var fallback = btn.getAttribute('data-dw-fallback') || cartUrl;
3919        var wantsDrawer = btn.getAttribute('data-dw-after') === 'drawer';
3920        var busy = btn.getAttribute('data-dw-busy');
3921        var label = btn.innerHTML;
3922
3923        function restore() {
3924          btn.classList.remove('is-busy');
3925          btn.innerHTML = label;
3926        }
3927
3928        btn.classList.add('is-busy');
3929        if (busy) { btn.textContent = busy; }
3930
3931        fetch(cartUrl + '.js', { headers: { 'Accept': 'application/json' } })
3932          .then(function (r) { return r.ok ? r.json() : { items: [] }; })
3933          .catch(function () { return { items: [] }; })
3934          .then(function (cart) {
3935            var have = {};
3936            (cart.items || []).forEach(function (li) { have[li.variant_id] = true; });
3937
3938            var items = [];
3939            ids.forEach(function (id) {
3940              if (!have[id]) { items.push({ id: id, quantity: 1 }); }
3941            });
3942
3943            /* Everything is already in there — no add, but the drawer still
3944               needs current contents. */
3945            if (!items.length) {
3946              if (!wantsDrawer) { go(btn, cartUrl, null, restore); return null; }
3947              return fetchSections(btn).then(function (s) {
3948                go(btn, cartUrl, s, restore);
3949              });
3950            }
3951
3952            var payload = { items: items };
3953            if (wantsDrawer) { payload.sections = SECTIONS; }
3954
3955            return fetch(addUrl + '.js', {
3956              method: 'POST',
3957              headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' },
3958              body: JSON.stringify(payload)
3959            }).then(function (r) {
3960              if (!r.ok) { throw new Error('add failed'); }
3961              return r.json().catch(function () { return {}; });
3962            }).then(function (data) {
3963              go(btn, cartUrl, data && data.sections, restore);
3964            });
3965          })
3966          .catch(function () {
3967            restore();
3968            /* Never dead-end: the product page's own bundle can still do it. */
3969            window.location.href = fallback;
3970          });
3971      });
3972    }
3973
3974    for (var i = 0; i < buttons.length; i++) { wire(buttons[i]); }
3975  })();
3976</script>
vendor: 1 bytes, line 3976
3976
3977<script>
3978  (function hmdHeroMesh() {
3979    var section = document.getElementById('shopify-section-template--21593914769621__hmd_hero_XRQNDV');
3980    if (!section) { return; }
3981    var canvas = section.querySelector('[data-hmd-hero-mesh]');
3982    if (!canvas || !canvas.getContext) { return; }
3983    var ctx = canvas.getContext('2d');
3984    if (!ctx) { return; }
3985
3986    var RED = '232,35,42';
3987    var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
3988    var W = 0, H = 0, lines = 40, step = 6;
3989    var raf = 0, running = false, origin = 0;
3990
3991    function measure() {
3992      var dpr = Math.min(window.devicePixelRatio || 1, 2);
3993      var box = canvas.getBoundingClientRect();
3994      W = Math.max(1, Math.round(box.width * dpr));
3995      H = Math.max(1, Math.round(box.height * dpr));
3996      canvas.width = W;
3997      canvas.height = H;
3998      /* Fewer, coarser traces on a phone — the hero is a third of
3999         the width there and nobody can resolve 40 of them. */
4000      lines = box.width < 700 ? 24 : (box.width < 1100 ? 32 : 40);
4001      step = Math.max(4, W / 300);
4002    }
4003
4004    function draw(t) {
4005      var horizon = H * 0.34;
4006      var floor = H - horizon;
4007
4008      ctx.fillStyle = '#0a0a0a';
4009      ctx.fillRect(0, 0, W, H);
4010
4011      /* Haze sitting on the horizon line. */
4012      var sky = ctx.createLinearGradient(0, 0, 0, horizon);
4013      sky.addColorStop(0, 'rgba(10,10,10,1)');
4014      sky.addColorStop(1, 'rgba(34,7,10,1)');
4015      ctx.fillStyle = sky;
4016      ctx.fillRect(0, 0, W, horizon + 1);
4017
4018      for (var i = 0; i < lines; i++) {
4019        var k = i / (lines - 1);                    /* 0 far, 1 near */
4020        var ease = Math.pow(k, 1.9);                /* perspective crowding */
4021        var y0 = horizon + ease * floor * 1.04;
4022        var amp = H * (0.008 + k * 0.072);
4023        var alpha = 0.045 + k * 0.5;
4024
4025        ctx.beginPath();
4026        for (var x = 0; x <= W; x += step) {
4027          var u = x / W;
4028          /* Envelope so the traces taper to nothing at both edges
4029             instead of ending on a hard vertical. */
4030          var e = Math.pow(Math.sin(Math.PI * Math.min(1, Math.max(0, u * 1.06 - 0.03))), 1.4);
4031          var y = y0 - amp * e * (
4032              Math.sin(u * 9.1 + t * 1.5 - i * 0.22) +
4033              Math.sin(u * 21.3 - t * 2.1 + i * 0.11) * 0.45 +
4034              Math.sin(u * 3.7 + t * 0.7 + i * 0.34) * 0.7);
4035          x ? ctx.lineTo(x, y) : ctx.moveTo(x, y);
4036        }
4037        ctx.lineWidth = Math.max(1, (W / 1600) * (0.7 + k));
4038        ctx.strokeStyle = 'rgba(' + RED + ',' + alpha.toFixed(3) + ')';
4039        ctx.stroke();
4040      }
4041
4042      /* The horizon itself. This is what gives the plugin artwork a
4043         surface to sit above — without it the whole hero floats. */
4044      var hz = ctx.createLinearGradient(0, 0, W, 0);
4045      hz.addColorStop(0, 'rgba(' + RED + ',0)');
4046      hz.addColorStop(0.5, 'rgba(' + RED + ',0.55)');
4047      hz.addColorStop(1, 'rgba(' + RED + ',0)');
4048      ctx.fillStyle = hz;
4049      ctx.fillRect(0, horizon, W, Math.max(1, W / 1600));
4050
4051      /* Ambient bloom, weighted to the side the artwork sits on. */
4052      var g = ctx.createRadialGradient(W * 0.66, H * 0.52, 0, W * 0.66, H * 0.52, W * 0.46);
4053      g.addColorStop(0, 'rgba(' + RED + ',0.20)');
4054      g.addColorStop(1, 'rgba(' + RED + ',0)');
4055      ctx.fillStyle = g;
4056      ctx.fillRect(0, 0, W, H);
4057    }
4058
4059    function loop(now) {
4060      draw((now - origin) / 1000);
4061      raf = requestAnimationFrame(loop);
4062    }
4063    function start() {
4064      if (running || reduced) { return; }
4065      running = true;
4066      origin = performance.now() - 6000;   /* skip the flat opening moment */
4067      raf = requestAnimationFrame(loop);
4068    }
4069    function stop() {
4070      running = false;
4071      if (raf) { cancelAnimationFrame(raf); raf = 0; }
4072    }
4073
4074    var resizeTimer = 0;
4075    window.addEventListener('resize', function () {
4076      clearTimeout(resizeTimer);
4077      resizeTimer = setTimeout(function () { measure(); draw(6); }, 150);
4078    });
4079
4080    document.addEventListener('visibilitychange', function () {
4081      document.hidden ? stop() : start();
4082    });
4083
4084    measure();
4085    draw(6);
4086
4087    if (reduced) { return; }
4088    if ('IntersectionObserver' in window) {
4089      new IntersectionObserver(function (entries) {
4090        entries[0].isIntersecting ? start() : stop();
4091      }, { threshold: 0 }).observe(section);
4092    } else {
4093      start();
4094    }
4095  })();
4096</script>
4096<script>
4097  (function hmdHeroParallax() {
4098    var section = document.getElementById('shopify-section-template--21593914769621__hmd_hero_XRQNDV');
4099    if (!section) { return; }
4100
4101    var art = section.querySelector('.hmd-hero__art:not(.is-empty)');
4102    if (!art) { return; }
4103
4104    /* Coarse pointers have no hover, and anyone who asked for less
4105       motion gets none. Both checks are one-time. */
4106    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { return; }
4107    if (window.matchMedia('(hover: none), (pointer: coarse)').matches) { return; }
4108
4109    var MAX_X = 14;   /* px of travel, either side of centre */
4110    var MAX_Y = 10;
4111    var frame = 0;
4112    var pending = null;
4113
4114    function apply() {
4115      frame = 0;
4116      if (!pending) { return; }
4117      art.style.setProperty('--hmd-hero-px', pending.x.toFixed(2) + 'px');
4118      art.style.setProperty('--hmd-hero-py', pending.y.toFixed(2) + 'px');
4119    }
4120
4121    function onMove(e) {
4122      var box = section.getBoundingClientRect();
4123      if (!box.width || !box.height) { return; }
4124      /* -1 .. 1 from the centre of the hero */
4125      var nx = ((e.clientX - box.left) / box.width - 0.5) * 2;
4126      var ny = ((e.clientY - box.top) / box.height - 0.5) * 2;
4127      pending = { x: nx * MAX_X, y: ny * MAX_Y };
4128      if (!frame) { frame = requestAnimationFrame(apply); }
4129    }
4130
4131    function onLeave() {
4132      pending = { x: 0, y: 0 };
4133      if (!frame) { frame = requestAnimationFrame(apply); }
4134    }
4135
4136    section.addEventListener('pointermove', onMove, { passive: true });
4137    section.addEventListener('pointerleave', onLeave, { passive: true });
4138  })();
4139</script>
4139
4140
4141
4142</div><div id="shopify-section-template--21593914769621__hmd_plugins_dxR6bC" class="shopify-section">
4143
4144<style>
4145  .hmd-plugins {
4146    background: #0a0a0a;
4147    padding: 80px 0;
4148    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
4149    border-top: 1px solid #1a1a1a;
4150  }
4151
4152  .hmd-plugins__inner {
4153    max-width: 1400px;
4154    margin: 0 auto;
4155    padding: 0 40px;
4156  }
4157
4158  /* Section header */
4159  .hmd-section-header {
4160    display: flex;
4161    align-items: flex-end;
4162    justify-content: space-between;
4163    margin-bottom: 40px;
4164    padding-bottom: 24px;
4165    border-bottom: 1px solid #1a1a1a;
4166  }
4167
4168  .hmd-section-header__left {}
4169
4170  .hmd-section-eyebrow {
4171    font-size: 10px;
4172    font-weight: 700;
4173    letter-spacing: 0.22em;
4174    text-transform: uppercase;
4175    color: #E8232A;
4176    margin-bottom: 8px;
4177    display: flex;
4178    align-items: center;
4179    gap: 10px;
4180  }
4181  .hmd-section-eyebrow::before {
4182    content: '';
4183    display: inline-block;
4184    width: 20px;
4185    height: 2px;
4186    background: #E8232A;
4187    flex-shrink: 0;
4188  }
4189
4190  .hmd-section-title {
4191    font-size: 32px;
4192    font-weight: 900;
4193    color: #fff;
4194    letter-spacing: -1.5px;
4195    line-height: 1;
4196  }
4197
4198  .hmd-section-link {
4199    font-size: 11px;
4200    font-weight: 700;
4201    letter-spacing: 0.12em;
4202    text-transform: uppercase;
4203    color: #E8232A;
4204    text-decoration: none;
4205    display: flex;
4206    align-items: center;
4207    gap: 8px;
4208    padding-bottom: 4px;
4209    border-bottom: 1px solid #E8232A33;
4210    transition: border-color 0.15s ease;
4211  }
4212  .hmd-section-link:hover {
4213    border-color: #E8232A;
4214    color: #E8232A;
4215  }
4216  .hmd-section-link svg {
4217    width: 12px;
4218    height: 12px;
4219    transition: transform 0.15s ease;
4220  }
4221  .hmd-section-link:hover svg {
4222    transform: translateX(3px);
4223  }
4224
4225  /* Plugin grid */
4226  .hmd-plugins__grid {
4227    display: grid;
4228    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
4229    gap: 1px;
4230    background: #1a1a1a;
4231    border: 1px solid #1a1a1a;
4232  }
4233
4234  /* Plugin card */
4235  .hmd-plugin-card {
4236    background: #0d0d0d;
4237    display: flex;
4238    flex-direction: column;
4239    position: relative;
4240    transition: background 0.2s ease;
4241    text-decoration: none;
4242    overflow: hidden;
4243  }
4244  .hmd-plugin-card:hover {
4245    background: #111;
4246  }
4247  .hmd-plugin-card::after {
4248    content: '';
4249    position: absolute;
4250    top: 0;
4251    left: 0;
4252    right: 0;
4253    height: 2px;
4254    background: #E8232A;
4255    transform: scaleX(0);
4256    transform-origin: left;
4257    transition: transform 0.25s ease;
4258  }
4259  .hmd-plugin-card:hover::after {
4260    transform: scaleX(1);
4261  }
4262
4263  /* Card image */
4264  .hmd-plugin-card__img-wrap {
4265    position: relative;
4266    aspect-ratio: 16/9;
4267    background: #151515;
4268    overflow: hidden;
4269  }
4270  .hmd-plugin-card__img {
4271    width: 100%;
4272    height: 100%;
4273    object-fit: contain;
4274    background: #151515;
4275    transition: transform 0.4s ease, opacity 0.2s ease;
4276    opacity: 0.9;
4277  }
4278  .hmd-plugin-card:hover .hmd-plugin-card__img {
4279    transform: scale(1.04);
4280    opacity: 1;
4281  }
4282  .hmd-plugin-card__img-placeholder {
4283    width: 100%;
4284    height: 100%;
4285    display: flex;
4286    align-items: center;
4287    justify-content: center;
4288    background: #111;
4289  }
4290  .hmd-plugin-card__img-placeholder svg {
4291    width: 40px;
4292    height: 40px;
4293    opacity: 0.15;
4294  }
4295
4296  /* Badges on image */
4297  .hmd-plugin-card__badges {
4298    position: absolute;
4299    top: 12px;
4300    left: 12px;
4301    display: flex;
4302    flex-direction: column;
4303    gap: 6px;
4304  }
4305  .hmd-badge {
4306    font-size: 9px;
4307    font-weight: 700;
4308    letter-spacing: 0.14em;
4309    text-transform: uppercase;
4310    padding: 4px 8px;
4311    line-height: 1;
4312  }
4313  .hmd-badge--trial {
4314    background: #E8232A;
4315    color: #fff;
4316  }
4317  .hmd-badge--sale {
4318    background: #fff;
4319    color: #0a0a0a;
4320  }
4321  .hmd-badge--new {
4322    background: transparent;
4323    color: #E8232A;
4324    border: 1px solid #E8232A;
4325  }
4326
4327  /* Card body */
4328  .hmd-plugin-card__body {
4329    padding: 20px;
4330    display: flex;
4331    flex-direction: column;
4332    flex: 1;
4333  }
4334
4335  .hmd-plugin-card__category {
4336    font-size: 9px;
4337    font-weight: 700;
4338    letter-spacing: 0.18em;
4339    text-transform: uppercase;
4340    color: #999;
4341    margin-bottom: 8px;
4342  }
4343
4344  .hmd-plugin-card__name {
4345    font-size: 16px;
4346    font-weight: 800;
4347    color: #fff;
4348    letter-spacing: -0.5px;
4349    line-height: 1.2;
4350    margin-bottom: 8px;
4351  }
4352
4353  .hmd-plugin-card__desc {
4354    font-size: 12px;
4355    color: #999;
4356    line-height: 1.65;
4357    margin-bottom: 20px;
4358    flex: 1;
4359  }
4360
4361  /* Card footer */
4362  .hmd-plugin-card__footer {
4363    display: flex;
4364    align-items: center;
4365    justify-content: space-between;
4366    padding-top: 16px;
4367    border-top: 1px solid #1a1a1a;
4368    margin-top: auto;
4369  }
4370
4371  .hmd-plugin-card__price-wrap {}
4372  .hmd-plugin-card__price {
4373    font-size: 20px;
4374    font-weight: 900;
4375    color: #fff;
4376    letter-spacing: -0.5px;
4377    line-height: 1;
4378  }
4379  .hmd-plugin-card__price-orig {
4380    font-size: 12px;
4381    color: #777;
4382    text-decoration: line-through;
4383    margin-right: 6px;
4384  }
4385  .hmd-plugin-card__format {
4386    font-size: 10px;
4387    color: #888;
4388    text-transform: uppercase;
4389    letter-spacing: 0.08em;
4390    margin-top: 3px;
4391    font-weight: 500;
4392  }
4393
4394  .hmd-plugin-card__cta {
4395    background: #1a1a1a;
4396    color: #888;
4397    font-size: 10px;
4398    font-weight: 700;
4399    letter-spacing: 0.12em;
4400    text-transform: uppercase;
4401    padding: 10px 14px;
4402    border: 1px solid #222;
4403    text-decoration: none;
4404    display: flex;
4405    align-items: center;
4406    gap: 6px;
4407    transition: all 0.15s ease;
4408    white-space: nowrap;
4409    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
4410  }
4411  .hmd-plugin-card:hover .hmd-plugin-card__cta {
4412    background: #E8232A;
4413    color: #fff;
4414    border-color: #E8232A;
4415  }
4416  .hmd-plugin-card__cta svg {
4417    width: 10px;
4418    height: 10px;
4419  }
4420
4421  /* Bundle teaser strip */
4422  .hmd-plugins__bundle-strip {
4423    margin-top: 1px;
4424    background: #0f0f0f;
4425    border: 1px solid #1a1a1a;
4426    border-top: none;
4427    padding: 20px 28px;
4428    display: flex;
4429    align-items: center;
4430    justify-content: space-between;
4431    gap: 20px;
4432    text-decoration: none;
4433    transition: background 0.15s ease;
4434  }
4435  .hmd-plugins__bundle-strip:hover {
4436    background: #111;
4437  }
4438  .hmd-bundle-strip__left {
4439    display: flex;
4440    align-items: center;
4441    gap: 16px;
4442  }
4443  .hmd-bundle-strip__icon {
4444    width: 36px;
4445    height: 36px;
4446    background: #E8232A11;
4447    border: 1px solid #E8232A33;
4448    display: flex;
4449    align-items: center;
4450    justify-content: center;
4451    flex-shrink: 0;
4452  }
4453  .hmd-bundle-strip__icon svg {
4454    width: 16px;
4455    height: 16px;
4456    color: #E8232A;
4457  }
4458  .hmd-bundle-strip__text {}
4459  .hmd-bundle-strip__title {
4460    font-size: 13px;
4461    font-weight: 700;
4462    color: #fff;
4463    letter-spacing: -0.3px;
4464  }
4465  .hmd-bundle-strip__sub {
4466    font-size: 11px;
4467    color: #999;
4468    margin-top: 2px;
4469  }
4470  .hmd-bundle-strip__right {
4471    display: flex;
4472    align-items: center;
4473    gap: 16px;
4474    flex-shrink: 0;
4475  }
4476  .hmd-bundle-strip__savings {
4477    font-size: 11px;
4478    color: #E8232A;
4479    font-weight: 700;
4480    letter-spacing: 0.08em;
4481    text-transform: uppercase;
4482  }
4483  .hmd-bundle-strip__arrow {
4484    color: #888;
4485    display: flex;
4486    align-items: center;
4487  }
4488  .hmd-bundle-strip__arrow svg {
4489    width: 16px;
4490    height: 16px;
4491    transition: transform 0.15s ease;
4492  }
4493  .hmd-plugins__bundle-strip:hover .hmd-bundle-strip__arrow svg {
4494    transform: translateX(4px);
4495    color: #fff;
4496  }
4497
4498  /* Responsive */
4499  @media (max-width: 1024px) {
4500    .hmd-plugins__inner { padding: 0 24px; }
4501    .hmd-plugins { padding: 60px 0; }
4502  }
4503  @media (max-width: 640px) {
4504    .hmd-plugins__grid { grid-template-columns: 1fr 1fr; }
4505    .hmd-section-header { flex-direction: column; align-items: flex-start; gap: 16px; }
4506    .hmd-section-title { font-size: 26px; }
4507    .hmd-plugins__bundle-strip { flex-direction: column; align-items: flex-start; }
4508  }
4509  @media (max-width: 420px) {
4510    .hmd-plugins__grid { grid-template-columns: 1fr; }
4511  }
4512</style>
4513
4514<section class="hmd-plugins" id="hmd-plugins">
4515  <div class="hmd-plugins__inner">
4516
4517    <!-- Section Header -->
4518    <div class="hmd-section-header">
4519      <div class="hmd-section-header__left">
4520        <div class="hmd-section-eyebrow">01 — Audio Plugins</div>
4521        <h2 class="hmd-section-title">Professional Plugins</h2>
4522      </div>
4523      <a href="/collections/plugins-1" class="hmd-section-link">
4524        View All Plugins
4525        <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
4526          <path d="M1 6h10M6 1l5 5-5 5"/>
4527        </svg>
4528      </a>
4529    </div>
4530
4531    <!-- Plugin Cards Grid -->
4532    <div class="hmd-plugins__grid">
4533      
4534        
4535        <a href="/products/greenlight-meter" class="hmd-plugin-card" >
4536
4537          <div class="hmd-plugin-card__img-wrap">
4538            
4539              <img class="hmd-plugin-card__img"
4540                   src="//helpmedevvon.com/cdn/shop/files/GreenlightMeter.png?v=1788329230&width=600"
4541                   alt="Greenlight Meter"
4542                   loading="lazy"
4543                   width="600"
4544                   height="450">
4545            
4546
4547            <div class="hmd-plugin-card__badges">
4548              
4549              
4550              
4551                <span class="hmd-badge hmd-badge--new">New</span>
4552              
4553            </div>
4554          </div>
4555
4556          <div class="hmd-plugin-card__body">
4557            <div class="hmd-plugin-card__category">Metering</div>
4558            <div class="hmd-plugin-card__name">Greenlight Meter</div>
4559            <div class="hmd-plugin-card__desc">A simple, intuitive meter that shows when your mix is sitting in the sweet spot for loudness, dynamics, peaks, and midrange balance.</div>
4560
4561            <div class="hmd-plugin-card__footer">
4562              <div class="hmd-plugin-card__price-wrap">
4563                
4564                <div class="hmd-plugin-card__price">69.99</div>
4565                <div class="hmd-plugin-card__format">VST / AU / AAX</div>
4566              </div>
4567              <span class="hmd-plugin-card__cta">
4568                Buy Now
4569                <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
4570                  <path d="M1 6h10M6 1l5 5-5 5"/>
4571                </svg>
4572              </span>
4573            </div>
4574          </div>
4575
4576        </a>
4577        
4578      
4579        
4580        <a href="/products/100-pound-plugin" class="hmd-plugin-card" >
4581
4582          <div class="hmd-plugin-card__img-wrap">
4583            
4584              <img class="hmd-plugin-card__img"
4585                   src="//helpmedevvon.com/cdn/shop/files/100POUNDPLUGIN-editable.png?v=1782016970&width=600"
4586                   alt="100 Pound Plugin"
4587                   loading="lazy"
4588                   width="600"
4589                   height="450">
4590            
4591
4592            <div class="hmd-plugin-card__badges">
4593              
4594              
4595              
4596                <span class="hmd-badge hmd-badge--new">New</span>
4597              
4598            </div>
4599          </div>
4600
4601          <div class="hmd-plugin-card__body">
4602            <div class="hmd-plugin-card__category">Dynamics</div>
4603            <div class="hmd-plugin-card__name">100 Pound Plugin</div>
4604            <div class="hmd-plugin-card__desc">Add weight and perceived loudness for a bigger, fuller mix.</div>
4605
4606            <div class="hmd-plugin-card__footer">
4607              <div class="hmd-plugin-card__price-wrap">
4608                
4609                <div class="hmd-plugin-card__price">$79.99</div>
4610                <div class="hmd-plugin-card__format">VST / AU / AAX</div>
4611              </div>
4612              <span class="hmd-plugin-card__cta">
4613                Buy Now
4614                <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
4615                  <path d="M1 6h10M6 1l5 5-5 5"/>
4616                </svg>
4617              </span>
4618            </div>
4619          </div>
4620
4621        </a>
4622        
4623      
4624        
4625        <a href="/products/2-track-surgeon" class="hmd-plugin-card" >
4626
4627          <div class="hmd-plugin-card__img-wrap">
4628            
4629              <img class="hmd-plugin-card__img"
4630                   src="//helpmedevvon.com/cdn/shop/files/2TrackSurgeon.png?v=1772147339&width=600"
4631                   alt="2-Track Surgeon"
4632                   loading="lazy"
4633                   width="600"
4634                   height="450">
4635            
4636
4637            <div class="hmd-plugin-card__badges">
4638              
4639              
4640              
4641            </div>
4642          </div>
4643
4644          <div class="hmd-plugin-card__body">
4645            <div class="hmd-plugin-card__category">Mix Bus Plugin</div>
4646            <div class="hmd-plugin-card__name">2-Track Surgeon</div>
4647            <div class="hmd-plugin-card__desc">Surgical precision audio plugin for your stereo mix or 2-track instrumental.</div>
4648
4649            <div class="hmd-plugin-card__footer">
4650              <div class="hmd-plugin-card__price-wrap">
4651                
4652                <div class="hmd-plugin-card__price">$99.99</div>
4653                <div class="hmd-plugin-card__format">VST / AU / AAX</div>
4654              </div>
4655              <span class="hmd-plugin-card__cta">
4656                Buy Now
4657                <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
4658                  <path d="M1 6h10M6 1l5 5-5 5"/>
4659                </svg>
4660              </span>
4661            </div>
4662          </div>
4663
4664        </a>
4665        
4666      
4667        
4668        <a href="/products/hmd-rosetta-eq" class="hmd-plugin-card" >
4669
4670          <div class="hmd-plugin-card__img-wrap">
4671            
4672              <img class="hmd-plugin-card__img"
4673                   src="//helpmedevvon.com/cdn/shop/files/ADDITIVESIDE_6d234c99-4a84-4388-bf95-2ddcacddc7db.png?v=1772148006&width=600"
4674                   alt="HMD Rosetta EQ"
4675                   loading="lazy"
4676                   width="600"
4677                   height="450">
4678            
4679
4680            <div class="hmd-plugin-card__badges">
4681              
4682              
4683              
4684            </div>
4685          </div>
4686
4687          <div class="hmd-plugin-card__body">
4688            <div class="hmd-plugin-card__category">Equalizer Plugin</div>
4689            <div class="hmd-plugin-card__name">HMD Rosetta EQ</div>
4690            <div class="hmd-plugin-card__desc">Reimagining the EQ. Designed to translate your sonic preferences into intuitive results.</div>
4691
4692            <div class="hmd-plugin-card__footer">
4693              <div class="hmd-plugin-card__price-wrap">
4694                
4695                <div class="hmd-plugin-card__price">$69.99</div>
4696                <div class="hmd-plugin-card__format">VST / AU / AAX</div>
4697              </div>
4698              <span class="hmd-plugin-card__cta">
4699                Buy Now
4700                <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
4701                  <path d="M1 6h10M6 1l5 5-5 5"/>
4702                </svg>
4703              </span>
4704            </div>
4705          </div>
4706
4707        </a>
4708        
4709      
4710        
4711        <a href="/products/hmd-rosetta-compressor" class="hmd-plugin-card" >
4712
4713          <div class="hmd-plugin-card__img-wrap">
4714            
4715              <img class="hmd-plugin-card__img"
4716                   src="//helpmedevvon.com/cdn/shop/files/Compressor.png?v=1772147339&width=600"
4717                   alt="HMD Rosetta Compressor"
4718                   loading="lazy"
4719                   width="600"
4720                   height="450">
4721            
4722
4723            <div class="hmd-plugin-card__badges">
4724              
4725              
4726              
4727            </div>
4728          </div>
4729
4730          <div class="hmd-plugin-card__body">
4731            <div class="hmd-plugin-card__category">Dynamics Plugin</div>
4732            <div class="hmd-plugin-card__name">HMD Rosetta Compressor</div>
4733            <div class="hmd-plugin-card__desc">Reimagining compression. Translates your sonic preferences into intuitive dynamic control.</div>
4734
4735            <div class="hmd-plugin-card__footer">
4736              <div class="hmd-plugin-card__price-wrap">
4737                
4738                <div class="hmd-plugin-card__price">$69.99</div>
4739                <div class="hmd-plugin-card__format">VST / AU / AAX</div>
4740              </div>
4741              <span class="hmd-plugin-card__cta">
4742                Buy Now
4743                <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
4744                  <path d="M1 6h10M6 1l5 5-5 5"/>
4745                </svg>
4746              </span>
4747            </div>
4748          </div>
4749
4750        </a>
4751        
4752      
4753        
4754        <a href="/products/uncompressor" class="hmd-plugin-card" >
4755
4756          <div class="hmd-plugin-card__img-wrap">
4757            
4758              <img class="hmd-plugin-card__img"
4759                   src="//helpmedevvon.com/cdn/shop/files/Uncompressor.png?v=1763869795&width=600"
4760                   alt="HMD Uncompressor"
4761                   loading="lazy"
4762                   width="600"
4763                   height="450">
4764            
4765
4766            <div class="hmd-plugin-card__badges">
4767              
4768              
4769              
4770            </div>
4771          </div>
4772
4773          <div class="hmd-plugin-card__body">
4774            <div class="hmd-plugin-card__category">Transient Plugin</div>
4775            <div class="hmd-plugin-card__name">HMD Uncompressor</div>
4776            <div class="hmd-plugin-card__desc">Bring dynamics back to life. Revolutionary transient-based processing for modern production.</div>
4777
4778            <div class="hmd-plugin-card__footer">
4779              <div class="hmd-plugin-card__price-wrap">
4780                
4781                <div class="hmd-plugin-card__price">$69.99</div>
4782                <div class="hmd-plugin-card__format">VST / AU / AAX</div>
4783              </div>
4784              <span class="hmd-plugin-card__cta">
4785                Buy Now
4786                <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
4787                  <path d="M1 6h10M6 1l5 5-5 5"/>
4788                </svg>
4789              </span>
4790            </div>
4791          </div>
4792
4793        </a>
4794        
4795      
4796        
4797        <a href="/products/hmd-black-vortex-1" class="hmd-plugin-card" >
4798
4799          <div class="hmd-plugin-card__img-wrap">
4800            
4801              <img class="hmd-plugin-card__img"
4802                   src="//helpmedevvon.com/cdn/shop/files/HMD_Black_Vortex_Image.png?v=1772147653&width=600"
4803                   alt="HMD Black Vortex"
4804                   loading="lazy"
4805                   width="600"
4806                   height="450">
4807            
4808
4809            <div class="hmd-plugin-card__badges">
4810              
4811              
4812              
4813            </div>
4814          </div>
4815
4816          <div class="hmd-plugin-card__body">
4817            <div class="hmd-plugin-card__category">Time-Based Plugin</div>
4818            <div class="hmd-plugin-card__name">HMD Black Vortex</div>
4819            <div class="hmd-plugin-card__desc">Ultimate depth control for your mix. Powerful time-based effects for spatial sound design.</div>
4820
4821            <div class="hmd-plugin-card__footer">
4822              <div class="hmd-plugin-card__price-wrap">
4823                
4824                <div class="hmd-plugin-card__price">$69.99</div>
4825                <div class="hmd-plugin-card__format">VST / AU / AAX</div>
4826              </div>
4827              <span class="hmd-plugin-card__cta">
4828                Buy Now
4829                <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
4830                  <path d="M1 6h10M6 1l5 5-5 5"/>
4831                </svg>
4832              </span>
4833            </div>
4834          </div>
4835
4836        </a>
4837        
4838      
4839        
4840        <a href="/products/hmd-core-5-plugin-bundle" class="hmd-plugin-card" >
4841
4842          <div class="hmd-plugin-card__img-wrap">
4843            
4844              <img class="hmd-plugin-card__img"
4845                   src="//helpmedevvon.com/cdn/shop/files/Core5Bundle.jpg?v=1772146873&width=600"
4846                   alt="HMD Core 5 Bundle"
4847                   loading="lazy"
4848                   width="600"
4849                   height="450">
4850            
4851
4852            <div class="hmd-plugin-card__badges">
4853              
4854              
4855                <span class="hmd-badge hmd-badge--sale">Sale</span>
4856              
4857              
4858            </div>
4859          </div>
4860
4861          <div class="hmd-plugin-card__body">
4862            <div class="hmd-plugin-card__category">Bundle</div>
4863            <div class="hmd-plugin-card__name">HMD Core 5 Bundle</div>
4864            <div class="hmd-plugin-card__desc">This bundle includes the Rosetta EQ, Rosetta Compressor, Uncompressor, Black Vortex And 2-Track Surgeon.</div>
4865
4866            <div class="hmd-plugin-card__footer">
4867              <div class="hmd-plugin-card__price-wrap">
4868                
4869                  <span class="hmd-plugin-card__price-orig">379.95</span>
4870                
4871                <div class="hmd-plugin-card__price">279.99</div>
4872                <div class="hmd-plugin-card__format">VST / AU / AAX</div>
4873              </div>
4874              <span class="hmd-plugin-card__cta">
4875                Buy Now
4876                <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
4877                  <path d="M1 6h10M6 1l5 5-5 5"/>
4878                </svg>
4879              </span>
4880            </div>
4881          </div>
4882
4883        </a>
4884        
4885      
4886    </div>
4887
4888    <!-- Bundle Upsell Strip -->
4889    
4890    <a href="/products/hmd-core-5-plugin-bundle" class="hmd-plugins__bundle-strip">
4891      <div class="hmd-bundle-strip__left">
4892        <div class="hmd-bundle-strip__icon">
4893          <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round">
4894            <rect x="1" y="4" width="14" height="10" rx="1"/>
4895            <path d="M5 4V3a3 3 0 016 0v1"/>
4896            <path d="M1 8h14"/>
4897          </svg>
4898        </div>
4899        <div class="hmd-bundle-strip__text">
4900          <div class="hmd-bundle-strip__title">Get all 5 plugins — HMD Core 5 Bundle</div>
4901          <div class="hmd-bundle-strip__sub">Every core HMD plugin in one package. Built for real sessions.</div>
4902        </div>
4903      </div>
4904      <div class="hmd-bundle-strip__right">
4905        <span class="hmd-bundle-strip__savings">Save over 40%</span>
4906        <div class="hmd-bundle-strip__arrow">
4907          <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round">
4908            <path d="M1 8h14M8 2l6 6-6 6"/>
4909          </svg>
4910        </div>
4911      </div>
4912    </a>
4913    
4914
4915  </div>
4916</section>
4917
4918
4919</div><div id="shopify-section-template--21593914769621__hmd_testimonials_wkjbpY" class="shopify-section">
4920
4921<style>
4922  .hmd-testimonials {
4923    background: #0a0a0a;
4924    padding: 80px 0;
4925    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
4926    border-top: 1px solid #1a1a1a;
4927    overflow: hidden;
4928    position: relative;
4929  }
4930
4931  /* Subtle background texture */
4932  .hmd-testimonials__bg {
4933    position: absolute;
4934    inset: 0;
4935    background-image:
4936      linear-gradient(rgba(232,35,42,0.02) 1px, transparent 1px),
4937      linear-gradient(90deg, rgba(232,35,42,0.02) 1px, transparent 1px);
4938    background-size: 80px 80px;
4939    pointer-events: none;
4940  }
4941
4942  .hmd-testimonials__inner {
4943    max-width: 1320px;
4944    margin: 0 auto;
4945    padding: 0 40px;
4946    position: relative;
4947    z-index: 2;
4948  }
4949
4950  /* Section header */
4951  .hmd-testimonials__header {
4952    display: flex;
4953    align-items: flex-end;
4954    justify-content: space-between;
4955    margin-bottom: 48px;
4956    padding-bottom: 24px;
4957    border-bottom: 1px solid #1a1a1a;
4958  }
4959  .hmd-testimonials__eyebrow {
4960    font-size: 10px;
4961    font-weight: 700;
4962    letter-spacing: 0.22em;
4963    text-transform: uppercase;
4964    color: #E8232A;
4965    margin-bottom: 8px;
4966    display: flex;
4967    align-items: center;
4968    gap: 10px;
4969  }
4970  .hmd-testimonials__eyebrow::before {
4971    content: '';
4972    display: inline-block;
4973    width: 20px;
4974    height: 2px;
4975    background: #E8232A;
4976    flex-shrink: 0;
4977  }
4978  .hmd-testimonials__title {
4979    font-size: 32px;
4980    font-weight: 900;
4981    color: #fff;
4982    letter-spacing: -1.5px;
4983    line-height: 1;
4984  }
4985  .hmd-testimonials__header-right {
4986    display: flex;
4987    flex-direction: column;
4988    align-items: flex-end;
4989    gap: 6px;
4990    flex-shrink: 0;
4991  }
4992  .hmd-testimonials__grammy-badge {
4993    display: flex;
4994    align-items: center;
4995    gap: 8px;
4996    background: #111;
4997    border: 1px solid #1e1e1e;
4998    padding: 8px 14px;
4999  }
5000  .hmd-testimonials__grammy-badge svg {
5001    width: 16px;
5002    height: 16px;
5003    color: #c9a84c;
5004    flex-shrink: 0;
5005  }
5006  .hmd-testimonials__grammy-text {
5007    font-size: 10px;
5008    font-weight: 700;
5009    letter-spacing: 0.14em;
5010    text-transform: uppercase;
5011    color: #c9a84c;
5012  }
5013
5014  /* Testimonials grid */
5015  .hmd-testimonials__grid {
5016    display: grid;
5017    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
5018    gap: 1px;
5019    background: #1a1a1a;
5020    border: 1px solid #1a1a1a;
5021  }
5022
5023  /* Testimonial card */
5024  .hmd-testimonial-card {
5025    background: #0d0d0d;
5026    padding: 32px;
5027    display: flex;
5028    flex-direction: column;
5029    gap: 24px;
5030    position: relative;
5031    transition: background 0.2s;
5032  }
5033  .hmd-testimonial-card:hover { background: #111; }
5034
5035  /* Quote mark */
5036  .hmd-testimonial-card__quote-mark {
5037    position: absolute;
5038    top: 24px;
5039    right: 28px;
5040    font-size: 80px;
5041    font-weight: 900;
5042    color: #E8232A;
5043    opacity: 0.08;
5044    line-height: 1;
5045    font-family: Georgia, serif;
5046    pointer-events: none;
5047    user-select: none;
5048  }
5049
5050  /* Stars */
5051  .hmd-testimonial-card__stars {
5052    display: flex;
5053    gap: 3px;
5054  }
5055  .hmd-testimonial-card__star {
5056    width: 12px;
5057    height: 12px;
5058    color: #c9a84c;
5059  }
5060
5061  /* Quote text */
5062  .hmd-testimonial-card__quote {
5063    font-size: 15px;
5064    color: #888;
5065    line-height: 1.8;
5066    font-style: italic;
5067    flex: 1;
5068    position: relative;
5069    z-index: 1;
5070  }
5071  .hmd-testimonial-card__quote::before {
5072    content: '\201C';
5073    color: #E8232A;
5074    font-size: 18px;
5075    font-style: normal;
5076    margin-right: 2px;
5077  }
5078  .hmd-testimonial-card__quote::after {
5079    content: '\201D';
5080    color: #E8232A;
5081    font-size: 18px;
5082    font-style: normal;
5083    margin-left: 2px;
5084  }
5085
5086  /* Person */
5087  .hmd-testimonial-card__person {
5088    display: flex;
5089    align-items: center;
5090    gap: 14px;
5091    padding-top: 20px;
5092    border-top: 1px solid #1a1a1a;
5093  }
5094
5095  /* Photo */
5096  .hmd-testimonial-card__photo-wrap {
5097    position: relative;
5098    flex-shrink: 0;
5099  }
5100  .hmd-testimonial-card__photo {
5101    width: 52px;
5102    height: 52px;
5103    border-radius: 50%;
5104    object-fit: cover;
5105    display: block;
5106    border: 2px solid #1e1e1e;
5107  }
5108  .hmd-testimonial-card__photo-placeholder {
5109    width: 52px;
5110    height: 52px;
5111    border-radius: 50%;
5112    background: #1a1a1a;
5113    border: 2px solid #222;
5114    display: flex;
5115    align-items: center;
5116    justify-content: center;
5117    font-size: 16px;
5118    font-weight: 800;
5119    color: #E8232A;
5120    flex-shrink: 0;
5121  }
5122  /* Grammy indicator dot */
5123  .hmd-testimonial-card__grammy-dot {
5124    position: absolute;
5125    bottom: 2px;
5126    right: 2px;
5127    width: 14px;
5128    height: 14px;
5129    background: #c9a84c;
5130    border-radius: 50%;
5131    border: 2px solid #0d0d0d;
5132    display: flex;
5133    align-items: center;
5134    justify-content: center;
5135  }
5136  .hmd-testimonial-card__grammy-dot svg {
5137    width: 7px;
5138    height: 7px;
5139    color: #0a0a0a;
5140  }
5141
5142  /* Name + credits */
5143  .hmd-testimonial-card__info {}
5144  .hmd-testimonial-card__name {
5145    font-size: 13px;
5146    font-weight: 800;
5147    color: #fff;
5148    letter-spacing: -0.3px;
5149    margin-bottom: 2px;
5150  }
5151  .hmd-testimonial-card__title {
5152    font-size: 11px;
5153    color: #999;
5154    letter-spacing: 0.04em;
5155    margin-bottom: 4px;
5156  }
5157  .hmd-testimonial-card__credits {
5158    display: flex;
5159    flex-wrap: wrap;
5160    gap: 4px;
5161  }
5162  .hmd-testimonial-card__credit {
5163    font-size: 9px;
5164    font-weight: 700;
5165    letter-spacing: 0.1em;
5166    text-transform: uppercase;
5167    color: #888;
5168    background: #141414;
5169    border: 1px solid #1e1e1e;
5170    padding: 2px 7px;
5171  }
5172  .hmd-testimonial-card__credit.grammy {
5173    color: #c9a84c;
5174    border-color: #c9a84c22;
5175    background: #c9a84c0a;
5176  }
5177
5178  /* Bottom trust bar */
5179  .hmd-testimonials__trust-bar {
5180    display: flex;
5181    align-items: center;
5182    justify-content: center;
5183    gap: 40px;
5184    margin-top: 40px;
5185    padding-top: 32px;
5186    border-top: 1px solid #1a1a1a;
5187    flex-wrap: wrap;
5188  }
5189  .hmd-testimonials__trust-item {
5190    display: flex;
5191    flex-direction: column;
5192    align-items: center;
5193    gap: 4px;
5194  }
5195  .hmd-testimonials__trust-num {
5196    font-size: 24px;
5197    font-weight: 900;
5198    color: #fff;
5199    letter-spacing: -1px;
5200    line-height: 1;
5201  }
5202  .hmd-testimonials__trust-label {
5203    font-size: 10px;
5204    color: #888;
5205    text-transform: uppercase;
5206    letter-spacing: 0.12em;
5207    font-weight: 500;
5208  }
5209  .hmd-testimonials__trust-divider {
5210    width: 1px;
5211    height: 36px;
5212    background: #1e1e1e;
5213  }
5214
5215  /* Responsive */
5216  @media (max-width: 1080px) {
5217    .hmd-testimonials__inner { padding: 0 24px; }
5218    .hmd-testimonials { padding: 60px 0; }
5219    .hmd-testimonials__header { flex-direction: column; align-items: flex-start; gap: 16px; }
5220  }
5221  @media (max-width: 640px) {
5222    .hmd-testimonials__grid { grid-template-columns: 1fr; }
5223    .hmd-testimonials__trust-bar { gap: 24px; }
5224    .hmd-testimonials__title { font-size: 26px; }
5225  }
5226</style>
5227
5228<section class="hmd-testimonials" id="hmd-testimonials">
5229  <div class="hmd-testimonials__bg"></div>
5230  <div class="hmd-testimonials__inner">
5231
5232    <!-- Section Header -->
5233    <div class="hmd-testimonials__header">
5234      <div>
5235        <div class="hmd-testimonials__eyebrow">Social Proof</div>
5236        <h2 class="hmd-testimonials__title">Trusted by the Industry's Best</h2>
5237      </div>
5238      
5239      <div class="hmd-testimonials__header-right">
5240        <div class="hmd-testimonials__grammy-badge">
5241          <svg viewBox="0 0 16 16" fill="currentColor">
5242            <path d="M8 1l1.8 3.6L14 5.6l-3 2.9.7 4.1L8 10.5l-3.7 2.1.7-4.1-3-2.9 4.2-.6z"/>
5243          </svg>
5244          <span class="hmd-testimonials__grammy-text">Trusted by Grammy-Winning Engineers</span>
5245        </div>
5246      </div>
5247      
5248    </div>
5249
5250    <!-- Testimonials Grid -->
5251    <div class="hmd-testimonials__grid">
5252      
5253        
5254        <div class="hmd-testimonial-card" >
5255
5256          <span class="hmd-testimonial-card__quote-mark">"</span>
5257
5258          <!-- Stars -->
5259          
5260          <div class="hmd-testimonial-card__stars">
5261            
5262              <svg class="hmd-testimonial-card__star" viewBox="0 0 12 12" fill="currentColor">
5263                <path d="M6 1l1.3 2.6 2.9.4-2.1 2 .5 2.9L6 7.5 3.4 9l.5-2.9-2.1-2 2.9-.4z"/>
5264              </svg>
5265            
5266              <svg class="hmd-testimonial-card__star" viewBox="0 0 12 12" fill="currentColor">
5267                <path d="M6 1l1.3 2.6 2.9.4-2.1 2 .5 2.9L6 7.5 3.4 9l.5-2.9-2.1-2 2.9-.4z"/>
5268              </svg>
5269            
5270              <svg class="hmd-testimonial-card__star" viewBox="0 0 12 12" fill="currentColor">
5271                <path d="M6 1l1.3 2.6 2.9.4-2.1 2 .5 2.9L6 7.5 3.4 9l.5-2.9-2.1-2 2.9-.4z"/>
5272              </svg>
5273            
5274              <svg class="hmd-testimonial-card__star" viewBox="0 0 12 12" fill="currentColor">
5275                <path d="M6 1l1.3 2.6 2.9.4-2.1 2 .5 2.9L6 7.5 3.4 9l.5-2.9-2.1-2 2.9-.4z"/>
5276              </svg>
5277            
5278              <svg class="hmd-testimonial-card__star" viewBox="0 0 12 12" fill="currentColor">
5279                <path d="M6 1l1.3 2.6 2.9.4-2.1 2 .5 2.9L6 7.5 3.4 9l.5-2.9-2.1-2 2.9-.4z"/>
5280              </svg>
5281            
5282          </div>
5283          
5284
5285          <!-- Quote -->
5286          <p class="hmd-testimonial-card__quote">Building my career, working from 2-tracks is part of the job. I’ve spent years testing different combinations of EQs, multiband dynamics, and imaging tools to carve space for vocals. 2-Track Surgeon streamlines that entire process.</p>
5287
5288          <!-- Person -->
5289          <div class="hmd-testimonial-card__person">
5290            <div class="hmd-testimonial-card__photo-wrap">
5291              
5292                <img class="hmd-testimonial-card__photo"
5293                     src="//helpmedevvon.com/cdn/shop/files/Copy_of_I_m_so_glad_I_chose_you_for_this_project._The_process_was_smooth_communication_was_clear_and_the_final_result_was_exactly_what_I_was_looking_for..png?v=1777308766&width=120"
5294                     alt="Benjamin Thomas"
5295                     width="52"
5296                     height="52">
5297              
5298              
5299                <div class="hmd-testimonial-card__grammy-dot">
5300                  <svg viewBox="0 0 8 8" fill="currentColor">
5301                    <path d="M4 0.5l0.9 1.8 2 .3-1.5 1.4.4 2L4 5l-1.8 1 .4-2L1.1 2.6l2-.3z"/>
5302                  </svg>
5303                </div>
5304              
5305            </div>
5306
5307            <div class="hmd-testimonial-card__info">
5308              <div class="hmd-testimonial-card__name">Benjamin Thomas</div>
5309              <div class="hmd-testimonial-card__title">Producer & Engineer</div>
5310              <div class="hmd-testimonial-card__credits">
5311                
5312                  <span class="hmd-testimonial-card__credit grammy">Grammy Winner</span>
5313                
5314                
5315                  <span class="hmd-testimonial-card__credit">Pharrell Williams</span>
5316                
5317                
5318                  <span class="hmd-testimonial-card__credit">Lil Uzi Vert</span>
5319                
5320                
5321                  <span class="hmd-testimonial-card__credit">Clipse</span>
5322                
5323              </div>
5324            </div>
5325          </div>
5326
5327        </div>
5328        
5329      
5330        
5331        <div class="hmd-testimonial-card" >
5332
5333          <span class="hmd-testimonial-card__quote-mark">"</span>
5334
5335          <!-- Stars -->
5336          
5337          <div class="hmd-testimonial-card__stars">
5338            
5339              <svg class="hmd-testimonial-card__star" viewBox="0 0 12 12" fill="currentColor">
5340                <path d="M6 1l1.3 2.6 2.9.4-2.1 2 .5 2.9L6 7.5 3.4 9l.5-2.9-2.1-2 2.9-.4z"/>
5341              </svg>
5342            
5343              <svg class="hmd-testimonial-card__star" viewBox="0 0 12 12" fill="currentColor">
5344                <path d="M6 1l1.3 2.6 2.9.4-2.1 2 .5 2.9L6 7.5 3.4 9l.5-2.9-2.1-2 2.9-.4z"/>
5345              </svg>
5346            
5347              <svg class="hmd-testimonial-card__star" viewBox="0 0 12 12" fill="currentColor">
5348                <path d="M6 1l1.3 2.6 2.9.4-2.1 2 .5 2.9L6 7.5 3.4 9l.5-2.9-2.1-2 2.9-.4z"/>
5349              </svg>
5350            
5351              <svg class="hmd-testimonial-card__star" viewBox="0 0 12 12" fill="currentColor">
5352                <path d="M6 1l1.3 2.6 2.9.4-2.1 2 .5 2.9L6 7.5 3.4 9l.5-2.9-2.1-2 2.9-.4z"/>
5353              </svg>
5354            
5355              <svg class="hmd-testimonial-card__star" viewBox="0 0 12 12" fill="currentColor">
5356                <path d="M6 1l1.3 2.6 2.9.4-2.1 2 .5 2.9L6 7.5 3.4 9l.5-2.9-2.1-2 2.9-.4z"/>
5357              </svg>
5358            
5359          </div>
5360          
5361
5362          <!-- Quote -->
5363          <p class="hmd-testimonial-card__quote">“(Un)Compression while actually listening! Uncompressor provides a single interface seamlessly going from compression to expansion in a way that makes you actually listen, disconnecting you from parameters. Love the spectrum buttons. In a time when we're too zoomed into ‘what is this doing?!’</p>
5364
5365          <!-- Person -->
5366          <div class="hmd-testimonial-card__person">
5367            <div class="hmd-testimonial-card__photo-wrap">
5368              
5369                <img class="hmd-testimonial-card__photo"
5370                     src="//helpmedevvon.com/cdn/shop/files/RichardFurch_068ae733-38c5-4084-8371-acf75f363bd5.png?v=1777309021&width=120"
5371                     alt="Richard Furch"
5372                     width="52"
5373                     height="52">
5374              
5375              
5376                <div class="hmd-testimonial-card__grammy-dot">
5377                  <svg viewBox="0 0 8 8" fill="currentColor">
5378                    <path d="M4 0.5l0.9 1.8 2 .3-1.5 1.4.4 2L4 5l-1.8 1 .4-2L1.1 2.6l2-.3z"/>
5379                  </svg>
5380                </div>
5381              
5382            </div>
5383
5384            <div class="hmd-testimonial-card__info">
5385              <div class="hmd-testimonial-card__name">Richard Furch</div>
5386              <div class="hmd-testimonial-card__title">Mixing Engineer</div>
5387              <div class="hmd-testimonial-card__credits">
5388                
5389                  <span class="hmd-testimonial-card__credit grammy">Grammy Winner</span>
5390                
5391                
5392                  <span class="hmd-testimonial-card__credit">Usher</span>
5393                
5394                
5395                  <span class="hmd-testimonial-card__credit">Prince</span>
5396                
5397                
5398                  <span class="hmd-testimonial-card__credit">Boyz II Men</span>
5399                
5400              </div>
5401            </div>
5402          </div>
5403
5404        </div>
5405        
5406      
5407        
5408        <div class="hmd-testimonial-card" >
5409
5410          <span class="hmd-testimonial-card__quote-mark">"</span>
5411
5412          <!-- Stars -->
5413          
5414          <div class="hmd-testimonial-card__stars">
5415            
5416              <svg class="hmd-testimonial-card__star" viewBox="0 0 12 12" fill="currentColor">
5417                <path d="M6 1l1.3 2.6 2.9.4-2.1 2 .5 2.9L6 7.5 3.4 9l.5-2.9-2.1-2 2.9-.4z"/>
5418              </svg>
5419            
5420              <svg class="hmd-testimonial-card__star" viewBox="0 0 12 12" fill="currentColor">
5421                <path d="M6 1l1.3 2.6 2.9.4-2.1 2 .5 2.9L6 7.5 3.4 9l.5-2.9-2.1-2 2.9-.4z"/>
5422              </svg>
5423            
5424              <svg class="hmd-testimonial-card__star" viewBox="0 0 12 12" fill="currentColor">
5425                <path d="M6 1l1.3 2.6 2.9.4-2.1 2 .5 2.9L6 7.5 3.4 9l.5-2.9-2.1-2 2.9-.4z"/>
5426              </svg>
5427            
5428              <svg class="hmd-testimonial-card__star" viewBox="0 0 12 12" fill="currentColor">
5429                <path d="M6 1l1.3 2.6 2.9.4-2.1 2 .5 2.9L6 7.5 3.4 9l.5-2.9-2.1-2 2.9-.4z"/>
5430              </svg>
5431            
5432              <svg class="hmd-testimonial-card__star" viewBox="0 0 12 12" fill="currentColor">
5433                <path d="M6 1l1.3 2.6 2.9.4-2.1 2 .5 2.9L6 7.5 3.4 9l.5-2.9-2.1-2 2.9-.4z"/>
5434              </svg>
5435            
5436          </div>
5437          
5438
5439          <!-- Quote -->
5440          <p class="hmd-testimonial-card__quote">Simple and Efficient. The Black Vortex does exactly what it’s supp
5440osed to do. Love how simple it is for how much difference it makes. Another bonus is that it would be hard to make your mix sound worse with this plugin, a problem thats too common with a lot of these other plugins.</p>
5441
5442          <!-- Person -->
5443          <div class="hmd-testimonial-card__person">
5444            <div class="hmd-testimonial-card__photo-wrap">
5445              
5446                <img class="hmd-testimonial-card__photo"
5447                     src="//helpmedevvon.com/cdn/shop/files/David_Yungin.png?v=1777309812&width=120"
5448                     alt="David Yungin Kim"
5449                     width="52"
5450                     height="52">
5451              
5452              
5453                <div class="hmd-testimonial-card__grammy-dot">
5454                  <svg viewBox="0 0 8 8" fill="currentColor">
5455                    <path d="M4 0.5l0.9 1.8 2 .3-1.5 1.4.4 2L4 5l-1.8 1 .4-2L1.1 2.6l2-.3z"/>
5456                  </svg>
5457                </div>
5458              
5459            </div>
5460
5461            <div class="hmd-testimonial-card__info">
5462              <div class="hmd-testimonial-card__name">David Yungin Kim</div>
5463              <div class="hmd-testimonial-card__title">Recording Engineer</div>
5464              <div class="hmd-testimonial-card__credits">
5465                
5466                  <span class="hmd-testimonial-card__credit grammy">Grammy Winner</span>
5467                
5468                
5469                  <span class="hmd-testimonial-card__credit">Nas</span>
5470                
5471                
5472                  <span class="hmd-testimonial-card__credit">Kendrick Lamar</span>
5473                
5474                
5475                  <span class="hmd-testimonial-card__credit">Post Malone</span>
5476                
5477              </div>
5478            </div>
5479          </div>
5480
5481        </div>
5482        
5483      
5484    </div>
5485
5486    <!-- Trust bar at bottom -->
5487    
5488    <div class="hmd-testimonials__trust-bar">
5489      <div class="hmd-testimonials__trust-item">
5490        <span class="hmd-testimonials__trust-num">30K+</span>
5491        <span class="hmd-testimonials__trust-label">Engineers Worldwide</span>
5492      </div>
5493      <div class="hmd-testimonials__trust-divider"></div>
5494      <div class="hmd-testimonials__trust-item">
5495        <span class="hmd-testimonials__trust-num">Grammy</span>
5496        <span class="hmd-testimonials__trust-label">Award Winning Engineers</span>
5497      </div>
5498      <div class="hmd-testimonials__trust-divider"></div>
5499      <div class="hmd-testimonials__trust-item">
5500        <span class="hmd-testimonials__trust-num">73+</span>
5501        <span class="hmd-testimonials__trust-label">Digital Products</span>
5502      </div>
5503      <div class="hmd-testimonials__trust-divider"></div>
5504      <div class="hmd-testimonials__trust-item">
5505        <span class="hmd-testimonials__trust-num">100%</span>
5506        <span class="hmd-testimonials__trust-label">Instant Download</span>
5507      </div>
5508    </div>
5509    
5510
5511  </div>
5512</section>
5513
5514
5515</div><div id="shopify-section-template--21593914769621__hmd_templates_qGFGcK" class="shopify-section">
5516
5517<style>
5518  .hmd-templates {
5519    background: #0a0a0a;
5520    padding: 80px 0;
5521    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
5522    border-top: 1px solid #1a1a1a;
5523  }
5524  .hmd-templates__inner {
5525    max-width: 1400px;
5526    margin: 0 auto;
5527    padding: 0 40px;
5528  }
5529
5530  /* Header */
5531  .hmd-tmpl-header {
5532    display: flex;
5533    align-items: flex-end;
5534    justify-content: space-between;
5535    margin-bottom: 32px;
5536    padding-bottom: 24px;
5537    border-bottom: 1px solid #1a1a1a;
5538  }
5539  .hmd-tmpl-eyebrow {
5540    font-size: 10px;
5541    font-weight: 700;
5542    letter-spacing: 0.22em;
5543    text-transform: uppercase;
5544    color: #E8232A;
5545    margin-bottom: 8px;
5546    display: flex;
5547    align-items: center;
5548    gap: 10px;
5549  }
5550  .hmd-tmpl-eyebrow::before {
5551    content: '';
5552    display: inline-block;
5553    width: 20px;
5554    height: 2px;
5555    background: #E8232A;
5556    flex-shrink: 0;
5557  }
5558  .hmd-tmpl-title {
5559    font-size: 32px;
5560    font-weight: 900;
5561    color: #fff;
5562    letter-spacing: -1.5px;
5563    line-height: 1;
5564  }
5565  .hmd-tmpl-viewall {
5566    font-size: 11px;
5567    font-weight: 700;
5568    letter-spacing: 0.12em;
5569    text-transform: uppercase;
5570    color: #E8232A;
5571    text-decoration: none;
5572    display: flex;
5573    align-items: center;
5574    gap: 8px;
5575    padding-bottom: 4px;
5576    border-bottom: 1px solid #E8232A33;
5577    white-space: nowrap;
5578  }
5579  .hmd-tmpl-viewall svg { width: 12px; height: 12px; transition: transform 0.15s; }
5580  .hmd-tmpl-viewall:hover svg { transform: translateX(3px); }
5581
5582  /* DAW Tabs */
5583  .hmd-daw-tabs {
5584    display: flex;
5585    align-items: center;
5586    gap: 8px;
5587    margin-bottom: 28px;
5588    flex-wrap: wrap;
5589  }
5590  .hmd-daw-label {
5591    font-size: 10px;
5592    font-weight: 700;
5593    letter-spacing: 0.18em;
5594    text-transform: uppercase;
5595    color: #888;
5596    margin-right: 4px;
5597    white-space: nowrap;
5598  }
5599  .hmd-daw-tab {
5600    background: transparent;
5601    color: #999;
5602    font-size: 11px;
5603    font-weight: 600;
5604    letter-spacing: 0.1em;
5605    text-transform: uppercase;
5606    padding: 9px 18px;
5607    border: 1px solid #1e1e1e;
5608    cursor: pointer;
5609    transition: all 0.15s ease;
5610    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
5611    white-space: nowrap;
5612  }
5613  .hmd-daw-tab:hover { color: #fff; border-color: #333; }
5614  .hmd-daw-tab.is-active { background: #E8232A; color: #fff; border-color: #E8232A; }
5615
5616  /* Panels */
5617  .hmd-daw-panel { display: none; }
5618  .hmd-daw-panel.is-active { display: block; }
5619
5620  /* Product grid */
5621  .hmd-tmpl-grid {
5622    display: grid;
5623    grid-template-columns: repeat(4, 1fr);
5624    gap: 1px;
5625    background: #1a1a1a;
5626    border: 1px solid #1a1a1a;
5627    margin-bottom: 1px;
5628  }
5629
5630  /* Card */
5631  .hmd-tmpl-card {
5632    background: #0d0d0d;
5633    display: flex;
5634    flex-direction: column;
5635    text-decoration: none;
5636    position: relative;
5637    overflow: hidden;
5638    transition: background 0.2s ease;
5639  }
5640  .hmd-tmpl-card:hover { background: #111; }
5641  .hmd-tmpl-card::after {
5642    content: '';
5643    position: absolute;
5644    top: 0; left: 0; right: 0;
5645    height: 2px;
5646    background: #E8232A;
5647    transform: scaleX(0);
5648    transform-origin: left;
5649    transition: transform 0.25s ease;
5650  }
5651  .hmd-tmpl-card:hover::after { transform: scaleX(1); }
5652
5653  .hmd-tmpl-card__img-wrap {
5654    position: relative;
5655    aspect-ratio: 1/1;
5656    background: #111;
5657    overflow: hidden;
5658  }
5659  .hmd-tmpl-card__img {
5660    width: 100%;
5661    height: 100%;
5662    object-fit: cover;
5663    object-position: center top;
5664    opacity: 0.9;
5665    transition: transform 0.4s ease, opacity 0.2s ease;
5666    display: block;
5667  }
5668  .hmd-tmpl-card:hover .hmd-tmpl-card__img { transform: scale(1.05); opacity: 1; }
5669  .hmd-tmpl-card__img-placeholder {
5670    width: 100%;
5671    height: 100%;
5672    display: flex;
5673    align-items: center;
5674    justify-content: center;
5675  }
5676  .hmd-tmpl-card__img-placeholder svg { width: 32px; height: 32px; opacity: 0.1; }
5677
5678  .hmd-tmpl-card__badge {
5679    position: absolute;
5680    top: 10px;
5681    left: 10px;
5682    font-size: 9px;
5683    font-weight: 700;
5684    letter-spacing: 0.12em;
5685    text-transform: uppercase;
5686    background: #E8232A;
5687    color: #fff;
5688    padding: 4px 8px;
5689    max-width: calc(100% - 20px);
5690    white-space: nowrap;
5691    overflow: hidden;
5692    text-overflow: ellipsis;
5693  }
5694  .hmd-tmpl-card__sale {
5695    position: absolute;
5696    top: 10px;
5697    right: 10px;
5698    font-size: 9px;
5699    font-weight: 700;
5700    letter-spacing: 0.1em;
5701    text-transform: uppercase;
5702    background: #fff;
5703    color: #0a0a0a;
5704    padding: 4px 8px;
5705  }
5706
5707  .hmd-tmpl-card__body {
5708    padding: 14px 16px 16px;
5709    display: flex;
5710    flex-direction: column;
5711    flex: 1;
5712  }
5713  .hmd-tmpl-card__type {
5714    font-size: 9px;
5715    font-weight: 700;
5716    letter-spacing: 0.16em;
5717    text-transform: uppercase;
5718    color: #999;
5719    margin-bottom: 5px;
5720  }
5721  .hmd-tmpl-card__name {
5722    font-size: 13px;
5723    font-weight: 700;
5724    color: #fff;
5725    line-height: 1.3;
5726    letter-spacing: -0.2px;
5727    flex: 1;
5728  }
5729  .hmd-tmpl-card__footer {
5730    display: flex;
5731    align-items: center;
5732    justify-content: space-between;
5733    padding-top: 12px;
5734    border-top: 1px solid #1a1a1a;
5735    margin-top: 10px;
5736  }
5737  .hmd-tmpl-card__price {
5738    font-size: 16px;
5739    font-weight: 900;
5740    color: #fff;
5741    letter-spacing: -0.5px;
5742  }
5743  .hmd-tmpl-card__price-compare {
5744    font-size: 11px;
5745    color: #777;
5746    text-decoration: line-through;
5747    margin-right: 4px;
5748  }
5749  .hmd-tmpl-card__cta {
5750    font-size: 10px;
5751    font-weight: 700;
5752    letter-spacing: 0.1em;
5753    text-transform: uppercase;
5754    color: #888;
5755    display: flex;
5756    align-items: center;
5757    gap: 5px;
5758    transition: color 0.15s;
5759  }
5760  .hmd-tmpl-card:hover .hmd-tmpl-card__cta { color: #E8232A; }
5761  .hmd-tmpl-card__cta svg { width: 10px; height: 10px; transition: transform 0.15s; }
5762  .hmd-tmpl-card:hover .hmd-tmpl-card__cta svg { transform: translateX(3px); }
5763
5764  /* Empty */
5765  .hmd-tmpl-empty {
5766    padding: 56px 40px;
5767    text-align: center;
5768    background: #0d0d0d;
5769    border: 1px solid #1a1a1a;
5770  }
5771  .hmd-tmpl-empty p { font-size: 13px; color: #888; }
5772
5773  /* Footer */
5774  .hmd-tmpl-footer {
5775    display: flex;
5776    align-items: center;
5777    justify-content: space-between;
5778    padding: 16px 24px;
5779    background: #0d0d0d;
5780    border: 1px solid #1a1a1a;
5781    border-top: none;
5782  }
5783  .hmd-tmpl-footer__count { font-size: 11px; color: #888; letter-spacing: 0.1em; text-transform: uppercase; }
5784  .hmd-tmpl-footer__link {
5785    font-size: 11px;
5786    font-weight: 700;
5787    letter-spacing: 0.12em;
5788    text-transform: uppercase;
5789    color: #E8232A;
5790    text-decoration: none;
5791    display: flex;
5792    align-items: center;
5793    gap: 6px;
5794  }
5795  .hmd-tmpl-footer__link svg { width: 11px; height: 11px; transition: transform 0.15s; }
5796  .hmd-tmpl-footer__link:hover svg { transform: translateX(3px); }
5797
5798  @media (max-width: 1024px) {
5799    .hmd-templates__inner { padding: 0 24px; }
5800    .hmd-templates { padding: 60px 0; }
5801    .hmd-tmpl-header { flex-direction: column; align-items: flex-start; gap: 16px; }
5802  }
5803  @media (max-width: 1024px) {
5804    .hmd-tmpl-grid { grid-template-columns: repeat(3, 1fr); }
5805  }
5806  @media (max-width: 640px) {
5807    .hmd-tmpl-grid { grid-template-columns: 1fr 1fr; }
5808    .hmd-daw-tab { font-size: 10px; padding: 8px 12px; }
5809    .hmd-tmpl-title { font-size: 26px; }
5810  }
5811  @media (max-width: 380px) {
5812    .hmd-tmpl-grid { grid-template-columns: 1fr; }
5813  }
5814</style>
5815
5816<section class="hmd-templates" id="hmd-templates">
5817  <div class="hmd-templates__inner">
5818
5819    
5820
5821    
5822    
5823    
5824    
5825    
5826    
5827
5828    <!-- Section Header -->
5829    <div class="hmd-tmpl-header">
5830      <div>
5831        <div class="hmd-tmpl-eyebrow">02 — Recording Templates</div>
5832        <h2 class="hmd-tmpl-title">Recording Templates</h2>
5833      </div>
5834      
5835        <a href="/collections/templates" class="hmd-tmpl-viewall">
5836          View All Templates
5837          <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 6h10M6 1l5 5-5 5"/></svg>
5838        </a>
5839      
5840    </div>
5841
5842    <!-- DAW Tabs -->
5843    <div class="hmd-daw-tabs">
5844      <span class="hmd-daw-label">Your DAW:</span>
5845      <button class="hmd-daw-tab is-active" data-panel="all">All DAWs</button>
5846      <button class="hmd-daw-tab" data-panel="protools">Pro Tools</button>
5847      <button class="hmd-daw-tab" data-panel="logic">Logic Pro</button>
5848      <button class="hmd-daw-tab" data-panel="ableton">Ableton Live</button>
5849      <button class="hmd-daw-tab" data-panel="fl">FL Studio</button>
5850      <button class="hmd-daw-tab" data-panel="s1">Studio One</button>
5851    </div>
5852
5853    
5854
5855    
5856    <div class="hmd-daw-panel is-active" id="hmd-panel-all">
5857      
5858        <div class="hmd-tmpl-grid">
5859          
5860            
5861            
5862            <a href="/products/devvon-terrell-signature-vocal-chain" class="hmd-tmpl-card">
5863              <div class="hmd-tmpl-card__img-wrap">
5864                
5865                  <img class="hmd-tmpl-card__img"
5866                       src="//helpmedevvon.com/cdn/shop/files/Devvon_Terrell_Signature_Vocal_Chain_copyCROP.png?v=1777326931&width=600"
5867                       alt="Devvon Terrell Signature Vocal Chain"
5868                       loading="lazy" width="600" height="338">
5869                
5870                
5871                
5872                
5873              </div>
5874              <div class="hmd-tmpl-card__body">
5875                <div class="hmd-tmpl-card__type">Recording Template</div>
5876                <div class="hmd-tmpl-card__name">Devvon Terrell Signature Vocal Chain</div>
5877                <div class="hmd-tmpl-card__footer">
5878                  <span class="hmd-tmpl-card__price">
5879                    
5880                    $49.99
5881                  </span>
5882                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
5883                </div>
5884              </div>
5885            </a>
5886          
5887            
5888            
5889            <a href="/products/roddy-ricch-type-vocal-template-abelton" class="hmd-tmpl-card">
5890              <div class="hmd-tmpl-card__img-wrap">
5891                
5892                  <img class="hmd-tmpl-card__img"
5893                       src="//helpmedevvon.com/cdn/shop/files/Roddy_Ricch_Type_Vocal_Template_ProTools_FL_Studio_Logic_Ableton_copy.png?v=1777354800&width=600"
5894                       alt="Roddy Ricch Type Vocal Template (ProTools, FL Studio, Logic, Ableton)"
5895                       loading="lazy" width="600" height="338">
5896                
5897                
5898                
5899                
5900              </div>
5901              <div class="hmd-tmpl-card__body">
5902                <div class="hmd-tmpl-card__type">Recording Template</div>
5903                <div class="hmd-tmpl-card__name">Roddy Ricch Type Vocal Template (ProTools, FL Studio, Logic, Ableton)</div>
5904                <div class="hmd-tmpl-card__footer">
5905                  <span class="hmd-tmpl-card__price">
5906                    
5907                    $49.99
5908                  </span>
5909                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
5910                </div>
5911              </div>
5912            </a>
5913          
5914            
5915            
5916            <a href="/products/drake-type-vocal-template" class="hmd-tmpl-card">
5917              <div class="hmd-tmpl-card__img-wrap">
5918                
5919                  <img class="hmd-tmpl-card__img"
5920                       src="//helpmedevvon.com/cdn/shop/files/Drizzy.jpg?v=1780090016&width=600"
5921                       alt="Drake Type Vocal Template"
5922                       loading="lazy" width="600" height="338">
5923                
5924                
5925                
5926                
5927              </div>
5928              <div class="hmd-tmpl-card__body">
5929                <div class="hmd-tmpl-card__type">Recording Template</div>
5930                <div class="hmd-tmpl-card__name">Drake Type Vocal Template</div>
5931                <div class="hmd-tmpl-card__footer">
5932                  <span class="hmd-tmpl-card__price">
5933                    
5934                    $49.99
5935                  </span>
5936                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
5937                </div>
5938              </div>
5939            </a>
5940          
5941            
5942            
5943            <a href="/products/feel-the-breezy-vocal-chain" class="hmd-tmpl-card">
5944              <div class="hmd-tmpl-card__img-wrap">
5945                
5946                  <img class="hmd-tmpl-card__img"
5947                       src="//helpmedevvon.com/cdn/shop/files/Feel_The_Breezy_Vocal_Chain_58dfa2eb-bd54-485f-80f4-1b020a097aa4_copy.png?v=1777354902&width=600"
5948                       alt="Feel The Breezy Vocal Chain"
5949                       loading="lazy" width="600" height="338">
5950                
5951                
5952                
5953                
5954              </div>
5955              <div class="hmd-tmpl-card__body">
5956                <div class="hmd-tmpl-card__type">Recording Template</div>
5957                <div class="hmd-tmpl-card__name">Feel The Breezy Vocal Chain</div>
5958                <div class="hmd-tmpl-card__footer">
5959                  <span class="hmd-tmpl-card__price">
5960                    
5961                    $49.99
5962                  </span>
5963                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
5964                </div>
5965              </div>
5966            </a>
5967          
5968            
5969            
5970            <a href="/products/on-the-radar-vocal-chain" class="hmd-tmpl-card">
5971              <div class="hmd-tmpl-card__img-wrap">
5972                
5973                  <img class="hmd-tmpl-card__img"
5974                       src="//helpmedevvon.com/cdn/shop/files/OTR_TEMPLATE.jpg?v=1780090795&width=600"
5975                       alt="On The Radar Vocal Chain"
5976                       loading="lazy" width="600" height="338">
5977                
5978                
5979                
5980                
5981              </div>
5982              <div class="hmd-tmpl-card__body">
5983                <div class="hmd-tmpl-card__type">Recording Template</div>
5984                <div class="hmd-tmpl-card__name">On The Radar Vocal Chain</div>
5985                <div class="hmd-tmpl-card__footer">
5986                  <span class="hmd-tmpl-card__price">
5987                    
5988                    $49.99
5989                  </span>
5990                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
5991                </div>
5992              </div>
5993            </a>
5994          
5995            
5996            
5997            <a href="/products/devvon-terrell-vocal-template" class="hmd-tmpl-card">
5998              <div class="hmd-tmpl-card__img-wrap">
5999                
6000                  <img class="hmd-tmpl-card__img"
6001                       src="//helpmedevvon.com/cdn/shop/files/Devvon_Terrell_Vocal_Temp.jpg?v=1780091132&width=600"
6002                       alt="Devvon Terrell Vocal Template"
6003                       loading="lazy" width="600" height="338">
6004                
6005                
6006                
6007                
6008              </div>
6009              <div class="hmd-tmpl-card__body">
6010                <div class="hmd-tmpl-card__type">Recording Template</div>
6011                <div class="hmd-tmpl-card__name">Devvon Terrell Vocal Template</div>
6012                <div class="hmd-tmpl-card__footer">
6013                  <span class="hmd-tmpl-card__price">
6014                    
6015                    $49.99
6016                  </span>
6017                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6018                </div>
6019              </div>
6020            </a>
6021          
6022            
6023            
6024            <a href="/products/male-singer-rapper-bundle" class="hmd-tmpl-card">
6025              <div class="hmd-tmpl-card__img-wrap">
6026                
6027                  <img class="hmd-tmpl-card__img"
6028                       src="//helpmedevvon.com/cdn/shop/files/Male_Singer_Rapper.jpg?v=1780090016&width=600"
6029                       alt="Male Singer Rapper Bundle"
6030                       loading="lazy" width="600" height="338">
6031                
6032                
6033                
6034                
6035              </div>
6036              <div class="hmd-tmpl-card__body">
6037                <div class="hmd-tmpl-card__type">Recording Template</div>
6038                <div class="hmd-tmpl-card__name">Male Singer Rapper Bundle</div>
6039                <div class="hmd-tmpl-card__footer">
6040                  <span class="hmd-tmpl-card__price">
6041                    
6042                    $149.99
6043                  </span>
6044                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6045                </div>
6046              </div>
6047            </a>
6048          
6049            
6050            
6051            <a href="/products/small-child-vocal-chain" class="hmd-tmpl-card">
6052              <div class="hmd-tmpl-card__img-wrap">
6053                
6054                  <img class="hmd-tmpl-card__img"
6055                       src="//helpmedevvon.com/cdn/shop/files/Small_Child_Chain_copy.webp?v=1777708493&width=600"
6056                       alt="Small Child Vocal Chain"
6057                       loading="lazy" width="600" height="338">
6058                
6059                
6060                
6061                
6062              </div>
6063              <div class="hmd-tmpl-card__body">
6064                <div class="hmd-tmpl-card__type">Recording Template</div>
6065                <div class="hmd-tmpl-card__name">Small Child Vocal Chain</div>
6066                <div class="hmd-tmpl-card__footer">
6067                  <span class="hmd-tmpl-card__price">
6068                    
6069                    $49.99
6070                  </span>
6071                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6072                </div>
6073              </div>
6074            </a>
6075          
6076        </div>
6077        <div class="hmd-tmpl-footer">
6078          <span class="hmd-tmpl-footer__count">Showing 8 of 35 templates</span>
6079          <a href="/collections/templates" class="hmd-tmpl-footer__link">Browse All 35 Templates <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 6h10M6 1l5 5-5 5"/></svg></a>
6080        </div>
6081      
6082    </div>
6083
6084    
6085    <div class="hmd-daw-panel" id="hmd-panel-protools">
6086      
6087        <div class="hmd-tmpl-grid">
6088          
6089            
6090            
6091            <a href="/products/the-4-aux-men" class="hmd-tmpl-card">
6092              <div class="hmd-tmpl-card__img-wrap">
6093                
6094                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/4_AUX_MEN_0844a773-a06b-4c31-b7d7-37a12cc7501b.jpg?v=1780090016&width=600" alt="The 4 Aux Men" loading="lazy" width="600" height="338">
6095                
6096                <span class="hmd-tmpl-card__badge">Pro Tools</span>
6097                
6098              </div>
6099              <div class="hmd-tmpl-card__body">
6100                <div class="hmd-tmpl-card__type">Template</div>
6101                <div class="hmd-tmpl-card__name">The 4 Aux Men</div>
6102                <div class="hmd-tmpl-card__footer">
6103                  <span class="hmd-tmpl-card__price">$49.99</span>
6104                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6105                </div>
6106              </div>
6107            </a>
6108          
6109            
6110            
6111            <a href="/products/hmd-rosetta-vocal-template" class="hmd-tmpl-card">
6112              <div class="hmd-tmpl-card__img-wrap">
6113                
6114                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/Rosetta_Template.jpg?v=1780090016&width=600" alt="HMD Rosetta Vocal Template" loading="lazy" width="600" height="338">
6115                
6116                <span class="hmd-tmpl-card__badge">Pro Tools</span>
6117                
6118              </div>
6119              <div class="hmd-tmpl-card__body">
6120                <div class="hmd-tmpl-card__type">Template</div>
6121                <div class="hmd-tmpl-card__name">HMD Rosetta Vocal Template</div>
6122                <div class="hmd-tmpl-card__footer">
6123                  <span class="hmd-tmpl-card__price">$49.99</span>
6124                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6125                </div>
6126              </div>
6127            </a>
6128          
6129            
6130            
6131            <a href="/products/on-the-radar-vocal-chain" class="hmd-tmpl-card">
6132              <div class="hmd-tmpl-card__img-wrap">
6133                
6134                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/OTR_TEMPLATE.jpg?v=1780090795&width=600" alt="On The Radar Vocal Chain" loading="lazy" width="600" height="338">
6135                
6136                <span class="hmd-tmpl-card__badge">Pro Tools</span>
6137                
6138              </div>
6139              <div class="hmd-tmpl-card__body">
6140                <div class="hmd-tmpl-card__type">Pro Tools Template</div>
6141                <div class="hmd-tmpl-card__name">On The Radar Vocal Chain</div>
6142                <div class="hmd-tmpl-card__footer">
6143                  <span class="hmd-tmpl-card__price">$49.99</span>
6144                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6145                </div>
6146              </div>
6147            </a>
6148          
6149            
6150            
6151            <a href="/products/male-rnb-starter-pack" class="hmd-tmpl-card">
6152              <div class="hmd-tmpl-card__img-wrap">
6153                
6154                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/Male_RNB_Starter.jpg?v=1780090016&width=600" alt="Male Rnb Starter Pack" loading="lazy" width="600" height="338">
6155                
6156                <span class="hmd-tmpl-card__badge">Pro Tools</span>
6157                
6158              </div>
6159              <div class="hmd-tmpl-card__body">
6160                <div class="hmd-tmpl-card__type">Pro Tools Template</div>
6161                <div class="hmd-tmpl-card__name">Male Rnb Starter Pack</div>
6162                <div class="hmd-tmpl-card__footer">
6163                  <span class="hmd-tmpl-card__price">$199.99</span>
6164                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6165                </div>
6166              </div>
6167            </a>
6168          
6169            
6170            
6171            <a href="/products/evil-background-vocals-template" class="hmd-tmpl-card">
6172              <div class="hmd-tmpl-card__img-wrap">
6173                
6174                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/Evil_Background_Vocals_Template.webp?v=1739497789&width=600" alt="Evil Background Vocals Template" loading="lazy" width="600" height="338">
6175                
6176                <span class="hmd-tmpl-card__badge">Pro Tools</span>
6177                
6178              </div>
6179              <div class="hmd-tmpl-card__body">
6180                <div class="hmd-tmpl-card__type">Template</div>
6181                <div class="hmd-tmpl-card__name">
6181Evil Background Vocals Template</div>
6182                <div class="hmd-tmpl-card__footer">
6183                  <span class="hmd-tmpl-card__price">$49.99</span>
6184                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6185                </div>
6186              </div>
6187            </a>
6188          
6189            
6190            
6191            <a href="/products/peaches-vocal-chain" class="hmd-tmpl-card">
6192              <div class="hmd-tmpl-card__img-wrap">
6193                
6194                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/Peaces_Vocal_Chain_copy.jpg?v=1777707841&width=600" alt="Peaches Vocal Chain" loading="lazy" width="600" height="338">
6195                
6196                <span class="hmd-tmpl-card__badge">Pro Tools</span>
6197                
6198              </div>
6199              <div class="hmd-tmpl-card__body">
6200                <div class="hmd-tmpl-card__type">Pro Tools Template</div>
6201                <div class="hmd-tmpl-card__name">Peaches Vocal Chain</div>
6202                <div class="hmd-tmpl-card__footer">
6203                  <span class="hmd-tmpl-card__price">$49.99</span>
6204                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6205                </div>
6206              </div>
6207            </a>
6208          
6209            
6210            
6211            <a href="/products/rnb-trap-essentials-vocal-chain" class="hmd-tmpl-card">
6212              <div class="hmd-tmpl-card__img-wrap">
6213                
6214                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/RNB_Essentials.jpg?v=1780090016&width=600" alt="RnB Trap Essentials Vocal Chain" loading="lazy" width="600" height="338">
6215                
6216                <span class="hmd-tmpl-card__badge">Pro Tools</span>
6217                
6218              </div>
6219              <div class="hmd-tmpl-card__body">
6220                <div class="hmd-tmpl-card__type">Pro Tools Template</div>
6221                <div class="hmd-tmpl-card__name">RnB Trap Essentials Vocal Chain</div>
6222                <div class="hmd-tmpl-card__footer">
6223                  <span class="hmd-tmpl-card__price">$49.99</span>
6224                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6225                </div>
6226              </div>
6227            </a>
6228          
6229            
6230            
6231            <a href="/products/devvon-terrell-signature-vocal-chain" class="hmd-tmpl-card">
6232              <div class="hmd-tmpl-card__img-wrap">
6233                
6234                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/Devvon_Terrell_Signature_Vocal_Chain_copyCROP.png?v=1777326931&width=600" alt="Devvon Terrell Signature Vocal Chain" loading="lazy" width="600" height="338">
6235                
6236                <span class="hmd-tmpl-card__badge">Pro Tools</span>
6237                
6238              </div>
6239              <div class="hmd-tmpl-card__body">
6240                <div class="hmd-tmpl-card__type">Pro Tools Template</div>
6241                <div class="hmd-tmpl-card__name">Devvon Terrell Signature Vocal Chain</div>
6242                <div class="hmd-tmpl-card__footer">
6243                  <span class="hmd-tmpl-card__price">$49.99</span>
6244                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6245                </div>
6246              </div>
6247            </a>
6248          
6249        </div>
6250        <div class="hmd-tmpl-footer">
6251          <span class="hmd-tmpl-footer__count">35 Pro Tools templates</span>
6252          <a href="/collections/pro-tools-templates" class="hmd-tmpl-footer__link">Browse All Pro Tools Templates <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 6h10M6 1l5 5-5 5"/></svg></a>
6253        </div>
6254      
6255    </div>
6256
6257    
6258    <div class="hmd-daw-panel" id="hmd-panel-logic">
6259      
6260        <div class="hmd-tmpl-grid">
6261          
6262            
6263            
6264            <a href="/products/the-4-aux-men" class="hmd-tmpl-card">
6265              <div class="hmd-tmpl-card__img-wrap">
6266                
6267                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/4_AUX_MEN_0844a773-a06b-4c31-b7d7-37a12cc7501b.jpg?v=1780090016&width=600" alt="The 4 Aux Men" loading="lazy" width="600" height="338">
6268                
6269                <span class="hmd-tmpl-card__badge">Logic Pro</span>
6270                
6271              </div>
6272              <div class="hmd-tmpl-card__body">
6273                <div class="hmd-tmpl-card__type">Template</div>
6274                <div class="hmd-tmpl-card__name">The 4 Aux Men</div>
6275                <div class="hmd-tmpl-card__footer">
6276                  <span class="hmd-tmpl-card__price">$49.99</span>
6277                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6278                </div>
6279              </div>
6280            </a>
6281          
6282            
6283            
6284            <a href="/products/hmd-rosetta-vocal-template" class="hmd-tmpl-card">
6285              <div class="hmd-tmpl-card__img-wrap">
6286                
6287                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/Rosetta_Template.jpg?v=1780090016&width=600" alt="HMD Rosetta Vocal Template" loading="lazy" width="600" height="338">
6288                
6289                <span class="hmd-tmpl-card__badge">Logic Pro</span>
6290                
6291              </div>
6292              <div class="hmd-tmpl-card__body">
6293                <div class="hmd-tmpl-card__type">Template</div>
6294                <div class="hmd-tmpl-card__name">HMD Rosetta Vocal Template</div>
6295                <div class="hmd-tmpl-card__footer">
6296                  <span class="hmd-tmpl-card__price">$49.99</span>
6297                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6298                </div>
6299              </div>
6300            </a>
6301          
6302            
6303            
6304            <a href="/products/on-the-radar-vocal-chain" class="hmd-tmpl-card">
6305              <div class="hmd-tmpl-card__img-wrap">
6306                
6307                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/OTR_TEMPLATE.jpg?v=1780090795&width=600" alt="On The Radar Vocal Chain" loading="lazy" width="600" height="338">
6308                
6309                <span class="hmd-tmpl-card__badge">Logic Pro</span>
6310                
6311              </div>
6312              <div class="hmd-tmpl-card__body">
6313                <div class="hmd-tmpl-card__type">Logic Pro Template</div>
6314                <div class="hmd-tmpl-card__name">On The Radar Vocal Chain</div>
6315                <div class="hmd-tmpl-card__footer">
6316                  <span class="hmd-tmpl-card__price">$49.99</span>
6317                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6318                </div>
6319              </div>
6320            </a>
6321          
6322            
6323            
6324            <a href="/products/male-rnb-starter-pack" class="hmd-tmpl-card">
6325              <div class="hmd-tmpl-card__img-wrap">
6326                
6327                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/Male_RNB_Starter.jpg?v=1780090016&width=600" alt="Male Rnb Starter Pack" loading="lazy" width="600" height="338">
6328                
6329                <span class="hmd-tmpl-card__badge">Logic Pro</span>
6330                
6331              </div>
6332              <div class="hmd-tmpl-card__body">
6333                <div class="hmd-tmpl-card__type">Logic Pro Template</div>
6334                <div class="hmd-tmpl-card__name">Male Rnb Starter Pack</div>
6335                <div class="hmd-tmpl-card__footer">
6336                  <span class="hmd-tmpl-card__price">$199.99</span>
6337                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6338                </div>
6339              </div>
6340            </a>
6341          
6342            
6343            
6344            <a href="/products/evil-background-vocals-template" class="hmd-tmpl-card">
6345              <div class="hmd-tmpl-card__img-wrap">
6346                
6347                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/Evil_Backgroun
6347d_Vocals_Template.webp?v=1739497789&width=600" alt="Evil Background Vocals Template" loading="lazy" width="600" height="338">
6348                
6349                <span class="hmd-tmpl-card__badge">Logic Pro</span>
6350                
6351              </div>
6352              <div class="hmd-tmpl-card__body">
6353                <div class="hmd-tmpl-card__type">Template</div>
6354                <div class="hmd-tmpl-card__name">Evil Background Vocals Template</div>
6355                <div class="hmd-tmpl-card__footer">
6356                  <span class="hmd-tmpl-card__price">$49.99</span>
6357                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6358                </div>
6359              </div>
6360            </a>
6361          
6362            
6363            
6364            <a href="/products/peaches-vocal-chain" class="hmd-tmpl-card">
6365              <div class="hmd-tmpl-card__img-wrap">
6366                
6367                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/Peaces_Vocal_Chain_copy.jpg?v=1777707841&width=600" alt="Peaches Vocal Chain" loading="lazy" width="600" height="338">
6368                
6369                <span class="hmd-tmpl-card__badge">Logic Pro</span>
6370                
6371              </div>
6372              <div class="hmd-tmpl-card__body">
6373                <div class="hmd-tmpl-card__type">Logic Pro Template</div>
6374                <div class="hmd-tmpl-card__name">Peaches Vocal Chain</div>
6375                <div class="hmd-tmpl-card__footer">
6376                  <span class="hmd-tmpl-card__price">$49.99</span>
6377                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6378                </div>
6379              </div>
6380            </a>
6381          
6382            
6383            
6384            <a href="/products/rnb-trap-essentials-vocal-chain" class="hmd-tmpl-card">
6385              <div class="hmd-tmpl-card__img-wrap">
6386                
6387                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/RNB_Essentials.jpg?v=1780090016&width=600" alt="RnB Trap Essentials Vocal Chain" loading="lazy" width="600" height="338">
6388                
6389                <span class="hmd-tmpl-card__badge">Logic Pro</span>
6390                
6391              </div>
6392              <div class="hmd-tmpl-card__body">
6393                <div class="hmd-tmpl-card__type">Logic Pro Template</div>
6394                <div class="hmd-tmpl-card__name">RnB Trap Essentials Vocal Chain</div>
6395                <div class="hmd-tmpl-card__footer">
6396                  <span class="hmd-tmpl-card__price">$49.99</span>
6397                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6398                </div>
6399              </div>
6400            </a>
6401          
6402            
6403            
6404            <a href="/products/devvon-terrell-signature-vocal-chain" class="hmd-tmpl-card">
6405              <div class="hmd-tmpl-card__img-wrap">
6406                
6407                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/Devvon_Terrell_Signature_Vocal_Chain_copyCROP.png?v=1777326931&width=600" alt="Devvon Terrell Signature Vocal Chain" loading="lazy" width="600" height="338">
6408                
6409                <span class="hmd-tmpl-card__badge">Logic Pro</span>
6410                
6411              </div>
6412              <div class="hmd-tmpl-card__body">
6413                <div class="hmd-tmpl-card__type">Logic Pro Template</div>
6414                <div class="hmd-tmpl-card__name">Devvon Terrell Signature Vocal Chain</div>
6415                <div class="hmd-tmpl-card__footer">
6416                  <span class="hmd-tmpl-card__price">$49.99</span>
6417                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6418                </div>
6419              </div>
6420            </a>
6421          
6422        </div>
6423        <div class="hmd-tmpl-footer">
6424          <span class="hmd-tmpl-footer__count">34 Logic Pro templates</span>
6425          <a href="/collections/logic-templates" class="hmd-tmpl-footer__link">Browse All Logic Pro Templates <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 6h10M6 1l5 5-5 5"/></svg></a>
6426        </div>
6427      
6428    </div>
6429
6430    
6431    <div class="hmd-daw-panel" id="hmd-panel-ableton">
6432      
6433        <div class="hmd-tmpl-grid">
6434          
6435            
6436            
6437            <a href="/products/the-4-aux-men" class="hmd-tmpl-card">
6438              <div class="hmd-tmpl-card__img-wrap">
6439                
6440                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/4_AUX_MEN_0844a773-a06b-4c31-b7d7-37a12cc7501b.jpg?v=1780090016&width=600" alt="The 4 Aux Men" loading="lazy" width="600" height="338">
6441                
6442                <span class="hmd-tmpl-card__badge">Ableton Live</span>
6443                
6444              </div>
6445              <div class="hmd-tmpl-card__body">
6446                <div class="hmd-tmpl-card__type">Template</div>
6447                <div class="hmd-tmpl-card__name">The 4 Aux Men</div>
6448                <div class="hmd-tmpl-card__footer">
6449                  <span class="hmd-tmpl-card__price">$49.99</span>
6450                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6451                </div>
6452              </div>
6453            </a>
6454          
6455            
6456            
6457            <a href="/products/hmd-rosetta-vocal-template" class="hmd-tmpl-card">
6458              <div class="hmd-tmpl-card__img-wrap">
6459                
6460                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/Rosetta_Template.jpg?v=1780090016&width=600" alt="HMD Rosetta Vocal Template" loading="lazy" width="600" height="338">
6461                
6462                <span class="hmd-tmpl-card__badge">Ableton Live</span>
6463                
6464              </div>
6465              <div class="hmd-tmpl-card__body">
6466                <div class="hmd-tmpl-card__type">Template</div>
6467                <div class="hmd-tmpl-card__name">HMD Rosetta Vocal Template</div>
6468                <div class="hmd-tmpl-card__footer">
6469                  <span class="hmd-tmpl-card__price">$49.99</span>
6470                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6471                </div>
6472              </div>
6473            </a>
6474          
6475            
6476            
6477            <a href="/products/on-the-radar-vocal-chain" class="hmd-tmpl-card">
6478              <div class="hmd-tmpl-card__img-wrap">
6479                
6480                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/OTR_TEMPLATE.jpg?v=1780090795&width=600" alt="On The Radar Vocal Chain" loading="lazy" width="600" height="338">
6481                
6482                <span class="hmd-tmpl-card__badge">Ableton Live</span>
6483                
6484              </div>
6485              <div class="hmd-tmpl-card__body">
6486                <div class="hmd-tmpl-card__type">Ableton Template</div>
6487                <div class="hmd-tmpl-card__name">On The Radar Vocal Chain</div>
6488                <div class="hmd-tmpl-card__footer">
6489                  <span class="hmd-tmpl-card__price">$49.99</span>
6490                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6491                </div>
6492              </div>
6493            </a>
6494          
6495            
6496            
6497            <a href="/products/male-rnb-starter-pack" class="hmd-tmpl-card">
6498              <div class="hmd-tmpl-card__img-wrap">
6499                
6500                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/Male_RNB_Starter.jpg?v=1780090016&width=600" alt="Male Rnb Starter Pack" loading="lazy" width="600" height="338">
6501                
6502                <span class="hmd-tmpl-card__badge">Ableton Live</span>
6503                
6504              </div>
6505              <div class="hmd-tmpl-card__body">
6506                <div class="hmd-tmpl-card__type">Ableton Template</div>
6507                <div class="hmd-tmpl-card__name">Male Rnb Starter Pack</div>
6508                <div class="hmd-tmpl-card__footer">
6509                  <span class="hmd-tmpl-card__price">$199.99</span>
6510                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6511                </div>
6512              </div>
6513            </a>
6514          
6515            
6516            
6517            <a href="/products/evil-background-vocals-template" class="hmd-tmpl-card">
6518              <div class="hmd-tmpl-card__img-wrap">
6519                
6520                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/Evil_Background_Vocals_Template.webp?v=1739497789&width=600" alt="Evil Background Vocals Template" loading="lazy" width="600" height="338">
6521                
6522                <span class="hmd-tmpl-card__badge">Ableton Live</span>
6523                
6524              </div>
6525              <div class="hmd-tmpl-card__body">
6526                <div class="hmd-tmpl-card__type">Template</div>
6527                <div class="hmd-tmpl-card__name">Evil Background Vocals Template</div>
6528                <div class="hmd-tmpl-card__footer">
6529                  <span class="hmd-tmpl-card__price">$49.99</span>
6530                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6531                </div>
6532              </div>
6533            </a>
6534          
6535            
6536            
6537            <a href="/products/peaches-vocal-chain" class="hmd-tmpl-card">
6538              <div class="hmd-tmpl-card__img-wrap">
6539                
6540                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/Peaces_Vocal_Chain_copy.jpg?v=1777707841&width=600" alt="Peaches Vocal Chain" loading="lazy" width="600" height="338">
6541                
6542                <span class="hmd-tmpl-card__badge">Ableton Live</span>
6543                
6544              </div>
6545              <div class="hmd-tmpl-card__body">
6546                <div class="hmd-tmpl-card__type">Ableton Template</div>
6547                <div class="hmd-tmpl-card__name">Peaches Vocal Chain</div>
6548                <div class="hmd-tmpl-card__footer">
6549                  <span class="hmd-tmpl-card__price">$49.99</span>
6550                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6551                </div>
6552              </div>
6553            </a>
6554          
6555            
6556            
6557            <a href="/products/rnb-trap-essentials-vocal-chain" class="hmd-tmpl-card">
6558              <div class="hmd-tmpl-card__img-wrap">
6559                
6560                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/RNB_Essentials.jpg?v=1780090016&width=600" alt="RnB Trap Essentials Vocal Chain" loading="lazy" width="600" height="338">
6561                
6562                <span class="hmd-tmpl-card__badge">Ableton Live</span>
6563                
6564              </div>
6565              <div class="hmd-tmpl-card__body">
6566                <div class="hmd-tmpl-card__type">Ableton Template</div>
6567                <div class="hmd-tmpl-card__name">RnB Trap Essentials Vocal Chain</div>
6568                <div class="hmd-tmpl-card__footer">
6569                  <span class="hmd-tmpl-card__price">$49.99</span>
6570                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6571                </div>
6572              </div>
6573            </a>
6574          
6575            
6576            
6577            <a href="/products/devvon-terrell-signature-vocal-chain" class="hmd-tmpl-card">
6578              <div class="hmd-tmpl-card__img-wrap">
6579                
6580                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/Devvon_Terrell_Signature_Vocal_Chain_copyCROP.png?v=1777326931&width=600" alt="Devvon Terrell Signature Vocal Chain" loading="lazy" width="600" height="338">
6581                
6582                <span class="hmd-tmpl-card__badge">Ableton Live</span>
6583                
6584              </div>
6585              <div class="hmd-tmpl-card__body">
6586                <div class="hmd-tmpl-card__type">Ableton Template</div>
6587                <div class="hmd-tmpl-card__name">Devvon Terrell Signature Vocal Chain</div>
6588                <div class="hmd-tmpl-card__footer">
6589                  <span class="hmd-tmpl-card__price">$49.99</span>
6590                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6591                </div>
6592              </div>
6593            </a>
6594          
6595        </div>
6596        <div class="hmd-tmpl-footer">
6597          <span class="hmd-tmpl-footer__count">34 Ableton Live templates</span>
6598          <a href="/collections/abelton-templates" class="hmd-tmpl-footer__link">Browse All Ableton Templates <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 6h10M6 1l5 5-5 5"/></svg></a>
6599        </div>
6600      
6601    </div>
6602
6603    
6604    <div class="hmd-daw-panel" id="hmd-panel-fl">
6605      
6606        <div class="hmd-tmpl-grid">
6607          
6608            
6609            
6610            <a href="/products/rnb-trap-essentials-vocal-chain" class="hmd-tmpl-card">
6611              <div class="hmd-tmpl-card__img-wrap">
6612                
6613                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/RNB_Essentials.jpg?v=1780090016&width=600" alt="RnB Trap Essentials Vocal Chain" loading="lazy" width="600" height="338">
6614                
6615                <span class="hmd-tmpl-card__badge">FL Studio</span>
6616                
6617              </div>
6618              <div class="hmd-tmpl-card__body">
6619                <div class="hmd-tmpl-card__type">FL Studio Template</div>
6620                <div class="hmd-tmpl-card__name">RnB Trap Essentials Vocal Chain</div>
6621                <div class="hmd-tmpl-card__footer">
6622                  <span class="hmd-tmpl-card__price">$49.99</span>
6623                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6624                </div>
6625              </div>
6626            </a>
6627          
6628            
6629            
6630            <a href="/products/devvon-terrell-signature-vocal-chain" class="hmd-tmpl-card">
6631              <div class="hmd-tmpl-card__img-wrap">
6632                
6633                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/Devvon_Terrell_Signature_Vocal_Chain_copyCROP.png?v=1777326931&width=600" alt="Devvon Terrell Signature Vocal Chain" loading="lazy" width="600" height="338">
6634                
6635                <span class="hmd-tmpl-card__badge">FL Studio</span>
6636                
6637              </div>
6638              <div class="hmd-tmpl-card__body">
6639                <div class="hmd-tmpl-card__type">FL Studio Template</div>
6640                <div class="hmd-tmpl-card__name">Devvon Terrell Signature Vocal Chain</div>
6641                <div class="hmd-tmpl-card__footer">
6642                  <span class="hmd-tmpl-card__price">$49.99</span>
6643                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6644                </div>
6645              </div>
6646            </a>
6647          
6648            
6649            
6650            <a href="/products/vocal-rider-preset" class="hmd-tmpl-card">
6651              <div class="hmd-tmpl-card__img-wrap">
6652                
6653                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/Vocal_Rider_Better_Dynamics_Preset.webp?v=1739506881&width=600" alt="Vocal Rider Better Dynamics Preset" loading="lazy" width="600" height="338">
6654                
6655                <span class="hmd-tmpl-card__badge">FL Studio</span>
6656                
6657              </div>
6658              <div class="hmd-tmpl-card__body">
6659                <div class="hmd-tmpl-card__type">FL Studio Template</div>
6660                <div class="hmd-tmpl-card__name">Vocal Rider Better Dynamics Preset</div>
6661                <div class="hmd-tmpl-card__footer">
6662                  <span class="hmd-tmpl-card__price">$9.99</span>
6663                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6664                </div>
6665              </div>
6666            </a>
6667          
6668            
6669            
6670            <a href="/products/help-me-devvon-studiorack-mega-bundle" class="hmd-tmpl-card">
6671              <div class="hmd-tmpl-card__img-wrap">
6672                
6673                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/Help_Me_Devvon_Studiorack_Mega_Bundle.webp?v=1739517665&width=600" alt="Help Me Devvon StudioRack Mega Bundle" loading="lazy" width="600" height="338">
6674                
6675                <span class="hmd-tmpl-card__badge">FL Studio</span>
6676                
6677              </div>
6678              <div class="hmd-tmpl-card__body">
6679                <div class="hmd-tmpl-card__type">FL Studio Template</div>
6680                <div class="hmd-tmpl-card__name">Help Me Devvon StudioRack Mega Bundle</div>
6681                <div class="hmd-tmpl-card__footer">
6682                  <span class="hmd-tmpl-card__price">$149.99</span>
6683                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6684                </div>
6685              </div>
6686            </a>
6687          
6688            
6689            
6690            <a href="/products/melodic-trap-bundle" class="hmd-tmpl-card">
6691              <div class="hmd-tmpl-card__img-wrap">
6692                
6693                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/Melodic_Trap.jpg?v=1780090016&width=600" alt="Melodic Trap Bundle" loading="lazy" width="600" height="338">
6694                
6695                <span class="hmd-tmpl-card__badge">FL Studio</span>
6696                
6697              </div>
6698              <div class="hmd-tmpl-card__body">
6699                <div class="hmd-tmpl-card__type">FL Studio Template</div>
6700                <div class="hmd-tmpl-card__name">Melodic Trap Bundle</div>
6701                <div class="hmd-tmpl-card__footer">
6702                  <span class="hmd-tmpl-card__price">$149.99</span>
6703                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6704                </div>
6705              </div>
6706            </a>
6707          
6708            
6709            
6710            <a href="/products/help-me-devvon-studiorack-effects-preset" class="hmd-tmpl-card">
6711              <div class="hmd-tmpl-card__img-wrap">
6712                
6713                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/Help_Me_Devvon_Studiorack_Effects_Preset.webp?v=1739757653&width=600" alt="Help Me Devvon StudioRack Effects Preset" loading="lazy" width="600" height="338">
6714                
6715                <span class="hmd-tmpl-card__badge">FL Studio</span>
6716                
6717              </div>
6718              <div class="hmd-tmpl-card__body">
6719                <div class="hmd-tmpl-card__type">FL Studio Template</div>
6720                <div class="hmd-tmpl-card__name">Help Me Devvon StudioRack Effects Preset</div>
6721                <div class="hmd-tmpl-card__footer">
6722                  <span class="hmd-tmpl-card__price">$49.99</span>
6723                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6724                </div>
6725              </div>
6726            </a>
6727          
6728            
6729            
6730            <a href="/products/help-me-devvon-studiorack-master-preset" class="hmd-tmpl-card">
6731              <div class="hmd-tmpl-card__img-wrap">
6732                
6733                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/Help_Me_Devvon_Studiorack_Master_Preset.webp?v=1739757388&width=600" alt="Help Me Devvon StudioRack Master Preset" loading="lazy" width="600" height="338">
6734                
6735                <span class="hmd-tmpl-card__badge">FL Studio</span>
6736                
6737              </div>
6738              <div class="hmd-tmpl-card__body">
6739                <div class="hmd-tmpl-card__type">FL Studio Template</div>
6740                <div class="hmd-tmpl-card__name">Help Me Devvon StudioRack Master Preset</div>
6741                <div class="hmd-tmpl-card__footer">
6742                  <span class="hmd-tmpl-card__price">$49.99</span>
6743                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6744                </div>
6745              </div>
6746            </a>
6747          
6748            
6749            
6750            <a href="/products/trapped-soul-vocal-chain" class="hmd-tmpl-card">
6751              <div class="hmd-tmpl-card__img-wrap">
6752                
6753                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/Trapped_Soul_Vocal_Chain_copy.jpg?v=1777707841&width=600" alt="Trapped Soul Vocal Chain" loading="lazy" width="600" height="338">
6754                
6755                <span class="hmd-tmpl-card__badge">FL Studio</span>
6756                
6757              </div>
6758              <div class="hmd-tmpl-card__body">
6759                <div class="hmd-tmpl-card__type">FL Studio Template</div>
6760                <div class="hmd-tmpl-card__name">Trapped Soul Vocal Chain</div>
6761                <div class="hmd-tmpl-card__footer">
6762                  <span class="hmd-tmpl-card__price">$49.99</span>
6763                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6764                </div>
6765              </div>
6766            </a>
6767          
6768        </div>
6769        <div class="hmd-tmpl-footer">
6770          <span class="hmd-tmpl-footer__count">31 FL Studio templates</span>
6771          <a href="/collections/fl-studio-templates" class="hmd-tmpl-footer__link">Browse All FL Studio Templates <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 6h10M6 1l5 5-5 5"/></svg></a>
6772        </div>
6773      
6774    </div>
6775
6776    
6777    <div class="hmd-daw-panel" id="hmd-panel-s1">
6778      
6779        <div class="hmd-tmpl-grid">
6780          
6781            
6782            
6783            <a href="/products/evil-background-vocals-template" class="hmd-tmpl-card">
6784              <div class="hmd-tmpl-card__img-wrap">
6785                
6786                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/Evil_Background_Vocals_Template.webp?v=1739497789&width=600" alt="Evil Background Vocals Template" loading="lazy" width="600" height="338">
6787                
6788                <span class="hmd-tmpl-card__badge">Studio One</span>
6789                
6790              </div>
6791              <div class="hmd-tmpl-card__body">
6792                <div class="hmd-tmpl-card__type">Template</div>
6793                <div class="hmd-tmpl-card__name">Evil Background Vocals Template</div>
6794                <div class="hmd-tmpl-card__footer">
6795                  <span class="hmd-tmpl-card__price">$49.99</span>
6796                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6797                </div>
6798              </div>
6799            </a>
6800          
6801            
6802            
6803            <a href="/products/rnb-trap-essentials-vocal-chain" class="hmd-tmpl-card">
6804              <div class="hmd-tmpl-card__img-wrap">
6805                
6806                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/RNB_Essentials.jpg?v=1780090016&width=600" alt="RnB Trap Essentials Vocal Chain" loading="lazy" width="600" height="338">
6807                
6808                <span class="hmd-tmpl-card__badge">Studio One</span>
6809                
6810              </div>
6811              <div class="hmd-tmpl-card__body">
6812                <div class="hmd-tmpl-card__type">Studio One Template</div>
6813                <div class="hmd-tmpl-card__name">RnB Trap Essentials Vocal Chain</div>
6814                <div class="hmd-tmpl-card__footer">
6815                  <span class="hmd-tmpl-card__price">$49.99</span>
6816                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6817                </div>
6818              </div>
6819            </a>
6820          
6821            
6822            
6823            <a href="/products/devvon-terrell-signature-vocal-chain" class="hmd-tmpl-card">
6824              <div class="hmd-tmpl-card__img-wrap">
6825                
6826                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/Devvon_Terrell_Signature_Vocal_Chain_copyCROP.png?v=1777326931&width=600" alt="Devvon Terrell Signature Vocal Chain" loading="lazy" width="600" height="338">
6827                
6828                <span class="hmd-tmpl-card__badge">Studio One</span>
6829                
6830              </div>
6831              <div class="hmd-tmpl-card__body">
6832                <div class="hmd-tmpl-card__type">Studio One Template</div>
6833                <div class="hmd-tmpl-card__name">Devvon Terrell Signature Vocal Chain</div>
6834                <div class="hmd-tmpl-card__footer">
6835                  <span class="hmd-tmpl-card__price">$49.99</span>
6836                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6837                </div>
6838              </div>
6839            </a>
6840          
6841            
6842            
6843            <a href="/products/help-me-devvon-studiorack-mega-bundle" class="hmd-tmpl-card">
6844              <div class="hmd-tmpl-card__img-wrap">
6845                
6846                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/Help_Me_Devvon_Studiorack_Mega_Bundle.webp?v=1739517665&width=600" alt="Help Me Devvon StudioRack Mega Bundle" loading="lazy" width="600" height="338">
6847                
6848                <span class="hmd-tmpl-card__badge">Studio One</span>
6849                
6850              </div>
6851              <div class="hmd-tmpl-card__body">
6852                <div class="hmd-tmpl-card__type">Studio One Template</div>
6853                <div class="hmd-tmpl-card__name">Help Me Devvon StudioRack Mega Bundle</div>
6854                <div class="hmd-tmpl-card__footer">
6855                  <span class="hmd-tmpl-card__price">$149.99</span>
6856                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6857                </div>
6858              </div>
6859            </a>
6860          
6861            
6862            
6863            <a href="/products/help-me-devvon-studiorack-effects-preset" class="hmd-tmpl-card">
6864              <div class="hmd-tmpl-card__img-wrap">
6865                
6866                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/Help_Me_Devvon_Studiorack_Effects_Preset.webp?v=1739757653&width=600" alt="Help Me Devvon StudioRack Effects Preset" loading="lazy" width="600" height="338">
6867                
6868                <span class="hmd-tmpl-card__badge">Studio One</span>
6869                
6870              </div>
6871              <div class="hmd-tmpl-card__body">
6872                <div class="hmd-tmpl-card__type">Studio One Template</div>
6873                <div class="hmd-tmpl-card__name">Help Me Devvon StudioRack Effects Preset</div>
6874                <div class="hmd-tmpl-card__footer">
6875                  <span class="hmd-tmpl-card__price">$49.99</span>
6876                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6877                </div>
6878              </div>
6879            </a>
6880          
6881            
6882            
6883            <a href="/products/help-me-devvon-studiorack-master-preset" class="hmd-tmpl-card">
6884              <div class="hmd-tmpl-card__img-wrap">
6885                
6886                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/Help_Me_Devvon_Studiorack_Master_Preset.webp?v=1739757388&width=600" alt="Help Me Devvon StudioRack Master Preset" loading="lazy" width="600" height="338">
6887                
6888                <span class="hmd-tmpl-card__badge">Studio One</span>
6889                
6890              </div>
6891              <div class="hmd-tmpl-card__body">
6892                <div class="hmd-tmpl-card__type">Studio One Template</div>
6893                <div class="hmd-tmpl-card__name">Help Me Devvon StudioRack Master Preset</div>
6894                <div class="hmd-tmpl-card__footer">
6895                  <span class="hmd-tmpl-card__price">$49.99</span>
6896                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6897                </div>
6898              </div>
6899            </a>
6900          
6901            
6902            
6903            <a href="/products/trapped-soul-vocal-chain" class="hmd-tmpl-card">
6904              <div class="hmd-tmpl-card__img-wrap">
6905                
6906                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/Trapped_Soul_Vocal_Chain_copy.jpg?v=1777707841&width=600" alt="Trapped Soul Vocal Chain" loading="lazy" width="600" height="338">
6907                
6908                <span class="hmd-tmpl-card__badge">Studio One</span>
6909                
6910              </div>
6911              <div class="hmd-tmpl-card__body">
6912                <div class="hmd-tmpl-card__type">Studio One Template</div>
6913                <div class="hmd-tmpl-card__name">Trapped Soul Vocal Chain</div>
6914                <div class="hmd-tmpl-card__footer">
6915                  <span class="hmd-tmpl-card__price">$49.99</span>
6916                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6917                </div>
6918              </div>
6919            </a>
6920          
6921            
6922            
6923            <a href="/products/stack-barlow-vocal-chain" class="hmd-tmpl-card">
6924              <div class="hmd-tmpl-card__img-wrap">
6925                
6926                  <img class="hmd-tmpl-card__img" src="//helpmedevvon.com/cdn/shop/files/Stack_Barlow_Vocal_Chain_copy.jpg?v=1777707993&width=600" alt="Stack Barlow Vocal Chain" loading="lazy" width="600" height="338">
6927                
6928                <span class="hmd-tmpl-card__badge">Studio One</span>
6929                
6930              </div>
6931              <div class="hmd-tmpl-card__body">
6932                <div class="hmd-tmpl-card__type">Studio One Template</div>
6933                <div class="hmd-tmpl-card__name">Stack Barlow Vocal Chain</div>
6934                <div class="hmd-tmpl-card__footer">
6935                  <span class="hmd-tmpl-card__price">$49.99</span>
6936                  <span class="hmd-tmpl-card__cta">Get It <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg></span>
6937                </div>
6938              </div>
6939            </a>
6940          
6941        </div>
6942        <div class="hmd-tmpl-footer">
6943          <span class="hmd-tmpl-footer__count">16 Studio One templates</span>
6944          <a href="/collections/studio-one-templates" class="hmd-tmpl-footer__link">Browse All Studio One Templates <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 6h10M6 1l5 5-5 5"/></svg></a>
6945        </div>
6946      
6947    </div>
6948
6949  </div>
6950</section>
6951
6952<script>
6953(function() {
6954  var tabs = document.querySelectorAll('.hmd-daw-tab');
6955  var panels = document.querySelectorAll('.hmd-daw-panel');
6956  tabs.forEach(function(tab) {
6957    tab.addEventListener('click', function() {
6958      tabs.forEach(function(t) { t.classList.remove('is-active'); });
6959      panels.forEach(function(p) { p.classList.remove('is-active'); });
6960      tab.classList.add('is-active');
6961      var panel = document.getElementById('hmd-panel-' + tab.getAttribute('data-panel'));
6962      if (panel) panel.classList.add('is-active');
6963    });
6964  });
6965})();
6966</script>
6966
6967
6968
6969</div><div id="shopify-section-template--21593914769621__hmd_presets_wnTQNk" class="shopify-section">
6970
6971<style>
6972  .hmd-presets {
6973    background: #0a0a0a;
6974    padding: 80px 0;
6975    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
6976    border-top: 1px solid #1a1a1a;
6977  }
6978  .hmd-presets__inner {
6979    max-width: 1400px;
6980    margin: 0 auto;
6981    padding: 0 40px;
6982  }
6983
6984  /* Header */
6985  .hmd-presets__header {
6986    display: flex;
6987    align-items: flex-end;
6988    justify-content: space-between;
6989    margin-bottom: 32px;
6990    padding-bottom: 24px;
6991    border-bottom: 1px solid #1a1a1a;
6992  }
6993  .hmd-presets__eyebrow {
6994    font-size: 10px;
6995    font-weight: 700;
6996    letter-spacing: 0.22em;
6997    text-transform: uppercase;
6998    color: #E8232A;
6999    margin-bottom: 8px;
7000    display: flex;
7001    align-items: center;
7002    gap: 10px;
7003  }
7004  .hmd-presets__eyebrow::before {
7005    content: '';
7006    display: inline-block;
7007    width: 20px;
7008    height: 2px;
7009    background: #E8232A;
7010    flex-shrink: 0;
7011  }
7012  .hmd-presets__title {
7013    font-size: 32px;
7014    font-weight: 900;
7015    color: #fff;
7016    letter-spacing: -1.5px;
7017    line-height: 1;
7018  }
7019  .hmd-presets__viewall {
7020    font-size: 11px;
7021    font-weight: 700;
7022    letter-spacing: 0.12em;
7023    text-transform: uppercase;
7024    color: #E8232A;
7025    text-decoration: none;
7026    display: flex;
7027    align-items: center;
7028    gap: 8px;
7029    padding-bottom: 4px;
7030    border-bottom: 1px solid #E8232A33;
7031    white-space: nowrap;
7032  }
7033  .hmd-presets__viewall svg { width: 12px; height: 12px; transition: transform 0.15s; }
7034  .hmd-presets__viewall:hover svg { transform: translateX(3px); }
7035
7036  /* Tabs */
7037  .hmd-preset-tabs {
7038    display: flex;
7039    align-items: center;
7040    gap: 8px;
7041    margin-bottom: 28px;
7042    flex-wrap: wrap;
7043  }
7044  .hmd-preset-tab-label {
7045    font-size: 10px;
7046    font-weight: 700;
7047    letter-spacing: 0.18em;
7048    text-transform: uppercase;
7049    color: #888;
7050    margin-right: 4px;
7051    white-space: nowrap;
7052  }
7053  .hmd-preset-tab {
7054    background: transparent;
7055    color: #999;
7056    font-size: 11px;
7057    font-weight: 600;
7058    letter-spacing: 0.1em;
7059    text-transform: uppercase;
7060    padding: 9px 18px;
7061    border: 1px solid #1e1e1e;
7062    cursor: pointer;
7063    transition: all 0.15s ease;
7064    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
7065    white-space: nowrap;
7066  }
7067  .hmd-preset-tab:hover { color: #fff; border-color: #333; }
7068  .hmd-preset-tab.is-active { background: #E8232A; color: #fff; border-color: #E8232A; }
7069
7070  /* Panels */
7071  .hmd-preset-panel { display: none; }
7072  .hmd-preset-panel.is-active { display: block; }
7073
7074  /* Grid */
7075  .hmd-preset-grid {
7076    display: grid;
7077    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
7078    gap: 1px;
7079    background: #1a1a1a;
7080    border: 1px solid #1a1a1a;
7081    margin-bottom: 1px;
7082  }
7083
7084  /* Card */
7085  .hmd-preset-card {
7086    background: #0d0d0d;
7087    display: flex;
7088    flex-direction: column;
7089    text-decoration: none;
7090    position: relative;
7091    overflow: hidden;
7092    transition: background 0.2s ease;
7093  }
7094  .hmd-preset-card:hover { background: #111; }
7095  .hmd-preset-card::after {
7096    content: '';
7097    position: absolute;
7098    top: 0; left: 0; right: 0;
7099    height: 2px;
7100    background: #E8232A;
7101    transform: scaleX(0);
7102    transform-origin: left;
7103    transition: transform 0.25s ease;
7104  }
7105  .hmd-preset-card:hover::after { transform: scaleX(1); }
7106
7107  .hmd-preset-card__img-wrap {
7108    position: relative;
7109    aspect-ratio: 1/1;
7110    background: #111;
7111    overflow: hidden;
7112  }
7113  .hmd-preset-card__img {
7114    width: 100%;
7115    height: 100%;
7116    object-fit: cover;
7117    opacity: 0.85;
7118    transition: transform 0.4s ease, opacity 0.2s ease;
7119    display: block;
7120  }
7121  .hmd-preset-card:hover .hmd-preset-card__img { transform: scale(1.05); opacity: 1; }
7122  .hmd-preset-card__img-placeholder {
7123    width: 100%;
7124    height: 100%;
7125    display: flex;
7126    align-items: center;
7127    justify-content: center;
7128  }
7129  .hmd-preset-card__img-placeholder svg { width: 36px; height: 36px; opacity: 0.1; }
7130
7131  .hmd-preset-card__plugin-badge {
7132    position: absolute;
7133    bottom: 10px;
7134    left: 10px;
7135    font-size: 9px;
7136    font-weight: 700;
7137    letter-spacing: 0.1em;
7138    text-transform: uppercase;
7139    background: rgba(10,10,10,0.88);
7140    color: #777;
7141    border: 1px solid #2a2a2a;
7142    padding: 4px 8px;
7143  }
7144  .hmd-preset-card__sale-badge {
7145    position: absolute;
7146    top: 10px;
7147    right: 10px;
7148    font-size: 9px;
7149    font-weight: 700;
7150    letter-spacing: 0.1em;
7151    text-transform: uppercase;
7152    background: #fff;
7153    color: #0a0a0a;
7154    padding: 4px 8px;
7155  }
7156
7157  .hmd-preset-card__body {
7158    padding: 14px 16px 16px;
7159    display: flex;
7160    flex-direction: column;
7161    flex: 1;
7162  }
7163  .hmd-preset-card__type {
7164    font-size: 9px;
7165    font-weight: 700;
7166    letter-spacing: 0.16em;
7167    text-transform: uppercase;
7168    color: #999;
7169    margin-bottom: 5px;
7170  }
7171  .hmd-preset-card__name {
7172    font-size: 13px;
7173    font-weight: 700;
7174    color: #fff;
7175    line-height: 1.3;
7176    letter-spacing: -0.2px;
7177    flex: 1;
7178  }
7179  .hmd-preset-card__footer {
7180    display: flex;
7181    align-items: center;
7182    justify-content: space-between;
7183    padding-top: 12px;
7184    border-top: 1px solid #1a1a1a;
7185    margin-top: 10px;
7186  }
7187  .hmd-preset-card__price {
7188    font-size: 16px;
7189    font-weight: 900;
7190    color: #fff;
7191    letter-spacing: -0.5px;
7192  }
7193  .hmd-preset-card__price-compare {
7194    font-size: 11px;
7195    color: #777;
7196    text-decoration: line-through;
7197    margin-right: 4px;
7198  }
7199  .hmd-preset-card__cta {
7200    font-size: 10px;
7201    font-weight: 700;
7202    letter-spacing: 0.1em;
7203    text-transform: uppercase;
7204    color: #888;
7205    display: flex;
7206    align-items: center;
7207    gap: 5px;
7208    transition: color 0.15s;
7209  }
7210  .hmd-preset-card:hover .hmd-preset-card__cta { color: #E8232A; }
7211  .hmd-preset-card__cta svg { width: 10px; height: 10px; transition: transform 0.15s; }
7212  .hmd-preset-card:hover .hmd-preset-card__cta svg { transform: translateX(3px); }
7213
7214  /* Empty */
7215  .hmd-preset-empty {
7216    padding: 56px 40px;
7217    text-align: center;
7218    background: #0d0d0d;
7219    border: 1px solid #1a1a1a;
7220  }
7221  .hmd-preset-empty p { font-size: 13px; color: #888; }
7222
7223  /* Footer */
7224  .hmd-preset-footer {
7225    display: flex;
7226    align-items: center;
7227    justify-content: space-between;
7228    padding: 16px 24px;
7229    background: #0d0d0d;
7230    border: 1px solid #1a1a1a;
7231    border-top: none;
7232  }
7233  .hmd-preset-footer__count { font-size: 11px; color: #888; letter-spacing: 0.1em; text-transform: uppercase; }
7234  .hmd-preset-footer__link {
7235    font-size: 11px;
7236    font-weight: 700;
7237    letter-spacing: 0.12em;
7238    text-transform: uppercase;
7239    color: #E8232A;
7240    text-decoration: none;
7241    display: flex;
7242    align-items: center;
7243    gap: 6px;
7244  }
7245  .hmd-preset-footer__link svg { width: 11px; height: 11px; transition: transform 0.15s; }
7246  .hmd-preset-footer__link:hover svg { transform: translateX(3px); }
7247
7248  @media (max-width: 1024px) {
7249    .hmd-presets__inner { padding: 0 24px; }
7250    .hmd-presets { padding: 60px 0; }
7251    .hmd-presets__header { flex-direction: column; align-items: flex-start; gap: 16px; }
7252  }
7253  @media (max-width: 640px) {
7254    .hmd-preset-grid { grid-template-columns: 1fr 1fr; }
7255    .hmd-preset-tab { font-size: 10px; padding: 8px 12px; }
7256    .hmd-presets__title { font-size: 26px; }
7257  }
7258  @media (max-width: 380px) {
7259    .hmd-preset-grid { grid-template-columns: 1fr; }
7260  }
7261</style>
7262
7263<section class="hmd-presets" id="hmd-presets">
7264  <div class="hmd-presets__inner">
7265
7266    
7267    
7268
7269    <!-- Section Header -->
7270    <div class="hmd-presets__header">
7271      <div>
7272        <div class="hmd-presets__eyebrow">03 — Preset Packs</div>
7273        <h2 class="hmd-presets__title">Preset Packs</h2>
7274      </div>
7275      
7276        <a href="/collections/presets" class="hmd-presets__viewall">
7277          View All Presets
7278          <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 6h10M6 1l5 5-5 5"/></svg>
7279        </a>
7280      
7281    </div>
7282
7283    <!-- Tabs — built from blocks -->
7284    <div class="hmd-preset-tabs" id="hmd-preset-tabs">
7285      <span class="hmd-preset-tab-label">Plugin:</span>
7286
7287      
7288      <button class="hmd-preset-tab is-active" data-panel="all">All Presets</button>
7289
7290      
7291        
7292          <button class="hmd-preset-tab"
7293                  data-panel="block-preset_tab_pyc7rm"
7294                  >
7295            Studiorack
7296          </button>
7297        
7298      
7299        
7300          <button class="hmd-preset-tab"
7301                  data-panel="block-preset_tab_TC9QVC"
7302                  >
7303            FabFilter
7304          </button>
7305        
7306      
7307        
7308          <button class="hmd-preset-tab"
7309                  data-panel="block-preset_tab_jx63ez"
7310                  >
7311            Waves
7312          </button>
7313        
7314      
7315    </div>
7316
7317    
7318    <div class="hmd-preset-panel is-active" id="hmd-preset-panel-all">
7319      
7320        <div class="hmd-preset-grid">
7321          
7322            
7323            
7324            <a href="/products/studiorack-vocal-cleaner" class="hmd-preset-card">
7325              <div class="hmd-preset-card__img-wrap">
7326                
7327                  <img class="hmd-preset-card__img"
7328                       src="//helpmedevvon.com/cdn/shop/files/StudioRack_Vocal_Cleaner.webp?v=1739756578&width=500"
7329                       alt="StudioRack &#39;Vocal Cleaner&#39;"
7330                       loading="lazy" width="500" height="500">
7331                
7332                
7333                <span class="hmd-preset-card__plugin-badge">Preset Pack</span>
7334              </div>
7335              <div class="hmd-preset-card__body">
7336                <div class="hmd-preset-card__type">Preset Pack</div>
7337                <div class="hmd-preset-card__name">StudioRack 'Vocal Cleaner'</div>
7338                <div class="hmd-preset-card__footer">
7339                  <span class="hmd-preset-card__price">
7340                    
7341                    $49.99
7342                  </span>
7343                  <span class="hmd-preset-card__cta">Get It
7344                    <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg>
7345                  </span>
7346                </div>
7347              </div>
7348            </a>
7349          
7350            
7351            
7352            <a href="/products/kiive-audio-kc-1-preset-pack" class="hmd-preset-card">
7353              <div class="hmd-preset-card__img-wrap">
7354                
7355                  <img class="hmd-preset-card__img"
7356                       src="//helpmedevvon.com/cdn/shop/files/Kiive_Audio_KC-1_Preset_Pack.webp?v=1739760720&width=500"
7357                       alt="Kiive Audio &#39;KC-1&#39; Preset Pack"
7358                       loading="lazy" width="500" height="500">
7359                
7360                
7361                <span class="hmd-preset-card__plugin-badge">Preset</span>
7362              </div>
7363              <div class="hmd-preset-card__body">
7364                <div class="hmd-preset-card__type">Preset Pack</div>
7365                <div class="hmd-preset-card__name">Kiive Audio 'KC-1' Preset Pack</div>
7366                <div class="hmd-preset-card__footer">
7367                  <span class="hmd-preset-card__price">
7368                    
7369                    $9.99
7370                  </span>
7371                  <span class="hmd-preset-card__cta">Get It
7372                    <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg>
7373                  </span>
7374                </div>
7375              </div>
7376            </a>
7377          
7378            
7379            
7380            <a href="/products/waves-api-2500-presets-pack" class="hmd-preset-card">
7381              <div class="hmd-preset-card__img-wrap">
7382                
7383                  <img class="hmd-preset-card__img"
7384                       src="//helpmedevvon.com/cdn/shop/files/Waves_API_Bundle_Presets_Pack_57b21e95-278a-4ad6-9ac1-1345d659823d.webp?v=1739784929&width=500"
7385                       alt="Waves &#39;API Bundle&#39; Presets Pack"
7386                       loading="lazy" width="500" height="500">
7387                
7388                
7389                <span class="hmd-preset-card__plugin-badge">Preset</span>
7390              </div>
7391              <div class="hmd-preset-card__body">
7392                <div class="hmd-preset-card__type">Preset Pack</div>
7393                <div class="hmd-preset-card__name">Waves 'API Bundle' Presets Pack</div>
7394                <div class="hmd-preset-card__footer">
7395                  <span class="hmd-preset-card__price">
7396                    
7397                    $9.99
7398                  </span>
7399                  <span class="hmd-preset-card__cta">Get It
7400                    <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg>
7401                  </span>
7402                </div>
7403              </div>
7404            </a>
7405          
7406            
7407            
7408            <a href="/products/sonnox-inflator-free-presets-pack" class="hmd-preset-card">
7409              <div class="hmd-preset-card__img-wrap">
7410                
7411                  <img class="hmd-preset-card__img"
7412                       src="//helpmedevvon.com/cdn/shop/files/Sonnox_Inflator_FREE_Presets_Pack.webp?v=1739503706&width=500"
7413                       alt="Sonnox &#39;Inflator&#39; Presets Pack"
7414                       loading="lazy" width="500" height="500">
7415                
7416                
7417                <span class="hmd-preset-card__plugin-badge">Preset</span>
7418              </div>
7419              <div class="hmd-preset-card__body">
7420                <div class="hmd-preset-card__type">Preset Pack</div>
7421                <div class="hmd-preset-card__name">Sonnox 'Inflator' Presets Pack</div>
7422                <div class="hmd-preset-card__footer">
7423                  <span class="hmd-preset-card__price">
7424                    
7425                    $9.99
7426                  </span>
7427                  <span class="hmd-preset-card__cta">Get It
7428                    <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg>
7429                  </span>
7430                </div>
7431              </div>
7432            </a>
7433          
7434            
7435            
7436            <a href="/products/waves-dpr-402-presets-pack" class="hmd-preset-card">
7437              <div class="hmd-preset-card__img-wrap">
7438                
7439                  <img class="hmd-preset-card__img"
7440                       src="//helpmedevvon.com/cdn/shop/files/Waves_DPR-402_Presets_Pack.webp?v=1739503798&width=500"
7441                       alt="Waves &#39;DPR-402&#39; Presets Pack"
7442                       loading="lazy" width="500" height="500">
7443                
7444                
7445                <span class="hmd-preset-card__plugin-badge">Preset</span>
7446              </div>
7447              <div class="hmd-preset-card__body">
7448                <div class="hmd-preset-card__type">Preset Pack</div>
7449                <div class="hmd-preset-card__name">Waves 'DPR-402' Presets Pack</div>
7450                <div class="hmd-preset-card__footer">
7451                  <span class="hmd-preset-card__price">
7452                    
7453                    $9.99
7454                  </span>
7455                  <span class="hmd-preset-card__cta">Get It
7456                    <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg>
7457                  </span>
7458                </div>
7459              </div>
7460            </a>
7461          
7462            
7463            
7464            <a href="/products/slate-digital-vmr-presets-pack" class="hmd-preset-card">
7465              <div class="hmd-preset-card__img-wrap">
7466                
7467                  <img class="hmd-preset-card__img"
7468                       src="//helpmedevvon.com/cdn/shop/files/Slate_Digital_VMR_Presets_Pack.webp?v=1739503922&width=500"
7469                       alt="Slate Digital &#39;VMR&#39; Presets Pack"
7470                       loading="lazy" width="500" height="500">
7471                
7472                
7473                <span class="hmd-preset-card__plugin-badge">Preset</span>
7474              </div>
7475              <div class="hmd-preset-card__body">
7476                <div class="hmd-preset-card__type">Preset Pack</div>
7477                <div class="hmd-preset-card__name">Slate Digital 'VMR' Presets Pack</div>
7478                <div class="hmd-preset-card__footer">
7479                  <span class="hmd-preset-card__price">
7480                    
7481                    $9.99
7482                  </span>
7483                  <span class="hmd-preset-card__cta">Get It
7484                    <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg>
7485                  </span>
7486                </div>
7487              </div>
7488            </a>
7489          
7490            
7491            
7492            <a href="/products/waves-artg-presets-pack" class="hmd-preset-card">
7493              <div class="hmd-preset-card__img-wrap">
7494                
7495                  <img class="hmd-preset-card__img"
7496                       src="//helpmedevvon.com/cdn/shop/files/Waves_ARTG_Presets_Pack.webp?v=1739503964&width=500"
7497                       alt="Waves &#39;ARTG&#39; Presets Pack"
7498                       loading="lazy" width="500" height="500">
7499                
7500                
7501                <span class="hmd-preset-card__plugin-badge">Preset</span>
7502              </div>
7503              <div class="hmd-preset-card__body">
7504                <div class="hmd-preset-card__type">Preset Pack</div>
7505                <div class="hmd-preset-card__name">Waves 'ARTG' Presets Pack</div>
7506                <div class="hmd-preset-card__footer">
7507                  <span class="hmd-preset-card__price">
7508                    
7509                    $9.99
7510                  </span>
7511                  <span class="hmd-preset-card__cta">Get It
7512                    <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg>
7513                  </span>
7514                </div>
7515              </div>
7516            </a>
7517          
7518            
7519            
7520            <a href="/products/waves-cla-bundle-presets-pack" class="hmd-preset-card">
7521              <div class="hmd-preset-card__img-wrap">
7522                
7523                  <img class="hmd-preset-card__img"
7524                       src="//helpmedevvon.com/cdn/shop/files/Waves_CLA_Bundle_Presets_Pack.webp?v=1739504187&width=500"
7525                       alt="Waves CLA Bundle Presets Pack"
7526                       loading="lazy" width="500" height="500">
7527                
7528                
7529                <span class="hmd-preset-card__plugin-badge">Preset</span>
7530              </div>
7531              <div class="hmd-preset-card__body">
7532                <div class="hmd-preset-card__type">Preset Pack</div>
7533                <div class="hmd-preset-card__name">Waves CLA Bundle Presets Pack</div>
7534                <div class="hmd-preset-card__footer">
7535                  <span class="hmd-preset-card__price">
7536                    
7537                    $9.99
7538                  </span>
7539                  <span class="hmd-preset-card__cta">Get It
7540                    <svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 5h8M5 1l4 4-4 4"/></svg>
7541                  </span>
7542                </div>
7543              </div>
7544            </a>
7545          
7546        </div>
7547        <div class="hmd-preset-footer">
7548          <span class="hmd-preset-footer__count">Showing 8 of 25 presets</span>
7549          <a href="/collections/presets" class="hmd-preset-footer__link">
7550            Browse All 25 Presets
7551            <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 6h10M6 1l5 5-5 5"/></svg>
7552          </a>
7553        </div>
7554      
7555    </div>
7556
7557    
7558    
7559      
7560        
7561        
7562        
7563
7564        <div class="hmd-preset-panel" id="hmd-preset-panel-block-preset_tab_pyc7rm" >
7565          
7566            <div class="hmd-preset-empty"><p>Assign a collection to this tab in the Customizer.</p></div>
7567          
7568        </div>
7569      
7570    
7571      
7572        
7573        
7574        
7575
7576        <div class="hmd-preset-panel" id="hmd-preset-panel-block-preset_tab_TC9QVC" >
7577          
7578            <div class="hmd-preset-empty"><p>Assign a collection to this tab in the Customizer.</p></div>
7579          
7580        </div>
7581      
7582    
7583      
7584        
7585        
7586        
7587
7588        <div class="hmd-preset-panel" id="hmd-preset-panel-block-preset_tab_jx63ez" >
7589          
7590            <div class="hmd-preset-empty"><p>Assign a collection to this tab in the Customizer.</p></div>
7591          
7592        </div>
7593      
7594    
7595
7596  </div>
7597</section>
7598
7599<script>
7600(function() {
7601  var tabs = document.querySelectorAll('#hmd-preset-tabs .hmd-preset-tab');
7602  var panels = document.querySelectorAll('#hmd-presets .hmd-preset-panel');
7603  tabs.forEach(function(tab) {
7604    tab.addEventListener('click', function() {
7605      tabs.forEach(function(t) { t.classList.remove('is-active'); });
7606      panels.forEach(function(p) { p.classList.remove('is-active'); });
7607      tab.classList.add('is-active');
7608      var panel = document.getElementById('hmd-preset-panel-' + tab.getAttribute('data-panel'));
7609      if (panel) panel.classList.add('is-active');
7610    });
7611  });
7612})();
7613</script>
7613
7614
7615
7616</div><div id="shopify-section-template--21593914769621__hmd_bypass_8n7tW9" class="shopify-section">
7617
7618<style>
7619  .hmd-bypass {
7620    background: #0a0a0a;
7621    padding: 0;
7622    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
7623    border-top: 1px solid #1a1a1a;
7624    position: relative;
7625    overflow: hidden;
7626  }
7627
7628  /* Red side accent */
7629  .hmd-bypass__accent-left {
7630    position: absolute;
7631    left: 0;
7632    top: 0;
7633    bottom: 0;
7634    width: 3px;
7635    background: #E8232A;
7636    z-index: 2;
7637  }
7638
7639  /* Background pattern */
7640  .hmd-bypass__bg-pattern {
7641    position: absolute;
7642    inset: 0;
7643    z-index: 0;
7644    background-image:
7645      linear-gradient(rgba(232,35,42,0.03) 1px, transparent 1px),
7646      linear-gradient(90deg, rgba(232,35,42,0.03) 1px, transparent 1px);
7647    background-size: 60px 60px;
7648  }
7649
7650  /* Gradient fade left to right */
7651  .hmd-bypass__bg-fade {
7652    position: absolute;
7653    inset: 0;
7654    z-index: 1;
7655    background: linear-gradient(90deg, #0a0a0a 40%, transparent 100%);
7656  }
7657
7658  /* Background image (right side) */
7659  .hmd-bypass__bg-img {
7660    position: absolute;
7661    right: 0;
7662    top: 0;
7663    bottom: 0;
7664    width: 55%;
7665    z-index: 0;
7666  }
7667  .hmd-bypass__bg-img img {
7668    width: 100%;
7669    height: 100%;
7670    object-fit: cover;
7671    object-position: left center;
7672    opacity: 0.12;
7673  }
7674
7675  /* Inner layout */
7676  .hmd-bypass__inner {
7677    position: relative;
7678    z-index: 3;
7679    max-width: 1400px;
7680    margin: 0 auto;
7681    padding: 72px 80px;
7682    display: grid;
7683    grid-template-columns: 1fr 560px;
7684    gap: 60px;
7685    align-items: center;
7686  }
7687
7688  /* Left content */
7689  .hmd-bypass__left {}
7690
7691  .hmd-bypass__tag {
7692    display: inline-flex;
7693    align-items: center;
7694    gap: 8px;
7695    background: #E8232A11;
7696    border: 1px solid #E8232A33;
7697    padding: 6px 14px;
7698    margin-bottom: 24px;
7699  }
7700  .hmd-bypass__tag-dot {
7701    width: 6px;
7702    height: 6px;
7703    border-radius: 50%;
7704    background: #E8232A;
7705    flex-shrink: 0;
7706  }
7707  .hmd-bypass__tag-text {
7708    font-size: 10px;
7709    font-weight: 700;
7710    letter-spacing: 0.2em;
7711    text-transform: uppercase;
7712    color: #E8232A;
7713  }
7714
7715  .hmd-bypass__title {
7716    font-size: clamp(36px, 4vw, 56px);
7717    font-weight: 900;
7718    color: #fff;
7719    letter-spacing: -2px;
7720    line-height: 0.95;
7721    margin-bottom: 20px;
7722  }
7723  .hmd-bypass__title em {
7724    font-style: normal;
7725    color: #E8232A;
7726  }
7727
7728  .hmd-bypass__sub {
7729    font-size: 15px;
7730    color: #999;
7731    line-height: 1.75;
7732    max-width: 460px;
7733    margin-bottom: 36px;
7734  }
7735
7736  /* Feature list */
7737  .hmd-bypass__features {
7738    display: flex;
7739    flex-direction: column;
7740    gap: 12px;
7741    margin-bottom: 40px;
7742  }
7743  .hmd-bypass__feature {
7744    display: flex;
7745    align-items: flex-start;
7746    gap: 12px;
7747  }
7748  .hmd-bypass__feature-icon {
7749    width: 16px;
7750    height: 16px;
7751    flex-shrink: 0;
7752    margin-top: 2px;
7753    color: #E8232A;
7754  }
7755  .hmd-bypass__feature-text {
7756    font-size: 13px;
7757    color: #666;
7758    line-height: 1.5;
7759  }
7760  .hmd-bypass__feature-text strong {
7761    color: #aaa;
7762    font-weight: 600;
7763  }
7764
7765  /* CTA area */
7766  .hmd-bypass__cta {
7767    display: flex;
7768    align-items: center;
7769    gap: 16px;
7770    flex-wrap: wrap;
7771  }
7772
7773  .hmd-btn-red {
7774    background: #E8232A;
7775    color: #fff;
7776    font-size: 12px;
7777    font-weight: 700;
7778    letter-spacing: 0.12em;
7779    text-transform: uppercase;
7780    padding: 16px 32px;
7781    border: none;
7782    cursor: pointer;
7783    text-decoration: none;
7784    display: inline-flex;
7785    align-items: center;
7786    gap: 8px;
7787    transition: background 0.15s ease, transform 0.1s ease;
7788    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
7789  }
7790  .hmd-btn-red:hover { background: #c41e24; color: #fff; transform: translateY(-1px); }
7791  .hmd-btn-red svg { width: 13px; height: 13px; }
7792
7793  .hmd-bypass__price-note {
7794    display: flex;
7795    flex-direction: column;
7796    gap: 2px;
7797  }
7798  .hmd-bypass__price {
7799    font-size: 22px;
7800    font-weight: 900;
7801    color: #fff;
7802    letter-spacing: -0.5px;
7803  }
7804  .hmd-bypass__price-sub {
7805    font-size: 10px;
7806    color: #888;
7807    text-transform: uppercase;
7808    letter-spacing: 0.1em;
7809  }
7810
7811  /* Right: App screenshot card */
7812  .hmd-bypass__right {}
7813
7814  .hmd-bypass__screen-wrap {
7815    position: relative;
7816    background: #111;
7817    border: 1px solid #1e1e1e;
7818    border-top: 2px solid #E8232A;
7819    overflow: hidden;
7820  }
7821
7822  .hmd-bypass__screen-bar {
7823    display: flex;
7824    align-items: center;
7825    gap: 6px;
7826    padding: 10px 14px;
7827    border-bottom: 1px solid #1a1a1a;
7828    background: #0d0d0d;
7829  }
7830  .hmd-bypass__screen-dot {
7831    width: 8px;
7832    height: 8px;
7833    border-radius: 50%;
7834  }
7835  .hmd-bypass__screen-title {
7836    font-size: 10px;
7837    font-weight: 600;
7838    color: #888;
7839    letter-spacing: 0.1em;
7840    text-transform: uppercase;
7841    margin-left: 6px;
7842  }
7843
7844  .hmd-bypass__screen-img {
7845    width: 100%;
7846    height: auto;
7847    display: block;
7848    opacity: 0.95;
7849    background: #0d0d0d;
7850  }
7851  .hmd-bypass__screen-placeholder {
7852    width: 100%;
7853    aspect-ratio: 16/9;
7854    background: #0d0d0d;
7855    display: flex;
7856    flex-direction: column;
7857    align-items: center;
7858    justify-content: center;
7859    gap: 12px;
7860  }
7861  .hmd-bypass__screen-placeholder svg {
7862    width: 48px;
7863    height: 48px;
7864    opacity: 0.15;
7865  }
7866  .hmd-bypass__screen-placeholder span {
7867    font-size: 10px;
7868    color: #777;
7869    letter-spacing: 0.18em;
7870    text-transform: uppercase;
7871  }
7872
7873  /* Platform badges */
7874  .hmd-bypass__platforms {
7875    display: flex;
7876    align-items: center;
7877    gap: 8px;
7878    padding: 12px 14px;
7879    border-top: 1px solid #1a1a1a;
7880    background: #0d0d0d;
7881  }
7882  .hmd-bypass__platform-label {
7883    font-size: 9px;
7884    font-weight: 700;
7885    letter-spacing: 0.15em;
7886    text-transform: uppercase;
7887    color: #888;
7888    margin-right: 4px;
7889  }
7890  .hmd-bypass__platform-badge {
7891    font-size: 9px;
7892    font-weight: 700;
7893    letter-spacing: 0.1em;
7894    text-transform: uppercase;
7895    color: #999;
7896    border: 1px solid #222;
7897    padding: 3px 8px;
7898    background: #111;
7899  }
7900
7901  /* Responsive */
7902  @media (max-width: 1024px) {
7903    .hmd-bypass__inner {
7904      grid-template-columns: 1fr;
7905      padding: 60px 40px;
7906      gap: 40px;
7907    }
7908    .hmd-bypass__right { max-width: 100%; width: 100%; }
7909    .hmd-bypass__bg-img { width: 100%; opacity: 0.06; }
7910  }
7911  @media (max-width: 640px) {
7912    .hmd-bypass__inner { padding: 48px 24px; }
7913    .hmd-bypass__title { letter-spacing: -1.5px; }
7914    .hmd-bypass__cta { flex-direction: column; align-items: flex-start; }
7915    .hmd-btn-red { width: 100%; justify-content: center; }
7916  }
7917</style>
7918
7919<section class="hmd-bypass" id="hmd-bypass">
7920  <div class="hmd-bypass__accent-left"></div>
7921  <div class="hmd-bypass__bg-pattern"></div>
7922  <div class="hmd-bypass__bg-fade"></div>
7923
7924  
7925
7926  <div class="hmd-bypass__inner">
7927
7928    <!-- Left: Content -->
7929    <div class="hmd-bypass__left">
7930
7931      <div class="hmd-bypass__tag">
7932        <span class="hmd-bypass__tag-dot"></span>
7933        <span class="hmd-bypass__tag-text">Unique Product — Desktop App</span>
7934      </div>
7935
7936      <h2 class="hmd-bypass__title">
7937        Remove Unwanted<br>
7938        <em>Audio Plugins.</em>
7939      </h2>
7940
7941      <p class="hmd-bypass__sub">Bypass is the easiest way to find and delete unwanted audio plugins from your system. Clean up your plugin folder in minutes — no manual hunting required.</p>
7942
7943      <div class="hmd-bypass__features">
7944        
7945        <div class="hmd-bypass__feature">
7946          <svg class="hmd-bypass__feature-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
7947            <path d="M2 8l4 4 8-8"/>
7948          </svg>
7949          <span class="hmd-bypass__feature-text">Scans your entire system for installed audio plugins instantly</span>
7950        </div>
7951        
7952        
7953        <div class="hmd-bypass__feature">
7954          <svg class="hmd-bypass__feature-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
7955            <path d="M2 8l4 4 8-8"/>
7956          </svg>
7957          <span class="hmd-bypass__feature-text">Safely removes VST, AU, and AAX plugins with one click</span>
7958        </div>
7959        
7960        
7961        <div class="hmd-bypass__feature">
7962          <svg class="hmd-bypass__feature-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
7963            <path d="M2 8l4 4 8-8"/>
7964          </svg>
7965          <span class="hmd-bypass__feature-text">Works on Mac and Windows — no DAW required</span>
7966        </div>
7967        
7968        
7969        <div class="hmd-bypass__feature">
7970          <svg class="hmd-bypass__feature-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
7971            <path d="M2 8l4 4 8-8"/>
7972          </svg>
7973          <span class="hmd-bypass__feature-text">Built by producers, for producers</span>
7974        </div>
7975        
7976      </div>
7977
7978      <div class="hmd-bypass__cta">
7979        <a href="/products/bypass" class="hmd-btn-red">
7980          Get Bypass App
7981          <svg viewBox="0 0 13 13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
7982            <path d="M1 6.5h11M7 1l5 5.5-5 5.5"/>
7983          </svg>
7984        </a>
7985        
7986        <div class="hmd-bypass__price-note">
7987          <span class="hmd-bypass__price">$29.99</span>
7988          <span class="hmd-bypass__price-sub">One-time purchase</span>
7989        </div>
7990        
7991      </div>
7992
7993    </div>
7994
7995    <!-- Right: App screenshot -->
7996    <div class="hmd-bypass__right">
7997      <div class="hmd-bypass__screen-wrap">
7998
7999        <div class="hmd-bypass__screen-bar">
8000          <span class="hmd-bypass__screen-dot" style="background:#E8232A;"></span>
8001          <span class="hmd-bypass__screen-dot" style="background:#2a2a2a;"></span>
8002          <span class="hmd-bypass__screen-dot" style="background:#2a2a2a;"></span>
8003          <span class="hmd-bypass__screen-title">Bypass — Plugin Remover</span>
8004        </div>
8005
8006        
8007          <img class="hmd-bypass__screen-img"
8008               src="//helpmedevvon.com/cdn/shop/files/1.png?v=1751300501&width=900"
8009               alt="Bypass App Screenshot"
8010               loading="lazy"
8011               width="900"
8012               height="675">
8013        
8014
8015        <div class="hmd-bypass__platforms">
8016          <span class="hmd-bypass__platform-label">Available on</span>
8017          <span class="hmd-bypass__platform-badge">Mac</span>
8018          <span class="hmd-bypass__platform-badge">Windows</span>
8019        </div>
8020
8021      </div>
8022    </div>
8023
8024  </div>
8025</section>
8026
8027
8028</div><div id="shopify-section-template--21593914769621__hmd_game_promo_AtY3FQ" class="shopify-section">
8029
8030<style>
8031  @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
8032
8033  .hmd-gp {
8034    background: #0a0505;
8035    border-top: 1px solid #1e1e1e;
8036    border-bottom: 1px solid #1e1e1e;
8037    position: relative;
8038    overflow: hidden;
8039    padding: 64px 40px;
8040    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
8041  }
8042
8043  /* Animated waveform bg */
8044  .hmd-gp__canvas {
8045    position: absolute; inset: 0;
8046    pointer-events: none; opacity: 0.25; z-index: 0;
8047  }
8048
8049  /* Diagonal red slash accent */
8050  .hmd-gp::before {
8051    content: '';
8052    position: absolute;
8053    top: -40px; right: -40px;
8054    width: 300px; height: 300px;
8055    background: radial-gradient(circle, rgba(232,35,42,0.08) 0%, transparent 70%);
8056    pointer-events: none; z-index: 0;
8057  }
8058
8059  .hmd-gp__inner {
8060    max-width: 1320px; margin: 0 auto;
8061    display: grid; grid-template-columns: 1fr auto;
8062    align-items: center; gap: 40px;
8063    position: relative; z-index: 1;
8064  }
8065
8066  .hmd-gp__left {}
8067
8068  .hmd-gp__eyebrow {
8069    font-size: 10px; font-weight: 700;
8070    letter-spacing: 0.24em; text-transform: uppercase;
8071    color: #E8232A; margin-bottom: 10px;
8072    display: flex; align-items: center; gap: 10px;
8073  }
8074  .hmd-gp__eyebrow::before {
8075    content: ''; width: 18px; height: 2px;
8076    background: #E8232A; display: inline-block;
8077  }
8078
8079  .hmd-gp__title {
8080    font-family: 'Bebas Neue', 'Impact', sans-serif;
8081    font-size: clamp(36px, 5vw, 72px);
8082    letter-spacing: 3px; line-height: 0.95;
8083    color: #fff;
8084    text-shadow: 3px 3px 0px #E8232A;
8085    margin-bottom: 14px;
8086  }
8087  .hmd-gp__title span { color: #FFD700; text-shadow: 3px 3px 0px #b8860b; }
8088
8089  .hmd-gp__desc {
8090    font-size: 15px; color: #999;
8091    line-height: 1.7; max-width: 520px; margin-bottom: 28px;
8092  }
8093  .hmd-gp__desc strong { color: #aaa; font-weight: 700; }
8094
8095  /* Prize pill */
8096  .hmd-gp__prize {
8097    display: inline-flex; align-items: center; gap: 10px;
8098    background: #110808; border: 1px solid #FFD700;
8099    padding: 8px 16px; margin-bottom: 28px;
8100  }
8101  .hmd-gp__prize-icon { color: #FFD700; font-size: 14px; }
8102  .hmd-gp__prize-text { font-size: 12px; color: #888; }
8103  .hmd-gp__prize-text strong { color: #FFD700; font-weight: 700; }
8104
8105  /* CTA buttons */
8106  .hmd-gp__ctas { display: flex; gap: 12px; flex-wrap: wrap; }
8107
8108  .hmd-gp__btn-primary {
8109    background: #E8232A; color: #fff;
8110    border: none; cursor: pointer;
8111    font-family: 'Bebas Neue', sans-serif;
8112    font-size: 18px; letter-spacing: 3px;
8113    padding: 14px 36px;
8114    text-decoration: none; display: inline-flex;
8115    align-items: center; gap: 10px;
8116    transition: all 0.15s;
8117    clip-path: polygon(10px 0%, calc(100% - 10px) 0%, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0% 50%);
8118    position: relative; overflow: hidden;
8119  }
8120  .hmd-gp__btn-primary::before {
8121    content: ''; position: absolute; inset: 0;
8122    background: linear-gradient(180deg, rgba(255,255,255,0.1) 0%, transparent 50%);
8123    pointer-events: none;
8124  }
8125  .hmd-gp__btn-primary:hover {
8126    background: #ff3a42;
8127    box-shadow: 0 0 28px rgba(232,35,42,0.4);
8128    transform: translateY(-2px);
8129    color: #fff;
8130  }
8131
8132  .hmd-gp__btn-ghost {
8133    background: transparent; color: #555;
8134    border: 1px solid #1e1e1e; cursor: pointer;
8135    font-size: 11px; font-weight: 700;
8136    letter-spacing: 0.12em; text-transform: uppercase;
8137    padding: 14px 24px; text-decoration: none;
8138    display: inline-flex; align-items: center; gap: 8px;
8139    transition: all 0.15s;
8140    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
8141  }
8142  .hmd-gp__btn-ghost:hover { border-color: #444; color: #fff; }
8143  .hmd-gp__btn-ghost svg { width: 11px; height: 11px; transition: transform 0.15s; }
8144  .hmd-gp__btn-ghost:hover svg { transform: translateX(3px); }
8145
8146  /* Right side — game preview card */
8147  .hmd-gp__right { flex-shrink: 0; }
8148
8149  .hmd-gp__card {
8150    background: #0f0f0f;
8151    border: 2px solid #1e1e1e;
8152    border-top: 3px solid #E8232A;
8153    padding: 20px 24px; width: 280px;
8154    position: relative;
8155  }
8156
8157  .hmd-gp__card-title {
8158    font-family: 'Bebas Neue', sans-serif;
8159    font-size: 13px; letter-spacing: 3px;
8160    color: #888; margin-bottom: 14px;
8161    text-transform: uppercase;
8162  }
8163
8164  .hmd-gp__levels {
8165    display: flex; flex-direction: column; gap: 6px;
8166    margin-bottom: 16px;
8167  }
8168  .hmd-gp__level {
8169    display: flex; align-items: center; gap: 10px;
8170    padding: 7px 10px; background: #141414;
8171    border: 1px solid #1e1e1e;
8172  }
8173  .hmd-gp__level-dot {
8174    width: 6px; height: 6px; border-radius: 50%;
8175    flex-shrink: 0;
8176  }
8177  .hmd-gp__level-name { font-size: 11px; color: #999; flex: 1; font-weight: 600; letter-spacing: 0.04em; }
8178  .hmd-gp__level-badge {
8179    font-size: 9px; font-weight: 700; letter-spacing: 0.1em;
8180    text-transform: uppercase; padding: 2px 7px;
8181  }
8182
8183  .hmd-gp__card-footer {
8184    border-top: 1px solid #1e1e1e; padding-top: 12px;
8185    font-size: 11px; color: #888;
8186    display: flex; align-items: center; justify-content: space-between;
8187  }
8188  .hmd-gp__card-footer strong { color: #E8232A; }
8189
8190  /* Scroll ticker at bottom */
8191  .hmd-gp__ticker {
8192    position: absolute; bottom: 0; left: 0; right: 0;
8193    background: #E8232A; padding: 6px 0;
8194    overflow: hidden; white-space: nowrap;
8195  }
8196  .hmd-gp__ticker-inner {
8197    display: inline-block;
8198    animation: tickerScroll 20s linear infinite;
8199    font-family: 'Bebas Neue', sans-serif;
8200    font-size: 11px; letter-spacing: 0.2em; color: #fff;
8201  }
8202  @keyframes tickerScroll {
8203    0% { transform: translateX(0); }
8204    100% { transform: translateX(-50%); }
8205  }
8206
8207  @media (max-width: 900px) {
8208    .hmd-gp__inner { grid-template-columns: 1fr; }
8209    .hmd-gp__right { display: none; }
8210    .hmd-gp { padding: 48px 24px 64px; }
8211  }
8212  @media (max-width: 640px) {
8213    .hmd-gp__btn-primary { clip-path: none; width: 100%; justify-content: center; }
8214    .hmd-gp__btn-ghost { width: 100%; justify-content: center; }
8215    .hmd-gp__ctas { flex-direction: column; }
8216  }
8217</style>
8218
8219<div class="hmd-gp">
8220  <canvas class="hmd-gp__canvas" id="gp-canvas"></canvas>
8221
8222  <div class="hmd-gp__inner">
8223    <div class="hmd-gp__left">
8224      <div class="hmd-gp__eyebrow">New — Play & Win</div>
8225      <h2 class="hmd-gp__title">
8226        Think You Know<br>
8227        <span>Frequencies?</span>
8228      </h2>
8229      <p class="hmd-gp__desc">Train your ears, climb the leaderboard, and unlock exclusive discount codes just for playing. Beat Level 2 for 30% off your next order.</p>
8230
8231      <div class="hmd-gp__prize">
8232        <span class="hmd-gp__prize-icon">★</span>
8233        <span class="hmd-gp__prize-text">
8234          <strong>Monthly Prize:</strong> Highest score wins a free HMD plugin of their choice
8235        </span>
8236      </div>
8237
8238      <div class="hmd-gp__ctas">
8239        <a href="/pages/frequency-smash" class="hmd-gp__btn-primary">
8240          ★ PLAY FREQUENCY SMASH
8241        </a>
8242        <a href="/pages/leaderboard" class="hmd-gp__btn-ghost">
8243          View Leaderboard
8244          <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 6h10M6 1l5 5-5 5"/></svg>
8245        </a>
8246      </div>
8247    </div>
8248
8249    <div class="hmd-gp__right">
8250      <div class="hmd-gp__card">
8251        <div class="hmd-gp__card-title">5 Levels of Difficulty</div>
8252        <div class="hmd-gp__levels">
8253          <div class="hmd-gp__level">
8254            <div class="hmd-gp__level-dot" style="background:#4a9e4a;"></div>
8255            <span class="hmd-gp__level-name">High vs Low</span>
8256            <span class="hmd-gp__level-badge" style="background:#0a2a0a;color:#4a9e4a;border:1px solid #1a4a1a;">Beginner</span>
8257          </div>
8258          <div class="hmd-gp__level">
8259            <div class="hmd-gp__level-dot" style="background:#4a7e9e;"></div>
8260            <span class="hmd-gp__level-name">3 Frequency Zones</span>
8261            <span class="hmd-gp__level-badge" style="background:#0a1a2a;color:#4a7e9e;border:1px solid #1a3a4a;">Easy</span>
8262          </div>
8263          <div class="hmd-gp__level">
8264            <div class="hmd-gp__level-dot" style="background:#FFD700;"></div>
8265            <span class="hmd-gp__level-name">4 Zones + Discount</span>
8266            <span class="hmd-gp__level-badge" style="background:#1a1000;color:#FFD700;border:1px solid #3a2a00;">Medium</span>
8267          </div>
8268          <div class="hmd-gp__level">
8269            <div class="hmd-gp__level-dot" style="background:#E8232A;"></div>
8270            <span class="hmd-gp__level-name">5 Zones Precision</span>
8271            <span class="hmd-gp__level-badge" style="background:#1a0808;color:#E8232A;border:1px solid #3a1515;">Hard</span>
8272          </div>
8273          <div class="hmd-gp__level">
8274            <div class="hmd-gp__level-dot" style="background:#ff3a42;"></div>
8275            <span class="hmd-gp__level-name">Exact Hz Values</span>
8276            <span class="hmd-gp__level-badge" style="background:#1a0505;color:#ff3a42;border:1px solid #3a0f0f;">Expert</span>
8277          </div>
8278        </div>
8279        <div class="hmd-gp__card-footer">
8280          <span>Score 2000+ pts</span>
8281          <span><strong>Unlock 20% off</strong></span>
8282        </div>
8283      </div>
8284    </div>
8285  </div>
8286
8287  <!-- Scrolling ticker -->
8288  <div class="hmd-gp__ticker">
8289    <span class="hmd-gp__ticker-inner">
8290      ★ FREQUENCY SMASH &nbsp;&nbsp;·&nbsp;&nbsp; TRAIN YOUR EARS &nbsp;&nbsp;·&nbsp;&nbsp; WIN FREE PLUGINS &nbsp;&nbsp;·&nbsp;&nbsp; MONTHLY LEADERBOARD &nbsp;&nbsp;·&nbsp;&nbsp; UNLOCK DISCOUNT CODES &nbsp;&nbsp;·&nbsp;&nbsp; 5 LEVELS OF DIFFICULTY &nbsp;&nbsp;·&nbsp;&nbsp; FREQUENCY SMASH &nbsp;&nbsp;·&nbsp;&nbsp; TRAIN YOUR EARS &nbsp;&nbsp;·&nbsp;&nbsp; WIN FREE PLUGINS &nbsp;&nbsp;·&nbsp;&nbsp; MONTHLY LEADERBOARD &nbsp;&nbsp;·&nbsp;&nbsp; UNLOCK DISCOUNT CODES &nbsp;&nbsp;·&nbsp;&nbsp; 5 LEVELS OF DIFFICULTY &nbsp;&nbsp;·&nbsp;&nbsp;
8291    </span>
8292  </div>
8293</div>
8294
8295<script>
8296(function(){
8297  const canvas = document.getElementById('gp-canvas');
8298  if (!canvas) return;
8299  const page = canvas.closest('.hmd-gp');
8300  function resize() { canvas.width = page.offsetWidth; canvas.height = page.offsetHeight; }
8301  resize();
8302  window.addEventListener('resize', resize);
8303  const ctx = canvas.getContext('2d');
8304  const waves = [
8305    {y:0.25,amp:20,freq:0.009,speed:0.01,phase:0,color:'232,35,42',width:1.5,alpha:0.7},
8306    {y:0.5,amp:28,freq:0.006,speed:0.007,phase:2.1,color:'255,215,0',width:1.5,alpha:0.5},
8307    {y:0.75,amp:16,freq:0.011,speed:0.013,phase:1.3,color:'232,35,42',width:1,alpha:0.4},
8308  ];
8309  let tick = 0;
8310  function draw() {
8311    ctx.clearRect(0, 0, canvas.width, canvas.height);
8312    waves.forEach(w => {
8313      ctx.beginPath();
8314      ctx.strokeStyle = `rgba(${w.color},${w.alpha})`;
8315      ctx.lineWidth = w.width;
8316      const baseY = canvas.height * w.y;
8317      for (let x = 0; x <= canvas.width; x += 2) {
8318        const y = baseY + Math.sin(x * w.freq + tick * w.speed + w.phase) * w.amp + Math.sin(x * w.freq * 2.5 + tick * w.speed * 1.8) * w.amp * 0.35;
8319        x === 0 ? ctx.moveTo(x, y) : ctx.lineTo(x, y);
8320      }
8321      ctx.stroke();
8322    });
8323    tick++;
8324    requestAnimationFrame(draw);
8325  }
8326  draw();
8327})();
8328</script>
8328
8329
8330
8331</div><div id="shopify-section-template--21593914769621__hmd_course_9mAbeH" class="shopify-section">
8332
8333<style>
8334  .hmd-course {
8335    background: #0a0a0a;
8336    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
8337    border-top: 1px solid #1a1a1a;
8338    position: relative;
8339    overflow: hidden;
8340  }
8341
8342  /* Top red bar — full width */
8343  .hmd-course__topbar {
8344    width: 100%;
8345    height: 3px;
8346    background: #E8232A;
8347  }
8348
8349  /* Background image */
8350  .hmd-course__bg {
8351    position: absolute;
8352    inset: 0;
8353    z-index: 0;
8354  }
8355  .hmd-course__bg img {
8356    width: 100%;
8357    height: 100%;
8358    object-fit: cover;
8359    object-position: center;
8360    opacity: 0.08;
8361  }
8362  .hmd-course__bg-overlay {
8363    position: absolute;
8364    inset: 0;
8365    background: linear-gradient(135deg, #0a0a0a 50%, rgba(10,10,10,0.7) 100%);
8366  }
8367
8368  /* Noise texture */
8369  .hmd-course__noise {
8370    position: absolute;
8371    inset: 0;
8372    z-index: 1;
8373    opacity: 0.025;
8374    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
8375    background-size: 200px;
8376  }
8377
8378  /* Inner */
8379  .hmd-course__inner {
8380    position: relative;
8381    z-index: 2;
8382    max-width: 1400px;
8383    margin: 0 auto;
8384    padding: 80px 80px;
8385    display: grid;
8386    grid-template-columns: 1fr 460px;
8387    gap: 80px;
8388    align-items: center;
8389  }
8390
8391  /* Left */
8392  .hmd-course__left {}
8393
8394  .hmd-course__eyebrow {
8395    display: flex;
8396    align-items: center;
8397    gap: 10px;
8398    margin-bottom: 20px;
8399  }
8400  .hmd-course__eyebrow-badge {
8401    font-size: 9px;
8402    font-weight: 700;
8403    letter-spacing: 0.2em;
8404    text-transform: uppercase;
8405    background: #E8232A;
8406    color: #fff;
8407    padding: 5px 10px;
8408  }
8409  .hmd-course__eyebrow-text {
8410    font-size: 10px;
8411    font-weight: 600;
8412    letter-spacing: 0.16em;
8413    text-transform: uppercase;
8414    color: #888;
8415  }
8416
8417  .hmd-course__title {
8418    font-size: clamp(36px, 4.5vw, 60px);
8419    font-weight: 900;
8420    color: #fff;
8421    letter-spacing: -2.5px;
8422    line-height: 0.95;
8423    margin-bottom: 20px;
8424  }
8425  .hmd-course__title em {
8426    font-style: normal;
8427    color: #E8232A;
8428  }
8429
8430  .hmd-course__sub {
8431    font-size: 15px;
8432    color: #999;
8433    line-height: 1.75;
8434    max-width: 480px;
8435    margin-bottom: 36px;
8436  }
8437
8438  /* What's included */
8439  .hmd-course__includes {
8440    margin-bottom: 40px;
8441  }
8442  .hmd-course__includes-label {
8443    font-size: 10px;
8444    font-weight: 700;
8445    letter-spacing: 0.18em;
8446    text-transform: uppercase;
8447    color: #888;
8448    margin-bottom: 14px;
8449  }
8450  .hmd-course__includes-grid {
8451    display: grid;
8452    grid-template-columns: 1fr 1fr;
8453    gap: 10px;
8454  }
8455  .hmd-course__include-item {
8456    display: flex;
8457    align-items: center;
8458    gap: 10px;
8459  }
8460  .hmd-course__include-icon {
8461    width: 14px;
8462    height: 14px;
8463    color: #E8232A;
8464    flex-shrink: 0;
8465  }
8466  .hmd-course__include-text {
8467    font-size: 12px;
8468    color: #999;
8469    line-height: 1.4;
8470  }
8471
8472  /* CTA row */
8473  .hmd-course__cta {
8474    display: flex;
8475    align-items: center;
8476    gap: 24px;
8477    flex-wrap: wrap;
8478  }
8479
8480  .hmd-btn-course {
8481    background: #E8232A;
8482    color: #fff;
8483    font-size: 12px;
8484    font-weight: 700;
8485    letter-spacing: 0.12em;
8486    text-transform: uppercase;
8487    padding: 16px 36px;
8488    border: none;
8489    cursor: pointer;
8490    text-decoration: none;
8491    display: inline-flex;
8492    align-items: center;
8493    gap: 10px;
8494    transition: background 0.15s ease, transform 0.1s ease;
8495    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
8496  }
8497  .hmd-btn-course:hover { background: #c41e24; color: #fff; transform: translateY(-1px); }
8498  .hmd-btn-course svg { width: 13px; height: 13px; }
8499
8500  .hmd-course__price-wrap {
8501    display: flex;
8502    flex-direction: column;
8503    gap: 3px;
8504  }
8505  .hmd-course__price {
8506    font-size: 28px;
8507    font-weight: 900;
8508    color: #fff;
8509    letter-spacing: -1px;
8510    line-height: 1;
8511  }
8512  .hmd-course__price-orig {
8513    font-size: 14px;
8514    color: #777;
8515    text-decoration: line-through;
8516    margin-right: 6px;
8517  }
8518  .hmd-course__price-note {
8519    font-size: 10px;
8520    color: #888;
8521    text-transform: uppercase;
8522    letter-spacing: 0.1em;
8523  }
8524
8525  /* Right — course card */
8526  .hmd-course__right {}
8527
8528  .hmd-course__card {
8529    background: #111;
8530    border: 1px solid #1e1e1e;
8531    position: relative;
8532    overflow: hidden;
8533  }
8534
8535  /* Course image */
8536  .hmd-course__card-img-wrap {
8537    position: relative;
8538    aspect-ratio: 16/9;
8539    background: #0d0d0d;
8540    overflow: hidden;
8541  }
8542  .hmd-course__card-img {
8543    width: 100%;
8544    height: 100%;
8545    object-fit: cover;
8546    opacity: 0.9;
8547    transition: transform 0.4s ease;
8548    display: block;
8549  }
8550  .hmd-course__card:hover .hmd-course__card-img { transform: scale(1.03); }
8551  .hmd-course__card-img-placeholder {
8552    width: 100%;
8553    height: 100%;
8554    display: flex;
8555    align-items: center;
8556    justify-content: center;
8557    background: #111;
8558  }
8559  .hmd-course__card-img-placeholder svg { width: 48px; height: 48px; opacity: 0.1; }
8560
8561  /* Play button overlay */
8562  .hmd-course__play {
8563    position: absolute;
8564    inset: 0;
8565    display: flex;
8566    align-items: center;
8567    justify-content: center;
8568    background: rgba(0,0,0,0.3);
8569    transition: background 0.2s ease;
8570  }
8571  .hmd-course__card:hover .hmd-course__play { background: rgba(0,0,0,0.15); }
8572  .hmd-course__play-btn {
8573    width: 56px;
8574    height: 56px;
8575    background: #E8232A;
8576    border-radius: 50%;
8577    display: flex;
8578    align-items: center;
8579    justify-content: center;
8580    transition: transform 0.2s ease;
8581  }
8582  .hmd-course__card:hover .hmd-course__play-btn { transform: scale(1.1); }
8583  .hmd-course__play-btn svg { width: 20px; height: 20px; color: #fff; margin-left: 3px; }
8584
8585  /* New badge */
8586  .hmd-course__new-badge {
8587    position: absolute;
8588    top: 14px;
8589    left: 14px;
8590    font-size: 9px;
8591    font-weight: 700;
8592    letter-spacing: 0.18em;
8593    text-transform: uppercase;
8594    background: #E8232A;
8595    color: #fff;
8596    padding: 5px 10px;
8597    z-index: 2;
8598  }
8599
8600  /* Card body */
8601  .hmd-course__card-body {
8602    padding: 20px 24px 24px;
8603    border-top: 2px solid #E8232A;
8604  }
8605  .hmd-course__card-name {
8606    font-size: 16px;
8607    font-weight: 800;
8608    color: #fff;
8609    letter-spacing: -0.5px;
8610    margin-bottom: 6px;
8611    line-height: 1.3;
8612  }
8613  .hmd-course__card-tagline {
8614    font-size: 12px;
8615    color: #999;
8616    line-height: 1.6;
8617    margin-bottom: 16px;
8618  }
8619  .hmd-course__card-meta {
8620    display: flex;
8621    align-items: center;
8622    gap: 16px;
8623    padding-top: 14px;
8624    border-top: 1px solid #1a1a1a;
8625  }
8626  .hmd-course__card-meta-item {
8627    display: flex;
8628    flex-direction: column;
8629    gap: 2px;
8630  }
8631  .hmd-course__card-meta-num {
8632    font-size: 14px;
8633    font-weight: 800;
8634    color: #fff;
8635    letter-spacing: -0.3px;
8636  }
8637  .hmd-course__card-meta-label {
8638    font-size: 9px;
8639    color: #888;
8640    text-transform: uppercase;
8641    letter-spacing: 0.12em;
8642  }
8643  .hmd-course__card-meta-divider {
8644    width: 1px;
8645    height: 28px;
8646    background: #1e1e1e;
8647  }
8648
8649  /* Responsive */
8650  @media (max-width: 1100px) {
8651    .hmd-course__inner {
8652      grid-template-columns: 1fr;
8653      padding: 60px 40px;
8654      gap: 40px;
8655    }
8656    .hmd-course__right { max-width: 520px; }
8657  }
8658  @media (max-width: 640px) {
8659    .hmd-course__inner { padding: 48px 24px; }
8660    .hmd-course__title { letter-spacing: -1.5px; }
8661    .hmd-course__includes-grid { grid-template-columns: 1fr; }
8662    .hmd-course__cta { flex-direction: column; align-items: flex-start; }
8663    .hmd-btn-course { width: 100%; justify-content: center; }
8664    .hmd-course__right { max-width: 100%; }
8665  }
8666</style>
8667
8668<section class="hmd-course" id="hmd-course">
8669  <div class="hmd-course__topbar"></div>
8670
8671  
8672
8673  <div class="hmd-course__noise"></div>
8674
8675  <div class="hmd-course__inner">
8676
8677    <!-- Left: Course pitch -->
8678    <div class="hmd-course__left">
8679
8680      <div class="hmd-course__eyebrow">
8681        <span class="hmd-course__eyebrow-badge">New</span>
8682        <span class="hmd-course__eyebrow-text">04 — Course</span>
8683      </div>
8684
8685      <h2 class="hmd-course__title">
8686        Want To Start A Plugin Company?<br>
8687        <em>Start Here.</em>
8688      </h2>
8689
8690      <p class="hmd-course__sub">I broke down the exact process behind launching audio plugins — now available for lifetime access.</p>
8691
8692      
8693      <div class="hmd-course__includes">
8694        <div class="hmd-course__includes-label">What's inside</div>
8695        <div class="hmd-course__includes-grid">
8696          
8697          <div class="hmd-course__include-item">
8698            <svg class="hmd-course__include-icon" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 7l4 4 8-8"/></svg>
8699            <span class="hmd-course__include-text">How To Validate A Plugin Idea</span>
8700          </div>
8701          
8702          
8703          <div class="hmd-course__include-item">
8704            <svg class="hmd-course__include-icon" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 7l4 4 8-8"/></svg>
8705            <span class="hmd-course__include-text">Building With Developers</span>
8706          </div>
8707          
8708          
8709          <div class="hmd-course__include-item">
8710            <svg class="hmd-course__include-icon" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 7l4 4 8-8"/></svg>
8711            <span class="hmd-course__include-text">Licensing, Installers & Protection</span>
8712          </div>
8713          
8714          
8715          <div class="hmd-course__include-item">
8716            <svg class="hmd-course__include-icon" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 7l4 4 8-8"/></svg>
8717            <span class="hmd-course__include-text">Launch, Marketing & Sales Strategy</span>
8718          </div>
8719          
8720          
8721          
8722        </div>
8723      </div>
8724      
8725
8726      <div class="hmd-course__cta">
8727        <a href="/products/building-an-independent-audio-plugin-company" class="hmd-btn-course">
8728          START BUILDING
8729          <svg viewBox="0 0 13 13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
8730            <path d="M1 6.5h11M7 1l5 5.5-5 5.5"/>
8731          </svg>
8732        </a>
8733        <div class="hmd-course__price-wrap">
8734          
8735            <span class="hmd-course__price">$299.99</span>
8736          
8737          <span class="hmd-course__price-note">Lifetime access</span>
8738        </div>
8739      </div>
8740
8741    </div>
8742
8743    <!-- Right: Course card -->
8744    <div class="hmd-course__right">
8745      <div class="hmd-course__card">
8746
8747        <div class="hmd-course__card-img-wrap" id="hmd-course-player-wrap">
8748
8749          
8750            
8751            <div class="hmd-course__yt-thumb" id="hmd-course-thumb"
8752                 style="position:relative;width:100%;height:100%;cursor:pointer;"
8753                 data-videoid="rFV2l2AKqMc">
8754
8755              
8756                <img class="hmd-course__card-img"
8757                     src="//helpmedevvon.com/cdn/shop/files/Building.webp?v=1777263256&width=900"
8758                     alt="Building An Independent Audio Plugin Company"
8759                     loading="lazy" width="900" height="506">
8760              
8761
8762              <div class="hmd-course__play">
8763                <div class="hmd-course__play-btn">
8764                  <svg viewBox="0 0 20 20" fill="currentColor">
8765                    <path d="M6 4l12 8-12 8V4z"/>
8766                  </svg>
8767                </div>
8768              </div>
8769
8770              <div style="position:absolute;bottom:14px;left:14px;font-size:10px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;background:rgba(0,0,0,0.75);color:#aaa;padding:5px 10px;border:1px solid #2a2a2a;">
8771                Watch Free Preview
8772              </div>
8773            </div>
8774
8775          
8776
8777          <span class="hmd-course__new-badge">First Course Drop</span>
8778        </div>
8779
8780        <div class="hmd-course__card-body">
8781          <div class="hmd-course__card-name">Building An Independent Audio Plugin Company</div>
8782          <div class="hmd-course__card-tagline">From idea to launch the exact process behind building, releasing, and selling your own audio plugins.</div>
8783          <div class="hmd-course__card-meta">
8784            
8785            <div class="hmd-course__card-meta-item">
8786              <span class="hmd-course__card-meta-num">11+</span>
8787              <span class="hmd-course__card-meta-label">Modules</span>
8788            </div>
8789            
8790            
8791            <div class="hmd-course__card-meta-divider"></div>
8792            <div class="hmd-course__card-meta-item">
8793              <span class="hmd-course__card-meta-num">Ai Chat</span>
8794              <span class="hmd-course__card-meta-label">Help</span>
8795            </div>
8796            
8797            
8798            <div class="hmd-course__card-meta-divider"></div>
8799            <div class="hmd-course__card-meta-item">
8800              <span class="hmd-course__card-meta-num">Lifetime</span>
8801              <span class="hmd-course__card-meta-label">Access</span>
8802            </div>
8803            
8804          </div>
8805          
8806          <a href="/products/building-an-independent-audio-plugin-company"
8807             style="display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px solid #1a1a1a;font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#E8232A;text-decoration:none;">
8808            Get Full Course Access
8809            <svg width="12" height="12" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M1 6h10M6 1l5 5-5 5"/></svg>
8810          </a>
8811          
8812        </div>
8813
8814      </div>
8815    </div>
8816
8817  </div>
8818</section>
8819
8820<script>
8821(function() {
8822  var thumb = document.getElementById('hmd-course-thumb');
8823  if (!thumb) return;
8824  thumb.addEventListener('click', function() {
8825    var videoId = thumb.getAttribute('data-videoid');
8826    var wrap = thumb.parentElement;
8827    var iframe = document.createElement('iframe');
8828    iframe.setAttribute('src', 'https://www.youtube.com/embed/' + videoId + '?autoplay=1&rel=0&modestbranding=1');
8829    iframe.setAttribute('frameborder', '0');
8830    iframe.setAttribute('allow', 'autoplay; encrypted-media; picture-in-picture');
8831    iframe.setAttribute('allowfullscreen', '');
8832    iframe.style.cssText = 'position:absolute;top:0;left:0;width:100%;height:100%;border:none;';
8833    wrap.style.position = 'relative';
8834    wrap.innerHTML = '';
8835    wrap.appendChild(iframe);
8836  });
8837})();
8838</script>
8838
8839
8840
8841</div>
8842    </main>
8843
8844    <!-- BEGIN sections: footer-group -->
8845<div id="shopify-section-sections--21593915228373__hmd_footer_JXbngX" class="shopify-section shopify-section-group-footer-group">
8846
8847<style>
8848  .hmd-footer {
8849    background: #080808;
8850    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
8851    border-top: 1px solid #1a1a1a;
8852  }
8853
8854  /* Email signup strip */
8855  .hmd-footer__signup {
8856    border-bottom: 1px solid #1a1a1a;
8857    padding: 40px 80px;
8858    display: flex;
8859    align-items: center;
8860    justify-content: space-between;
8861    gap: 40px;
8862    background: #0d0d0d;
8863  }
8864  .hmd-footer__signup-left {}
8865  .hmd-footer__signup-title {
8866    font-size: 16px;
8867    font-weight: 800;
8868    color: #fff;
8869    letter-spacing: -0.5px;
8870    margin-bottom: 4px;
8871  }
8872  .hmd-footer__signup-sub {
8873    font-size: 12px;
8874    color: #444;
8875    letter-spacing: 0.04em;
8876  }
8877  .hmd-footer__signup-form {
8878    display: flex;
8879    gap: 0;
8880    flex-shrink: 0;
8881  }
8882  .hmd-footer__signup-input {
8883    background: #111;
8884    border: 1px solid #222;
8885    border-right: none;
8886    color: #fff;
8887    font-size: 12px;
8888    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
8889    padding: 12px 20px;
8890    outline: none;
8891    width: 280px;
8892    transition: border-color 0.15s;
8893  }
8894  .hmd-footer__signup-input::placeholder { color: #333; }
8895  .hmd-footer__signup-input:focus { border-color: #333; }
8896  .hmd-footer__signup-btn {
8897    background: #E8232A;
8898    color: #fff;
8899    font-size: 11px;
8900    font-weight: 700;
8901    letter-spacing: 0.12em;
8902    text-transform: uppercase;
8903    padding: 12px 24px;
8904    border: none;
8905    cursor: pointer;
8906    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
8907    white-space: nowrap;
8908    transition: background 0.15s;
8909  }
8910  .hmd-footer__signup-btn:hover { background: #c41e24; }
8911
8912  /* Main footer grid */
8913  .hmd-footer__main {
8914    max-width: 1400px;
8915    margin: 0 auto;
8916    padding: 56px 80px 40px;
8917    display: grid;
8918    grid-template-columns: 260px 1fr 1fr 1fr 1fr;
8919    gap: 48px;
8920  }
8921
8922  /* Brand column */
8923  .hmd-footer__brand {}
8924  .hmd-footer__logo {
8925    display: block;
8926    margin-bottom: 16px;
8927    text-decoration: none;
8928  }
8929  .hmd-footer__logo img {
8930    height: 24px;
8931    width: auto;
8932  }
8933  .hmd-footer__logo-text {
8934    font-size: 20px;
8935    font-weight: 900;
8936    font-style: italic;
8937    color: #fff;
8938    letter-spacing: -1px;
8939  }
8940  .hmd-footer__logo-text span { color: #E8232A; }
8941  .hmd-footer__brand-desc {
8942    font-size: 12px;
8943    color: #333;
8944    line-height: 1.7;
8945    margin-bottom: 24px;
8946  }
8947
8948  /* Social links */
8949  .hmd-footer__social {
8950    display: flex;
8951    gap: 10px;
8952  }
8953  .hmd-footer__social-link {
8954    width: 34px;
8955    height: 34px;
8956    background: #111;
8957    border: 1px solid #1e1e1e;
8958    display: flex;
8959    align-items: center;
8960    justify-content: center;
8961    text-decoration: none;
8962    color: #444;
8963    transition: all 0.15s ease;
8964  }
8965  .hmd-footer__social-link:hover {
8966    background: #E8232A;
8967    border-color: #E8232A;
8968    color: #fff;
8969  }
8970  .hmd-footer__social-link svg { width: 14px; height: 14px; }
8971
8972  /* Nav columns */
8973  .hmd-footer__col {}
8974  .hmd-footer__col-title {
8975    font-size: 10px;
8976    font-weight: 700;
8977    letter-spacing: 0.2em;
8978    text-transform: uppercase;
8979    color: #fff;
8980    margin-bottom: 16px;
8981    padding-bottom: 12px;
8982    border-bottom: 1px solid #1a1a1a;
8983  }
8984  .hmd-footer__col-links {
8985    list-style: none;
8986    padding: 0;
8987    margin: 0;
8988    display: flex;
8989    flex-direction: column;
8990    gap: 10px;
8991  }
8992  .hmd-footer__col-links li {}
8993  .hmd-footer__col-links a {
8994    font-size: 12px;
8995    color: #3a3a3a;
8996    text-decoration: none;
8997    letter-spacing: 0.04em;
8998    transition: color 0.15s ease;
8999    display: flex;
9000    align-items: center;
9001    gap: 6px;
9002  }
9003  .hmd-footer__col-links a:hover { color: #fff; }
9004  .hmd-footer__col-links .new-tag {
9005    font-size: 8px;
9006    font-weight: 700;
9007    letter-spacing: 0.12em;
9008    text-transform: uppercase;
9009    background: #E8232A;
9010    color: #fff;
9011    padding: 2px 5px;
9012  }
9013
9014  /* Bottom bar */
9015  .hmd-footer__bottom {
9016    border-top: 1px solid #111;
9017    padding: 20px 80px;
9018    display: flex;
9019    align-items: center;
9020    justify-content: space-between;
9021    gap: 24px;
9022    max-width: 100%;
9023  }
9024  .hmd-footer__bottom-left {
9025    font-size: 11px;
9026    color: #222;
9027    letter-spacing: 0.06em;
9028  }
9029  .hmd-footer__bottom-left a { color: #2a2a2a; text-decoration: none; }
9030  .hmd-footer__bottom-left a:hover { color: #555; }
9031  .hmd-footer__bottom-right {
9032    display: flex;
9033    align-items: center;
9034    gap: 20px;
9035  }
9036  .hmd-footer__bottom-right a {
9037    font-size: 11px;
9038    color: #222;
9039    text-decoration: none;
9040    letter-spacing: 0.06em;
9041    transition: color 0.15s;
9042  }
9043  .hmd-footer__bottom-right a:hover { color: #555; }
9044
9045  /* Responsive */
9046  @media (max-width: 1200px) {
9047    .hmd-footer__main {
9048      grid-template-columns: 1fr 1fr 1fr;
9049      padding: 48px 40px 32px;
9050    }
9051    .hmd-footer__signup { padding: 32px 40px; }
9052    .hmd-footer__bottom { padding: 18px 40px; }
9053  }
9054  @media (max-width: 768px) {
9055    .hmd-footer__main {
9056      grid-template-columns: 1fr 1fr;
9057      gap: 32px;
9058      padding: 40px 24px 28px;
9059    }
9060    .hmd-footer__signup {
9061      flex-direction: column;
9062      align-items: flex-start;
9063      padding: 28px 24px;
9064      gap: 20px;
9065    }
9066    .hmd-footer__signup-input { width: 100%; }
9067    .hmd-footer__signup-form { width: 100%; }
9068    .hmd-footer__bottom {
9069      flex-direction: column;
9070      align-items: flex-start;
9071      padding: 16px 24px;
9072      gap: 12px;
9073    }
9074  }
9075  @media (max-width: 480px) {
9076    .hmd-footer__main { grid-template-columns: 1fr; }
9077  }
9078</style>
9079
9080<footer class="hmd-footer" id="hmd-footer">
9081
9082  
9083  
9084  <div class="hmd-footer__signup">
9085    <div class="hmd-footer__signup-left">
9086      <div class="hmd-footer__signup-title">Get 10% off your first order</div>
9087      <div class="hmd-footer__signup-sub">New product alerts, exclusive deals, and production tips — straight to your inbox.</div>
9088    </div>
9089    <form method="post" action="/contact#hmd-footer-form" id="hmd-footer-form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
9090      <input type="hidden" name="contact[tags]" value="newsletter">
9091      <div class="hmd-footer__signup-form">
9092        <input class="hmd-footer__signup-input"
9093               type="email"
9094               name="contact[email]"
9095               placeholder="Enter your email address"
9096               autocomplete="email"
9097               required>
9098        <button type="submit" class="hmd-footer__signup-btn">Subscribe</button>
9099      </div>
9100    </form>
9101  </div>
9102  
9103
9104  
9105  <div class="hmd-footer__main">
9106
9107    
9108    <div class="hmd-footer__brand">
9109      <a href="/" class="hmd-footer__logo">
9110        
9111          <img src="//helpmedevvon.com/cdn/shop/files/Help-Me-Devvon-Lettermark-Bright-White-Rgb-1080px-w-72ppi_c2bca11d-f5e7-4c04-9a41-314736b7636a.png?v=1777258108&width=160"
9112               alt="Help Me Devvon"
9113               width="80"
9114               height="24">
9115        
9116      </a>
9117      <p class="hmd-footer__brand-desc">Professional audio plugins, recording templates, and preset packs for producers who want industry-ready results.</p>
9118      <div class="hmd-footer__social">
9119        
9120        
9121        
9122        
9123      </div>
9124    </div>
9125
9126    
9127    <div class="hmd-footer__col">
9128      <div class="hmd-footer__col-title">Products</div>
9129      <ul class="hmd-footer__col-links">
9130        <li><a href="/collections/plugins-1">Audio Plugins</a></li>
9131        <li><a href="/collections/bundles">Bundles</a></li>
9132        <li><a href="/collections/templates">Recording Templates</a></li>
9133        <li><a href="/collections/presets">Preset Packs</a></li>
9134        <li><a href="/products/bypass-app">Bypass App</a></li>
9135        <li><a href="/collections/all">Shop All</a></li>
9136      </ul>
9137    </div>
9138
9139    
9140    <div class="hmd-footer__col">
9141      <div class="hmd-footer__col-title">Learn</div>
9142      <ul class="hmd-footer__col-links">
9143        <li>
9144          <a href="/collections/courses">
9145            HMD Course
9146            <span class="new-tag">New</span>
9147          </a>
9148        </li>
9149        <li><a href="/blogs/news">Blog</a></li>
9150        <li><a href="/pages/collab">Collab With Us</a></li>
9151      </ul>
9152    </div>
9153
9154    
9155    <div class="hmd-footer__col">
9156      <div class="hmd-footer__col-title">Support</div>
9157      <ul class="hmd-footer__col-links">
9158        <li><a href="/pages/license-key-recovery">License Recovery</a></li>
9159        <li><a href="/pages/ai-help">AI Help Chat</a></li>
9160        <li><a href="/pages/faq">FAQ</a></li>
9161        <li><a href="/pages/contact">Contact Us</a></li>
9162      </ul>
9163    </div>
9164
9165    
9166    <div class="hmd-footer__col">
9167      <div class="hmd-footer__col-title">Legal</div>
9168      <ul class="hmd-footer__col-links">
9169        <li><a href="/policies/privacy-policy">Privacy Policy</a></li>
9170        <li><a href="/policies/terms-of-service">Terms of Service</a></li>
9171        <li><a href="/policies/refund-policy">Refund Policy</a></li>
9172      </ul>
9173    </div>
9174
9175  </div>
9176
9177  
9178  <div class="hmd-footer__bottom">
9179    <div class="hmd-footer__bottom-left">
9180      &copy; 2026 Help Me Devvon. All rights reserved.
9181      &nbsp;&nbsp;|&nbsp;&nbsp;
9182      Digital products are non-refundable.
9183    </div>
9184    <div class="hmd-footer__bottom-right">
9185      <a href="/policies/privacy-policy">Privacy</a>
9186      <a href="/policies/terms-of-service">Terms</a>
9187      <a href="/policies/refund-policy">Refunds</a>
9188    </div>
9189  </div>
9190
9191</footer>
9192
9193
9194</div>
9195<!-- END sections: footer-group -->
9196
9197    <ul hidden>
9198      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
9199      <li id="a11y-new-window-message">Opens in a new window.</li>
9200    </ul>
9201
9202    
9202<script>
9203      window.shopUrl = 'https://helpmedevvon.com';
9204      window.routes = {
9205        cart_add_url: '/cart/add',
9206        cart_change_url: '/cart/change',
9207        cart_update_url: '/cart/update',
9208        cart_url: '/cart',
9209        predictive_search_url: '/search/suggest',
9210      };
9211
9212      window.cartStrings = {
9213        error: `There was an error while updating your cart. Please try again.`,
9214        quantityError: `You can only add [quantity] of this item to your cart.`,
9215      };
9216
9217      window.variantStrings = {
9218        addToCart: `Add to cart`,
9219        soldOut: `Sold out`,
9220        unavailable: `Unavailable`,
9221        unavailable_with_option: `[value] - Unavailable`,
9222      };
9223
9224      window.quickOrderListStrings = {
9225        itemsAdded: `[quantity] items added`,
9226        itemAdded: `[quantity] item added`,
9227        itemsRemoved: `[quantity] items removed`,
9228        itemRemoved: `[quantity] item removed`,
9229        viewCart: `View cart`,
9230        each: `[money]/ea`,
9231        min_error: `This item has a minimum of [min]`,
9232        max_error: `This item has a maximum of [max]`,
9233        step_error: `You can only add this item in increments of [step]`,
9234      };
9235
9236      window.accessibilityStrings = {
9237        imageAvailable: `Image [index] is now available in gallery view`,
9238        shareSuccess: `Link copied to clipboard`,
9239        pauseSlideshow: `Pause slideshow`,
9240        playSlideshow: `Play slideshow`,
9241        recipientFormExpanded: `Gift card recipient form expanded`,
9242        recipientFormCollapsed: `Gift card recipient form collapsed`,
9243        countrySelectorSearchCount: `[count] countries/regions found`,
9244      };
9245    </script>
9245<script src="//helpmedevvon.com/cdn/shop/t/16/assets/predictive-search.js?v=57209189334897115771777255068" defer="defer"></script>
9245<!-- Zapier AI Chatbot -->
9246<script async type='module' src='https://interfaces.zapier.com/assets/web-components/zapier-interfaces/zapier-interfaces.esm.js'></script>
9246
9247<zapier-interfaces-chatbot-embed is-popup='true' chatbot-id='cmjhj9eu30088wsnxiy57trzk'></zapier-interfaces-chatbot-embed>
9248  <div id="shopify-block-AaThoTUFCV2hyL2EwS__18179586840570874412" class="shopify-block shopify-app-block">
9249
9250
9251
9252<script>
9253  var osaria_player_collection_app_embed_activated = true;
9254  var osaria_player_collection_view_options = {"currentTime":true,"duration":false,"progressBuffer":true,"volume":false,"trackNumberLabel":true,"stopButton":false,"roundedCornersTop":"7","roundedCornersBottom":"8","borderSize":"0","borderColor":"#34ebd2","primaryColor":"#e8232a","backgroundColor":"#000000","alternative_skin":"classic","progressContainerColor":"#1e1e1e"};
9255  var osaria_player_collection_view_display_mode = "1";
9256  var osaria_player_version = "V3";
9257  var osaria_player_size = "normal";
9258  var osaria_player_server = "https://dawtemplatesmaster.com/_audio_bucket_player";
9259  var osaria_player_shop_domain = "helpmedevvon.com";
9260  var osaria_player_shop_permanent_domain = "helpmedevvon.myshopify.com";
9261  var osaria_player_skin = "classic";
9262  var osaria_snippet_url = "";
9263  var osaria_player_block_settings_margin_top = 0;
9264  var osaria_player_block_settings_margin_bottom = 0;
9265  var osaria_player_block_settings_keep_product_name_aligned = false;
9266  // osaria_player_block_loaded est la variable verifiée dans osaria.js pour savoir si les variables sont chargées pour lancer le player
9267  var osaria_player_block_loaded = true;
9268</script>
9268
9269</div><div id="shopify-block-ANW95RXlhdzNML0RKa__7155349627714823297" class="shopify-block shopify-app-block">
9269<script>
9270  if (!window.UploadKit || !window.UploadKit.config) {
9271    window.UploadKit = window.UploadKit || {};
9272    window.UploadKit.appEmbed = true;
9273    window.UploadKit.appEmbedVersion = 3;
9274    window.UploadKit.config = /* __app_config */ {"shopId":"d9f30095-f83c-4497-b7cc-1e09599b1f12","patchFetch":true,"appBaseUri":"https:\/\/app.getuploadkit.com","apiBaseUri":"https:\/\/api.getuploadkit.com","filesBaseUri":"https:\/\/files.getuploadkit.com","assetsBaseUri":"https:\/\/assets.getuploadkit.com","previewBaseUri":"https:\/\/cdn.shopify.com\/s\/files\/1\/0033\/4807\/0511\/files\/download.html","ucKey":"17e6328bac29ad4f6365","whiteLabel":true,"enableMultiLanguage":false,"uploaders":[{"id":"3296d620-6e4a-4f5a-b9bc-fea0f0cb2551","name":"Uploaded file","formLabelText":"Upload Audio Files","formLabelFontSize":"16px","customCss":".uploadkit-label {}\n.uploadkit-button {}\n.uploadkit-thumbnails {}\n.uploadkit-thumbnails img {}","validators":[],"conditionType":"and","conditions":[{"field":"product","operator":"equals","value":null,"products":[{"title":"'Custom' Vocal Template","object_id":"8484134387925"}]}],"variantConditionType":"all_variants","hiddenOnCheckout":false,"required":true,"requiredMessage":"Please upload a file before adding the product to your cart","requiredButtonText":"OK","language":"en","buttonText":"Upload Here","buttonBackgroundColor":"#ff5900","buttonColor":"#FFFFFF","buttonPadding":"8px 16px","buttonFontSize":"16px","buttonBorderRadius":"11px","enableTextField":true,"buttonFullWidth":false,"studioChoice":"none","variantConditions":[],"multiple":true,"multipleMax":0,"multipleMin":null,"sources":"file camera url facebook gdrive gphotos dropbox instagram evernote flickr skydrive","cropSetting":"free","effects":["crop","rotate","enhance","sharp","grayscale"],"imagesOnly":false,"inputAcceptTypes":[],"enableDirectLink":false,"enableOverlay":false,"overlays":[],"androidFbMessage":"If you have trouble uploading, click ⋮ in the top right, then ‘Open in Chrome’","iosFbMessage":"If you have trouble uploading, please click ⋯ then 'Open in browser'","autoOpenFilePicker":null,"buttonUploadedText":"Files Uploaded","confirmCrop":false,"alwaysShowTextField":false,"maxTextLength":null,"textFieldName":"What Do You Want From Your Vocal Sound?","textFieldHelpText":"Give us a detailed description of what you want from your vocal sound.","textRequired":true,"textRequiredMessage":"Please complete the 'notes' field","textRequiredButtonText":"OK","multiLineText":false,"textLines":3,"textFieldFontSize":"16.00","fieldPadding":"8px 8px","previewMultipleMessageDesktop":"Choose an image from the list to crop or enhance it. To add more files, use the links on the left","previewMultipleMessageMobile":"Choose an image from the list to crop or enhance it. To add more files, use the menu icon in the top left"}],"studio":false,"v2":true};
9275    window.UploadKit.urls = {
9276      app: "https:\/\/cdn.shopify.com\/extensions\/760c01a0-f267-4147-938c-779cc98704f4\/file-uploads-by-uploadkit-53\/assets\/uploadkit-app.v2.js",
9277      widget: "https:\/\/cdn.shopify.com\/extensions\/760c01a0-f267-4147-938c-779cc98704f4\/file-uploads-by-uploadkit-53\/assets\/uploadcare-widget.js",
9278      widgetFull: "https:\/\/cdn.shopify.com\/extensions\/760c01a0-f267-4147-938c-779cc98704f4\/file-uploads-by-uploadkit-53\/assets\/uploadcare-widget.full.js",
9279      widgetEn: "https:\/\/cdn.shopify.com\/extensions\/760c01a0-f267-4147-938c-779cc98704f4\/file-uploads-by-uploadkit-53\/assets\/uploadcare-widget.en.js",
9280      widgetEnFull: "https:\/\/cdn.shopify.com\/extensions\/760c01a0-f267-4147-938c-779cc98704f4\/file-uploads-by-uploadkit-53\/assets\/uploadcare-widget.en.full.js",
9281      translations: "https:\/\/cdn.shopify.com\/extensions\/760c01a0-f267-4147-938c-779cc98704f4\/file-uploads-by-uploadkit-53\/assets\/uploadkit-translations.js",
9282      studio: "https:\/\/cdn.shopify.com\/extensions\/760c01a0-f267-4147-938c-779cc98704f4\/file-uploads-by-uploadkit-53\/assets\/uploadkit-studio.js",
9283    };
9284  }
9285</script>
9285
9286
9287
9288  
9289  
9289<script async src="https://cdn.shopify.com/extensions/760c01a0-f267-4147-938c-779cc98704f4/file-uploads-by-uploadkit-53/assets/uploadkit-embed.js"></script>
9289
9290
9291
9292</div><div id="shopify-block-AV0FpdTJFejJVU3NRQ__11609656050529718554" class="shopify-block shopify-app-block">
9293
9294
9295
9296
9297<script>
9298  // dans la logique de osaria.js le custom product à les mêmes options que le app block view line ~226
9299  // je met osaria_player_product_view_options car dois etre present pour app block ou custom product view
9300  var osaria_player_version = "V3";
9301  var osaria_player_custom_product_view_activated = true;
9302  var osaria_player_product_view_options = {"alternative_skin":"classic","currentTime":false,"duration":false,"progressBuffer":true,"volume":false,"trackNumberLabel":true,"stopButton":false,"backgroundColor":"#000000","primaryColor":"#e8232a","progressContainerColor":"#1e1e1e","trackLabelColor":"#888888","roundedCornersTop":"0","roundedCornersBottom":"0","borderSize":"1","borderColor":"#000000","boxShadow":true,"tracklistHeight":"3"};
9303  var osaria_player_size = "normal";
9304  var osaria_player_server = "https://dawtemplatesmaster.com/_audio_bucket_player";
9305  var osaria_player_shop_domain = "helpmedevvon.com";
9306  var osaria_player_shop_permanent_domain = "helpmedevvon.myshopify.com";
9307  var osaria_player_skin = "classic";
9308  var osaria_snippet_url = "";
9309  //var osaria_player_block_settings_margin_top = null;
9310  var osaria_player_block_settings_margin_top_product_view_vintage = 20;
9311  var osaria_player_block_settings_margin_bottom_product_view_vintage = 20;
9312  var osaria_player_block_settings_width_product_view_vintage = 500;
9313  var osaria_player_block_settings_align_product_view_vintage = "player-align-left";
9314  // osaria_player_block_loaded est la variable verifiée dans osaria.js pour savoir si les varaibles sont chargées pour lancer le player
9315  var osaria_player_block_loaded = true;
9316
9317
9318  
9319</script>
9319
9320</div>
9320<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
9320
9321</body>
9322</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.