1<!doctype html> 2<html 3 4 lang="en" 5> 6 <head><link 7 rel="icon" 8 type="image/png" 9 href="//www.stage3innovations.com/cdn/shop/files/favicon_36107dc4-38e9-4033-9c57-fe2c58210e5e.png?crop=center&height=32&v=1786348563&width=32" 10 > 11 12 <link 13 rel="expect" 14 href="#MainContent" 15 blocking="render" 16 id="view-transition-render-blocker" 17 > 18 19 20
20<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" type="text/javascript"></script>
20 21<meta charset="utf-8"> 22<meta 23 http-equiv="X-UA-Compatible" 24 content="IE=edge" 25> 26<meta 27 name="viewport" 28 content="width=device-width,initial-scale=1" 29> 30<meta 31 name="view-transition" 32 content="same-origin" 33> 34<meta 35 name="theme-color" 36 content="" 37> 38 39<meta 40 property="og:site_name" 41 content="Stage 3 Innovations" 42> 43<meta 44 property="og:url" 45 content="https://www.stage3innovations.com/" 46> 47<meta 48 property="og:title" 49 content="Stage 3 Innovations | Growth Systems for Service Businesses" 50> 51<meta 52 property="og:type" 53 content="website" 54> 55<meta 56 property="og:description" 57 content="Get More Calls, More Leads, and More Jobs" 58><meta 59 name="twitter:card" 60 content="summary_large_image" 61> 62<meta 63 name="twitter:title" 64 content="Stage 3 Innovations | Growth Systems for Service Businesses" 65> 66<meta 67 name="twitter:description" 68 content="Get More Calls, More Leads, and More Jobs" 69> 70 71<title> 72 Stage 3 Innovations | Growth Systems for Service Businesses 73</title> 74 75<link 76 rel="canonical" 77 href="https://www.stage3innovations.com/" 78> 79 80 81 <meta 82 name="description" 83 content="Get More Calls, More Leads, and More Jobs" 84 > 85 86 87 88 89<link href="//www.stage3innovations.com/cdn/shop/t/4/assets/main.css?v=50701823964084532341773845536" rel="stylesheet" type="text/css" media="all" /> 90<link href="//www.stage3innovations.com/cdn/shop/t/4/assets/base.css?v=176198249896193331781773843820" rel="stylesheet" type="text/css" media="all" /> 91<link href="//www.stage3innovations.com/cdn/shop/t/4/assets/swiper-bundle.min.css?v=127803016596819466191774263686" rel="stylesheet" type="text/css" media="all" /> 92 93<link href="//www.stage3innovations.com/cdn/shop/t/4/assets/animate.css?v=129988571350793477651767711865" rel="stylesheet" type="text/css" media="all" /> 94<link href="//www.stage3innovations.com/cdn/shop/t/4/assets/vendor.css?v=46645334870210913991790165802" rel="stylesheet" type="text/css" media="all" /> 95 96 97<link 98 rel="preload" 99 as="font" 100 href="//www.stage3innovations.com/cdn/fonts/arimo/arimo_n4.a7efb558ca22d2002248bbe6f302a98edee38e35.woff2" 101 type="font/woff2" 102 crossorigin 103 fetchpriority="low" 104 ><link 105 rel="preload" 106 as="font" 107 href="//www.stage3innovations.com/cdn/fonts/arimo/arimo_n4.a7efb558ca22d2002248bbe6f302a98edee38e35.woff2" 108 type="font/woff2" 109 crossorigin 110 fetchpriority="low" 111 >
112<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 112
112
113<script type="importmap"> 114 { 115 "imports": { 116 "@theme/overflow-list": "//www.stage3innovations.com/cdn/shop/t/4/assets/overflow-list.js?v=46858356770684902511767711866", 117 "@theme/product-title": "//www.stage3innovations.com/cdn/shop/t/4/assets/product-title-truncation.js?v=81744426891537421781767711865", 118 "@theme/component": "//www.stage3innovations.com/cdn/shop/t/4/assets/component.js?v=184240237101443119871767711866", 119 "@theme/dialog": "//www.stage3innovations.com/cdn/shop/t/4/assets/dialog.js?v=61774032287387761671767711867", 120 "@theme/events": "//www.stage3innovations.com/cdn/shop/t/4/assets/events.js?v=147926035229139604561767711864", 121 "@theme/focus": "//www.stage3innovations.com/cdn/shop/t/4/assets/focus.js?v=60436577539430446401767711866", 122 "@theme/morph": "//www.stage3innovations.com/cdn/shop/t/4/assets/morph.js?v=35457747882330740861767711866", 123 "@theme/paginated-list": "//www.stage3innovations.com/cdn/shop/t/4/assets/paginated-list.js?v=95298315036233333871767711867", 124 "@theme/performance": "//www.stage3innovations.com/cdn/shop/t/4/assets/performance.js?v=171015751390534793081767711864", 125 "@theme/product-form": "//www.stage3innovations.com/cdn/shop/t/4/assets/product-form.js?v=37993400097492174081767711866", 126 "@theme/recently-viewed-products": "//www.stage3innovations.com/cdn/shop/t/4/assets/recently-viewed-products.js?v=94729125001750262651767711867", 127 "@theme/scrolling": "//www.stage3innovations.com/cdn/shop/t/4/assets/scrolling.js?v=118005526288211533611767711864", 128 "@theme/section-renderer": "//www.stage3innovations.com/cdn/shop/t/4/assets/section-renderer.js?v=117273408521114569061767711865", 129 "@theme/section-hydration": "//www.stage3innovations.com/cdn/shop/t/4/assets/section-hydration.js?v=177651605160027701221767711865", 130 "@theme/utilities": "//www.stage3innovations.com/cdn/shop/t/4/assets/utilities.js?v=74252600229394689081767711864", 131 "@theme/variant-picker": "//www.stage3innovations.com/cdn/shop/t/4/assets/variant-picker.js?v=124079696159966615681767711864", 132 "@theme/media-gallery": "//www.stage3innovations.com/cdn/shop/t/4/assets/media-gallery.js?v=111441960308641931071767711865", 133 "@theme/quick-add": "//www.stage3innovations.com/cdn/shop/t/4/assets/quick-add.js?v=148903382353369979481767711866", 134 "@theme/paginated-list-aspect-ratio": "//www.stage3innovations.com/cdn/shop/t/4/assets/paginated-list-aspect-ratio.js?v=25254270272143792451767711867", 135 "@theme/popover-polyfill": "//www.stage3innovations.com/cdn/shop/t/4/assets/popover-polyfill.js?v=119029313658895111201767711864", 136 "@theme/component-quantity-selector": "//www.stage3innovations.com/cdn/shop/t/4/assets/component-quantity-selector.js?v=67906657287482036641767711866", 137 "@theme/comparison-slider": "//www.stage3innovations.com/cdn/shop/t/4/assets/comparison-slider.js?v=106705562947035711941767711865", 138 "@theme/sticky-add-to-cart": "//www.stage3innovations.com/cdn/shop/t/4/assets/sticky-add-to-cart.js?v=48956925339276737091767711866", 139 "@theme/fly-to-cart": "//www.stage3innovations.com/cdn/shop/t/4/assets/fly-to-cart.js?v=129971753673458693881767711865" 140 141 } 142 } 143</script>
143 144
145<script 146 src="//www.stage3innovations.com/cdn/shop/t/4/assets/view-transitions.js?v=7106414069516106341767711865" 147 async 148 149 blocking="render" 150 151></script>
151 152 153<link 154 rel="modulepreload" 155 href="//www.stage3innovations.com/cdn/shop/t/4/assets/utilities.js?v=74252600229394689081767711864" 156 fetchpriority="low" 157> 158<link 159 rel="modulepreload" 160 href="//www.stage3innovations.com/cdn/shop/t/4/assets/component.js?v=184240237101443119871767711866" 161 fetchpriority="low" 162> 163<link 164 rel="modulepreload" 165 href="//www.stage3innovations.com/cdn/shop/t/4/assets/section-renderer.js?v=117273408521114569061767711865" 166 fetchpriority="low" 167> 168<link 169 rel="modulepreload" 170 href="//www.stage3innovations.com/cdn/shop/t/4/assets/section-hydration.js?v=177651605160027701221767711865" 171 fetchpriority="low" 172> 173<link 174 rel="modulepreload" 175 href="//www.stage3innovations.com/cdn/shop/t/4/assets/morph.js?v=35457747882330740861767711866" 176 fetchpriority="low" 177> 178 179 180 181<link 182 rel="modulepreload" 183 href="//www.stage3innovations.com/cdn/shop/t/4/assets/focus.js?v=60436577539430446401767711866" 184 fetchpriority="low" 185> 186<link 187 rel="modulepreload" 188 href="//www.stage3innovations.com/cdn/shop/t/4/assets/recently-viewed-products.js?v=94729125001750262651767711867" 189 fetchpriority="low" 190> 191<link 192 rel="modulepreload" 193 href="//www.stage3innovations.com/cdn/shop/t/4/assets/scrolling.js?v=118005526288211533611767711864" 194 fetchpriority="low" 195> 196<link 197 rel="modulepreload" 198 href="//www.stage3innovations.com/cdn/shop/t/4/assets/events.js?v=147926035229139604561767711864" 199 fetchpriority="low" 200>
201<script 202 src="//www.stage3innovations.com/cdn/shop/t/4/assets/popover-polyfill.js?v=119029313658895111201767711864" 203 type="module" 204 fetchpriority="low" 205></script>
vendor: 1 bytes, line 205
205
206<script 207 src="//www.stage3innovations.com/cdn/shop/t/4/assets/overflow-list.js?v=46858356770684902511767711866" 208 type="module" 209 fetchpriority="low" 210></script>
vendor: 1 bytes, line 210
210
211<script 212 src="//www.stage3innovations.com/cdn/shop/t/4/assets/quick-add.js?v=148903382353369979481767711866" 213 type="module" 214 fetchpriority="low" 215></script>
215 216 217
217<script 218 src="//www.stage3innovations.com/cdn/shop/t/4/assets/cart-discount.js?v=107077853990124422021767711867" 219 type="module" 220 fetchpriority="low" 221 ></script>
221 222 223
224<script 225 src="//www.stage3innovations.com/cdn/shop/t/4/assets/dialog.js?v=61774032287387761671767711867" 226 type="module" 227 fetchpriority="low" 228></script>
vendor: 1 bytes, line 228
228
229<script 230 src="//www.stage3innovations.com/cdn/shop/t/4/assets/variant-picker.js?v=124079696159966615681767711864" 231 type="module" 232 fetchpriority="low" 233></script>
vendor: 1 bytes, line 233
233
234<script 235 src="//www.stage3innovations.com/cdn/shop/t/4/assets/product-card.js?v=124402285637860180781767711865" 236 type="module" 237 fetchpriority="low" 238></script>
vendor: 1 bytes, line 238
238
239<script 240 src="//www.stage3innovations.com/cdn/shop/t/4/assets/product-form.js?v=37993400097492174081767711866" 241 type="module" 242 fetchpriority="low" 243></script>
vendor: 1 bytes, line 243
243
244<script 245 src="//www.stage3innovations.com/cdn/shop/t/4/assets/fly-to-cart.js?v=129971753673458693881767711865" 246 type="module" 247 fetchpriority="low" 248></script>
vendor: 1 bytes, line 248
248
249<script 250 src="//www.stage3innovations.com/cdn/shop/t/4/assets/accordion-custom.js?v=99000499017714805851767711863" 251 type="module" 252 fetchpriority="low" 253></script>
vendor: 1 bytes, line 253
253
254<script 255 src="//www.stage3innovations.com/cdn/shop/t/4/assets/disclosure-custom.js?v=168050880623268140331767711863" 256 type="module" 257 fetchpriority="low" 258></script>
vendor: 1 bytes, line 258
258
259<script 260 src="//www.stage3innovations.com/cdn/shop/t/4/assets/media.js?v=37825095869491791421767711865" 261 type="module" 262 fetchpriority="low" 263></script>
vendor: 1 bytes, line 263
263
264<script 265 src="//www.stage3innovations.com/cdn/shop/t/4/assets/product-price.js?v=117989390664188536191767711864" 266 type="module" 267 fetchpriority="low" 268></script>
vendor: 1 bytes, line 268
268
269<script 270 src="//www.stage3innovations.com/cdn/shop/t/4/assets/product-sku.js?v=121804655373531320511767711864" 271 type="module" 272 fetchpriority="low" 273></script>
vendor: 1 bytes, line 273
273
274<script 275 src="//www.stage3innovations.com/cdn/shop/t/4/assets/product-title-truncation.js?v=81744426891537421781767711865" 276 type="module" 277 fetchpriority="low" 278></script>
vendor: 1 bytes, line 278
278
279<script 280 src="//www.stage3innovations.com/cdn/shop/t/4/assets/product-inventory.js?v=16343734458933704981767711867" 281 type="module" 282 fetchpriority="low" 283></script>
vendor: 1 bytes, line 283
283
284<script 285 src="//www.stage3innovations.com/cdn/shop/t/4/assets/show-more.js?v=94563802205717136101767711865" 286 type="module" 287 fetchpriority="low" 288></script>
vendor: 1 bytes, line 288
288
289<script 290 src="//www.stage3innovations.com/cdn/shop/t/4/assets/slideshow.js?v=40796646405849125981767711866" 291 type="module" 292 fetchpriority="low" 293></script>
vendor: 1 bytes, line 293
293
294<script 295 src="//www.stage3innovations.com/cdn/shop/t/4/assets/layered-slideshow.js?v=30135417790894624731767711866" 296 type="module" 297 fetchpriority="low" 298></script>
vendor: 1 bytes, line 298
298
299<script 300 src="//www.stage3innovations.com/cdn/shop/t/4/assets/anchored-popover.js?v=95953304814728754461767711864" 301 type="module" 302 fetchpriority="low" 303></script>
vendor: 1 bytes, line 303
303
304<script 305 src="//www.stage3innovations.com/cdn/shop/t/4/assets/floating-panel.js?v=128677600744947036551767711865" 306 type="module" 307 fetchpriority="low" 308></script>
vendor: 1 bytes, line 308
308
309<script 310 src="//www.stage3innovations.com/cdn/shop/t/4/assets/video-background.js?v=25237992823806706551767711865" 311 type="module" 312 fetchpriority="low" 313></script>
vendor: 1 bytes, line 313
313
314<script 315 src="//www.stage3innovations.com/cdn/shop/t/4/assets/component-quantity-selector.js?v=67906657287482036641767711866" 316 type="module" 317 fetchpriority="low" 318></script>
vendor: 1 bytes, line 318
318
319<script 320 src="//www.stage3innovations.com/cdn/shop/t/4/assets/media-gallery.js?v=111441960308641931071767711865" 321 type="module" 322 fetchpriority="low" 323></script>
vendor: 1 bytes, line 323
323
324<script 325 src="//www.stage3innovations.com/cdn/shop/t/4/assets/rte-formatter.js?v=101420294193111439321767711864" 326 type="module" 327 fetchpriority="low" 328></script>
vendor: 1 bytes, line 328
328
329<script 330 src="//www.stage3innovations.com/cdn/shop/t/4/assets/volume-pricing.js?v=15442793518842484731767711866" 331 type="module" 332 fetchpriority="low" 333></script>
vendor: 1 bytes, line 333
333
334<script 335 src="//www.stage3innovations.com/cdn/shop/t/4/assets/price-per-item.js?v=144512917617120124431767711865" 336 type="module" 337 fetchpriority="low" 338></script>
vendor: 1 bytes, line 338
338
339<script 340 src="//www.stage3innovations.com/cdn/shop/t/4/assets/volume-pricing-info.js?v=94479640769665442661767711866" 341 type="module" 342 fetchpriority="low" 343></script>
343 344 345 346 347 348 349 350
351<script 352 src="//www.stage3innovations.com/cdn/shop/t/4/assets/auto-close-details.js?v=58350291535404441581767711865" 353 defer="defer" 354></script>
354 355
356<script src="//www.stage3innovations.com/cdn/shop/t/4/assets/jquery-3.7.1.min.js?v=158417595810649192771767880600" defer="defer"></script>
vendor: 1 bytes, line 356
356
357<script src="//www.stage3innovations.com/cdn/shop/t/4/assets/jquery.counterup.min.js?v=19835296093727516641767880600" defer="defer"></script>
vendor: 1 bytes, line 357
357
358<script src="//www.stage3innovations.com/cdn/shop/t/4/assets/jquery.waypoints.min.js?v=4418641721935119181767880601" defer="defer"></script>
vendor: 1 bytes, line 358
358
359<script src="//www.stage3innovations.com/cdn/shop/t/4/assets/matchheight.js?v=181245014628853329171767880601" defer="defer"></script>
vendor: 1 bytes, line 359
359
360<script src="//www.stage3innovations.com/cdn/shop/t/4/assets/ScrollTrigger.min.js?v=101161679473213148501767880599" defer="defer"></script>
vendor: 1 bytes, line 360
360
361<script src="//www.stage3innovations.com/cdn/shop/t/4/assets/wow.min.js?v=44716123920145614861767880602" defer="defer"></script>
vendor: 1 bytes, line 361
361
362<script src="//www.stage3innovations.com/cdn/shop/t/4/assets/swiper-bundle.min.js?v=108059131501615647841774261775" defer="defer"></script>
vendor: 1 bytes, line 362
362
363<script src="//www.stage3innovations.com/cdn/shop/t/4/assets/vendor.js?v=81972382579215765911790162485" defer="defer"></script>
363 364
365<script> 366 const Theme = { 367 translations: { 368 placeholder_image: `Placeholder image`, 369 added: `Added`, 370 recipient_form_fields_visible: `Recipient form fields are now visible`, 371 recipient_form_fields_hidden: `Recipient form fields are now hidden`, 372 recipient_form_error: `There was an error with the form submission`, 373 items_added_to_cart_one: `1 item added to cart`, 374 items_added_to_cart_other: `{{ count }} items added to cart`, 375 }, 376 routes: { 377 cart_add_url: '/cart/add.js', 378 cart_change_url: '/cart/change', 379 cart_update_url: '/cart/update', 380 cart_url: '/cart', 381 predictive_search_url: '/search/suggest', 382 search_url: '/search', 383 }, 384 template: { 385 name: 'index', 386 }, 387 }; 388</script>
388<style data-shopify> 389@font-face { 390 font-family: Arimo; 391 font-weight: 400; 392 font-style: normal; 393 font-display: swap; 394 src: url("//www.stage3innovations.com/cdn/fonts/arimo/arimo_n4.a7efb558ca22d2002248bbe6f302a98edee38e35.woff2") format("woff2"), 395 url("//www.stage3innovations.com/cdn/fonts/arimo/arimo_n4.0da809f7d1d5ede2a73be7094ac00741efdb6387.woff") format("woff"); 396} 397@font-face { 398 font-family: Arimo; 399 font-weight: 700; 400 font-style: normal; 401 font-display: swap; 402 src: url("//www.stage3innovations.com/cdn/fonts/arimo/arimo_n7.1d2d0638e6a1228d86beb0e10006e3280ccb2d04.woff2") format("woff2"), 403 url("//www.stage3innovations.com/cdn/fonts/arimo/arimo_n7.f4b9139e8eac4a17b38b8707044c20f54c3be479.woff") format("woff"); 404} 405@font-face { 406 font-family: Arimo; 407 font-weight: 400; 408 font-style: italic; 409 font-display: swap; 410 src: url("//www.stage3innovations.com/cdn/fonts/arimo/arimo_i4.438ddb21a1b98c7230698d70dc1a21df235701b2.woff2") format("woff2"), 411 url("//www.stage3innovations.com/cdn/fonts/arimo/arimo_i4.0e1908a0dc1ec32fabb5a03a0c9ee2083f82e3d7.woff") format("woff"); 412} 413@font-face { 414 font-family: Arimo; 415 font-weight: 700; 416 font-style: italic; 417 font-display: swap; 418 src: url("//www.stage3innovations.com/cdn/fonts/arimo/arimo_i7.b9f09537c29041ec8d51f8cdb7c9b8e4f1f82cb1.woff2") format("woff2"), 419 url("//www.stage3innovations.com/cdn/fonts/arimo/arimo_i7.ec659fc855f754fd0b1bd052e606bba1058f73da.woff") format("woff"); 420} 421 422 423 :root { 424 /* Page Layout */ 425 --sidebar-width: 25rem; 426 --narrow-content-width: 36rem; 427 --normal-content-width: 42rem; 428 --wide-content-width: 46rem; 429 --narrow-page-width: 90rem; 430 --normal-page-width: 120rem; 431 --wide-page-width: 150rem; 432 433 /* Section Heights */ 434 --section-height-small: 15rem; 435 --section-height-medium: 25rem; 436 --section-height-large: 35rem; 437 438 @media screen and (min-width: 40em) { 439 --section-height-small: 40svh; 440 --section-height-medium: 55svh; 441 --section-height-large: 70svh; 442 } 443 444 @media screen and (min-width: 60em) { 445 --section-height-small: 50svh; 446 --section-height-medium: 65svh; 447 --section-height-large: 80svh; 448 } 449 450 /* Letter spacing */ 451 --letter-spacing-sm: 0.06em; 452 --letter-spacing-md: 0.13em; 453 454 /* Font families */ 455 --font-body--family: Helvetica, Arial, sans-serif; 456 --font-body--style: normal; 457 --font-body--weight: 400; 458 --font-subheading--family: Arimo, sans-serif; 459 --font-subheading--style: normal; 460 --font-subheading--weight: 400; 461 --font-heading--family: Arimo, sans-serif; 462 --font-heading--style: normal; 463 --font-heading--weight: 400; 464 --font-accent--family: Helvetica, Arial, sans-serif; 465 --font-accent--style: normal; 466 --font-accent--weight: 400; 467 468 /* Margin sizes */ 469 --font-h1--spacing: 0.25em; 470 --font-h2--spacing: 0.25em; 471 --font-h3--spacing: 0.25em; 472 --font-h4--spacing: 0.25em; 473 --font-h5--spacing: 0.25em; 474 --font-h6--spacing: 0.25em; 475 --font-paragraph--spacing: 0.5em; 476 477 /* Heading colors */ 478 --font-h1--color: var(--color-foreground-heading); 479 --font-h2--color: var(--color-foreground-heading); 480 --font-h3--color: var(--color-foreground-heading); 481 --font-h4--color: var(--color-foreground-heading); 482 --font-h5--color: var(--color-foreground-heading); 483 --font-h6--color: var(--color-foreground-heading); 484 485 /** Z-Index / Layering */ 486 --layer-section-background: -2; 487 --layer-lowest: -1; 488 --layer-base: 0; 489 --layer-flat: 1; 490 --layer-raised: 2; 491 --layer-heightened: 4; 492 --layer-sticky: 8; 493 --layer-window-overlay: 10; 494 --layer-header-menu: 12; 495 --layer-overlay: 16; 496 --layer-menu-drawer: 18; 497 --layer-temporary: 20; 498 499 /* Max-width / Measure */ 500 --max-width--body-normal: 32.5em; 501 --max-width--body-narrow: 22.75em; 502 503 --max-width--heading-normal: 32.5em; 504 --max-width--heading-narrow: 19.5em; 505 506 --max-width--display-normal: 13em; 507 --max-width--display-narrow: 9.75em; 508 --max-width--display-tight: 3.25em; 509 510 /* Letter-spacing / Tracking */ 511 --letter-spacing--display-tight: -0.03em; 512 --letter-spacing--display-normal: 0em; 513 --letter-spacing--display-loose: 0.03em; 514 515 --letter-spacing--heading-tight: -0.03em; 516 --letter-spacing--heading-normal: 0em; 517 --letter-spacing--heading-loose: 0.03em; 518 519 --letter-spacing--body-tight: -0.03em; 520 --letter-spacing--body-normal: 0em; 521 --letter-spacing--body-loose: 0.03em; 522 523 /* Line height / Leading */ 524 --line-height: 1; 525 526 --line-height--display-tight: 1; 527 --line-height--display-normal: 1.1; 528 --line-height--display-loose: 1.2; 529 530 --line-height--heading-tight: 1.15; 531 --line-height--heading-normal: 1.25; 532 --line-height--heading-loose: 1.35; 533 534 --line-height--body-tight: 1.2; 535 --line-height--body-normal: 1.4; 536 --line-height--body-loose: 1.6; 537 538 /* Typography presets */ 539 --font-size--paragraph: 1.0rem;--font-size--h1: clamp(3.0rem, 5.6vw, 3.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 0.875rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose); 540 541 /* Hardcoded font sizes */ 542 --font-size--3xs: 0.625rem; 543 --font-size--2xs: 0.75rem; 544 --font-size--xs: 0.8125rem; 545 --font-size--sm: 0.875rem; 546 --font-size--md: 1rem; 547 --font-size--lg: 1.125rem; 548 --font-size--xl: 1.25rem; 549 --font-size--2xl: 1.5rem; 550 --font-size--3xl: 2rem; 551 --font-size--4xl: 2.5rem; 552 --font-size--5xl: 3rem; 553 --font-size--6xl: 3.5rem; 554 555 /* Menu font sizes */ 556 --menu-font-sm--size: 0.875rem; 557 --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14)); 558 --menu-font-md--size: 1rem; 559 --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16)); 560 --menu-font-lg--size: 1.125rem; 561 --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18)); 562 --menu-font-xl--size: 1.25rem; 563 --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20)); 564 --menu-font-2xl--size: 1.75rem; 565 --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28)); 566 567 /* Colors */ 568 --color-error: #8B0000; 569 --color-success: #006400; 570 --color-white: #FFFFFF; 571 --color-white-rgb: 255 255 255; 572 --color-black: #000000; 573 --color-instock: #3ED660; 574 --color-lowstock: #EE9441; 575 --color-outofstock: #C8C8C8; 576 577 /* Opacity */ 578 --opacity-5: 0.05; 579 --opacity-8: 0.08; 580 --opacity-10: 0.1; 581 --opacity-15: 0.15; 582 --opacity-20: 0.2;
583 --opacity-25: 0.25; 584 --opacity-30: 0.3; 585 --opacity-40: 0.4; 586 --opacity-50: 0.5; 587 --opacity-60: 0.6; 588 --opacity-70: 0.7; 589 --opacity-80: 0.8; 590 --opacity-85: 0.85; 591 --opacity-90: 0.9; 592 --opacity-subdued-text: var(--opacity-70); 593 594 --shadow-button: 0 2px 3px rgb(0 0 0 / 20%); 595 --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent); 596 597 /* Spacing */ 598 --margin-3xs: 0.125rem; 599 --margin-2xs: 0.3rem; 600 --margin-xs: 0.5rem; 601 --margin-sm: 0.7rem; 602 --margin-md: 0.8rem; 603 --margin-lg: 1rem; 604 --margin-xl: 1.25rem; 605 --margin-2xl: 1.5rem; 606 --margin-3xl: 1.75rem; 607 --margin-4xl: 2rem; 608 --margin-5xl: 3rem; 609 --margin-6xl: 5rem; 610 611 --scroll-margin: 50px; 612 613 --padding-3xs: 0.125rem; 614 --padding-2xs: 0.25rem; 615 --padding-xs: 0.5rem; 616 --padding-sm: 0.7rem; 617 --padding-md: 0.8rem; 618 --padding-lg: 1rem; 619 --padding-xl: 1.25rem; 620 --padding-2xl: 1.5rem; 621 --padding-3xl: 1.75rem; 622 --padding-4xl: 2rem; 623 --padding-5xl: 3rem; 624 --padding-6xl: 4rem; 625 626 --gap-3xs: 0.125rem; 627 --gap-2xs: 0.3rem; 628 --gap-xs: 0.5rem; 629 --gap-sm: 0.7rem; 630 --gap-md: 0.9rem; 631 --gap-lg: 1rem; 632 --gap-xl: 1.25rem; 633 --gap-2xl: 2rem; 634 --gap-3xl: 3rem; 635 636 --spacing-scale-sm: 0.6; 637 --spacing-scale-md: 0.7; 638 --spacing-scale-default: 1.0; 639 640 /* Checkout buttons gap */ 641 --checkout-button-gap: 10px; 642 643 /* Borders */ 644 --style-border-width: 1px; 645 --style-border-radius-xs: 0.2rem; 646 --style-border-radius-sm: 0.6rem; 647 --style-border-radius-md: 0.8rem; 648 --style-border-radius-50: 50%; 649 --style-border-radius-lg: 1rem; 650 --style-border-radius-pills: 40px; 651 --style-border-radius-inputs: 4px; 652 --style-border-radius-buttons-primary: 14px; 653 --style-border-radius-buttons-secondary: 14px; 654 --style-border-width-primary: 0px; 655 --style-border-width-secondary: 0px; 656 --style-border-width-inputs: 1px; 657 --style-border-radius-popover: 14px; 658 --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%); 659 --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%); 660 --style-border-swatch-opacity: 10%; 661 --style-border-swatch-width: 1px; 662 --style-border-swatch-style: solid; 663 664 /* Animation */ 665 --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1); 666 --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1); 667 --animation-speed-fast: 0.0625s; 668 --animation-speed: 0.125s; 669 --animation-speed-slow: 0.2s; 670 --animation-speed-medium: 0.15s; 671 --animation-easing: ease-in-out; 672 --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1); 673 --drawer-animation-speed: 0.2s; 674 --animation-values-slow: var(--animation-speed-slow) var(--animation-easing); 675 --animation-values: var(--animation-speed) var(--animation-easing); 676 --animation-values-fast: var(--animation-speed-fast) var(--animation-easing); 677 --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete; 678 --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94); 679 --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0); 680 --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); 681 --animation-timing-default: cubic-bezier(0, 0, 0.2, 1); 682 --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1); 683 --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1); 684 685 /* View transitions */ 686 /* View transition old */ 687 --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut; 688 689 /* View transition new */ 690 --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition; 691 692 /* Focus */ 693 --focus-outline-width: 0.09375rem; 694 --focus-outline-offset: 0.2em; 695 696 /* Badges */ 697 --badge-blob-padding-block: 1px; 698 --badge-blob-padding-inline: 12px 8px; 699 --badge-rectangle-padding-block: 1px; 700 --badge-rectangle-padding-inline: 6px; 701 @media screen and (min-width: 750px) { 702 --badge-blob-padding-block: 4px; 703 --badge-blob-padding-inline: 16px 12px; 704 --badge-rectangle-padding-block: 4px; 705 --badge-rectangle-padding-inline: 10px; 706 } 707 708 /* Icons */ 709 --icon-size-2xs: 0.6rem; 710 --icon-size-xs: 0.85rem; 711 --icon-size-sm: 1.25rem; 712 --icon-size-md: 1.375rem; 713 --icon-size-lg: 1.5rem; 714 --icon-stroke-width: 1.5px; 715 716 /* Input */ 717 --input-email-min-width: 200px; 718 --input-search-max-width: 650px; 719 --input-padding-y: 0.8rem; 720 --input-padding-x: 0.8rem; 721 --input-padding: var(--input-padding-y) var(--input-padding-x); 722 --input-box-shadow-width: var(--style-border-width-inputs); 723 --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border); 724 --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border); 725 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 726 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 727 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
728 --input-textarea-min-height: 55px; 729 730 /* Button size */ 731 --button-size-sm: 30px; 732 --button-size-md: 36px; 733 --button-size: var(--minimum-touch-target); 734 --button-padding-inline: 24px; 735 --button-padding-block: 16px; 736 737 /* Button font-family */ 738 --button-font-family-primary: var(--font-body--family); 739 --button-font-family-secondary: var(--font-body--family); 740 741 /* Button text case */ 742 --button-text-case: ; 743 --button-text-case-primary: default; 744 --button-text-case-secondary: default; 745 746 /* Borders */ 747 --border-color: rgb(var(--color-border-rgb) / var(--opacity-50)); 748 --border-width-sm: 1px; 749 --border-width-md: 2px; 750 --border-width-lg: 5px; 751 --border-radius-sm: 0.25rem; 752 753 /* Drawers */ 754 --drawer-inline-padding: 25px; 755 --drawer-menu-inline-padding: 2.5rem; 756 --drawer-header-block-padding: 20px; 757 --drawer-content-block-padding: 10px; 758 --drawer-header-desktop-top: 0rem; 759 --drawer-padding: calc(var(--padding-sm) + 7px); 760 --drawer-height: 100dvh; 761 --drawer-width: 95vw; 762 --drawer-max-width: 500px; 763 764 /* Variant Picker Swatches */ 765 --variant-picker-swatch-width-unitless: 34; 766 --variant-picker-swatch-height-unitless: 34; 767 --variant-picker-swatch-width: 34px; 768 --variant-picker-swatch-height: 34px; 769 --variant-picker-swatch-radius: 32px; 770 --variant-picker-border-width: 1px; 771 --variant-picker-border-style: solid; 772 --variant-picker-border-opacity: 10%; 773 774 /* Variant Picker Buttons */ 775 --variant-picker-button-radius: 14px; 776 --variant-picker-button-border-width: 1px; 777 778 /* Slideshow */ 779 --slideshow-controls-size: 3.5rem; 780 --slideshow-controls-icon: 2rem; 781 --peek-next-slide-size: 3rem; 782 783 /* Utilities */ 784 --backdrop-opacity: 0.15; 785 --backdrop-color-rgb: var(--color-shadow-rgb); 786 --minimum-touch-target: 44px; 787 --disabled-opacity: 0.5; 788 --skeleton-opacity: 0.025; 789 790 /* Shapes */ 791 --shape--circle: circle(50% at center); 792 --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%); 793 --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); 794 --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883
794% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%); 795 796 /* Buy buttons */ 797 --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm)); 798 799 /* Card image width and height variables */ 800 --card-width-small: 10rem; 801 802 --height-small: 10rem; 803 --height-medium: 11.5rem; 804 --height-large: 13rem; 805 --height-full: 100vh; 806 807 @media screen and (min-width: 750px) { 808 --height-small: 17.5rem; 809 --height-medium: 21.25rem; 810 --height-large: 25rem; 811 } 812 813 /* Modal */ 814 --modal-max-height: 65dvh; 815 816 /* Card styles for search */ 817 --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 818 --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30)); 819 --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 820 821 /* Cart */ 822 --cart-primary-font-family: var(--font-body--family); 823 --cart-primary-font-style: var(--font-body--style); 824 --cart-primary-font-weight: var(--font-body--weight); 825 --cart-secondary-font-family: var(--font-secondary--family); 826 --cart-secondary-font-style: var(--font-secondary--style); 827 --cart-secondary-font-weight: var(--font-secondary--weight); 828 } 829</style> 830<style data-shopify> 831 832 833 :root, 834 835 836 837 .color-scheme-1 { 838 --color-background: rgb(255 255 255 / 1.0); 839 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 840 --color-background-rgb: 255 255 255; 841 --opacity-5-15: 0.05; 842 --opacity-10-25: 0.1; 843 --opacity-35-55: 0.35; 844 --opacity-40-60: 0.4; 845 --opacity-30-60: 0.3; 846 --color-foreground: rgb(0 0 0 / 0.81); 847 --color-foreground-rgb: 0 0 0; 848 --color-foreground-heading: rgb(0 0 0 / 1.0); 849 --color-foreground-heading-rgb: 0 0 0; 850 --color-primary: rgb(0 0 0 / 0.81); 851 --color-primary-rgb: 0 0 0; 852 --color-primary-hover: rgb(0 0 0 / 1.0); 853 --color-primary-hover-rgb: 0 0 0; 854 --color-border: rgb(0 0 0 / 0.06); 855 --color-border-rgb: 0 0 0; 856 --color-shadow: rgb(0 0 0 / 1.0); 857 --color-shadow-rgb: 0 0 0; 858 --color-primary-button-text: rgb(255 255 255 / 1.0); 859 --color-primary-button-background: rgb(0 0 0 / 1.0); 860 --color-primary-button-border: rgb(0 0 0 / 1.0); 861 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 862 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 863 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 864 --color-secondary-button-text: rgb(0 0 0 / 1.0); 865 --color-secondary-button-background: rgb(0 0 0 / 0.0); 866 --color-secondary-button-border: rgb(0 0 0 / 1.0); 867 --color-secondary-button-hover-text: rgb(51 51 51 / 1.0); 868 --color-secondary-button-hover-background: rgb(250 250 250 / 1.0); 869 --color-secondary-button-hover-border: rgb(51 51 51 / 1.0); 870 --color-input-background: rgb(255 255 255 / 0.78); 871 --color-input-text: rgb(51 51 51 / 1.0); 872 --color-input-text-rgb: 51 51 51; 873 --color-input-border: rgb(223 223 223 / 1.0); 874 --color-input-hover-background: rgb(0 0 0 / 0.01); 875 --color-variant-background: rgb(255 255 255 / 1.0); 876 --color-variant-border: rgb(0 0 0 / 0.13); 877 --color-variant-text: rgb(0 0 0 / 1.0); 878 --color-variant-text-rgb: 0 0 0; 879 --color-variant-hover-background: rgb(245 245 245 / 1.0); 880 --color-variant-hover-text: rgb(0 0 0 / 1.0); 881 --color-variant-hover-border: rgb(230 230 230 / 1.0); 882 --color-selected-variant-background: rgb(0 0 0 / 1.0); 883 --color-selected-variant-border: rgb(0 0 0 / 1.0); 884 --color-selected-variant-text: rgb(255 255 255 / 1.0); 885 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 886 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 887 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 888 889 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 890 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 891 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 892 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 893 --font-h1--color: var(--color-foreground-heading); 894 --font-h2--color: var(--color-foreground-heading); 895 --font-h3--color: var(--color-foreground-heading); 896 --font-h4--color: var(--color-foreground-heading); 897 --font-h5--color: var(--color-foreground-heading); 898 --font-h6--color: var(--color-foreground-heading); 899 900 /* Shadows */ 901 902 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 903 904 905 --shadow-blur: 20px; 906 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 907 908 } 909 910 911 912 913 .color-scheme-2 {
914 --color-background: rgb(245 245 245 / 1.0); 915 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 916 --color-background-rgb: 245 245 245; 917 --opacity-5-15: 0.05; 918 --opacity-10-25: 0.1; 919 --opacity-35-55: 0.35; 920 --opacity-40-60: 0.4; 921 --opacity-30-60: 0.3; 922 --color-foreground: rgb(0 0 0 / 0.81); 923 --color-foreground-rgb: 0 0 0; 924 --color-foreground-heading: rgb(0 0 0 / 1.0); 925 --color-foreground-heading-rgb: 0 0 0; 926 --color-primary: rgb(0 0 0 / 0.81); 927 --color-primary-rgb: 0 0 0; 928 --color-primary-hover: rgb(255 255 255 / 1.0); 929 --color-primary-hover-rgb: 255 255 255; 930 --color-border: rgb(223 223 223 / 1.0); 931 --color-border-rgb: 223 223 223; 932 --color-shadow: rgb(0 0 0 / 1.0); 933 --color-shadow-rgb: 0 0 0; 934 --color-primary-button-text: rgb(255 255 255 / 1.0); 935 --color-primary-button-background: rgb(0 0 0 / 1.0); 936 --color-primary-button-border: rgb(0 0 0 / 1.0); 937 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 938 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 939 --color-primary-button-hover-border: rgb(51 51 51 / 1.0); 940 --color-secondary-button-text: rgb(0 0 0 / 1.0); 941 --color-secondary-button-background: rgb(0 0 0 / 0.0); 942 --color-secondary-button-border: rgb(0 0 0 / 1.0); 943 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 944 --color-secondary-button-hover-background: rgb(255 255 255 / 0.36); 945 --color-secondary-button-hover-border: rgb(51 51 51 / 0.73); 946 --color-input-background: rgb(0 0 0 / 0.0); 947 --color-input-text: rgb(0 0 0 / 0.53); 948 --color-input-text-rgb: 0 0 0; 949 --color-input-border: rgb(0 0 0 / 0.13); 950 --color-input-hover-background: rgb(255 255 255 / 0.36); 951 --color-variant-background: rgb(255 255 255 / 1.0); 952 --color-variant-border: rgb(230 230 230 / 1.0); 953 --color-variant-text: rgb(0 0 0 / 1.0); 954 --color-variant-text-rgb: 0 0 0; 955 --color-variant-hover-background: rgb(245 245 245 / 1.0); 956 --color-variant-hover-text: rgb(0 0 0 / 1.0); 957 --color-variant-hover-border: rgb(230 230 230 / 1.0); 958 --color-selected-variant-background: rgb(0 0 0 / 1.0); 959 --color-selected-variant-border: rgb(0 0 0 / 1.0); 960 --color-selected-variant-text: rgb(255 255 255 / 1.0); 961 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 962 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 963 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 964 965 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 966 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 967 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 968 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 969 --font-h1--color: var(--color-foreground-heading); 970 --font-h2--color: var(--color-foreground-heading); 971 --font-h3--color: var(--color-foreground-heading); 972 --font-h4--color: var(--color-foreground-heading); 973 --font-h5--color: var(--color-foreground-heading); 974 --font-h6--color: var(--color-foreground-heading); 975 976 /* Shadows */ 977 978 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 979 980 981 --shadow-blur: 20px; 982 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 983 984 } 985 986 987 988 989 .color-scheme-3 { 990 --color-background: rgb(238 241 234 / 1.0); 991 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 992 --color-background-rgb: 238 241 234; 993 --opacity-5-15: 0.05; 994 --opacity-10-25: 0.1; 995 --opacity-35-55: 0.35; 996 --opacity-40-60: 0.4; 997 --opacity-30-60: 0.3; 998 --color-foreground: rgb(0 0 0 / 0.81); 999 --color-foreground-rgb: 0 0 0; 1000 --color-foreground-heading: rgb(0 0 0 / 1.0); 1001 --color-foreground-heading-rgb: 0 0 0; 1002 --color-primary: rgb(0 0 0 / 0.81); 1003 --color-primary-rgb: 0 0 0; 1004 --color-primary-hover: rgb(0 0 0 / 1.0); 1005 --color-primary-hover-rgb: 0 0 0; 1006 --color-border: rgb(0 0 0 / 0.81); 1007 --color-border-rgb: 0 0 0; 1008 --color-shadow: rgb(0 0 0 / 1.0); 1009 --color-shadow-rgb: 0 0 0; 1010 --color-primary-button-text: rgb(255 255 255 / 1.0); 1011 --color-primary-button-background: rgb(0 0 0 / 1.0); 1012 --color-primary-button-border: rgb(0 0 0 / 1.0); 1013 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1014 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 1015 --color-primary-button-hover-border: rgb(51 51 51 / 1.0); 1016 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1017 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1018 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1019 --color-secondary-button-hover-text: rgb(0 0 0 / 0.81); 1020 --color-secondary-button-hover-background: rgb(255 255 255 / 0.36); 1021 --color-secondary-button-hover-border: rgb(0 0 0 / 0.81); 1022 --color-input-background: rgb(0 0 0 / 0.0); 1023 --color-input-text: rgb(0 0 0 / 0.81); 1024 --color-input-text-rgb: 0 0 0; 1025 --color-input-border: rgb(0 0 0 / 0.81); 1026 --color-input-hover-background: rgb(255 255 255 / 0.36); 1027 --color-variant-background: rgb(255 255 255 / 1.0); 1028 --color-variant-border: rgb(230 230 230 / 1.0); 1029 --color-variant-text: rgb(0 0 0 / 1.0); 1030 --color-variant-text-rgb: 0 0 0; 1031 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1032 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1033 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1034 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1035 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1036 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1037 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1038 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1039 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1040 1041 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1042 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1043 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1044 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1045 --font-h1--color: var(--color-foreground-heading); 1046 --font-h2--color: var(--color-foreground-heading); 1047 --font-h3--color: var(--color-foreground-heading); 1048 --font-h4--color: var(--color-foreground-heading); 1049 --font-h5--color: var(--color-foreground-heading); 1050 --font-h6--color: var(--color-foreground-heading); 1051 1052 /* Shadows */ 1053 1054 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1055 1056 1057 --shadow-blur: 20px; 1058 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1059 1060 } 1061 1062 1063 1064 1065 .color-scheme-4 { 1066 --color-background: rgb(225 237 245 / 1.0); 1067 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1068 --color-background-rgb: 225 237 245; 1069 --opacity-5-15: 0.05; 1070 --opacity-10-25: 0.1; 1071 --opacity-35-55: 0.35; 1072 --opacity-40-60: 0.4; 1073 --opacity-30-60: 0.3; 1074 --color-foreground: rgb(0 0 0 / 0.81); 1075 --color-foreground-rgb: 0 0 0; 1076 --color-foreground-heading: rgb(0 0 0 / 1.0); 1077 --color-foreground-heading-rgb: 0 0 0; 1078 --color-primary: rgb(0 0 0 / 0.81); 1079 --color-primary-rgb: 0 0 0; 1080 --color-primary-hover: rgb(0 0 0 / 1.0); 1081 --color-primary-hover-rgb: 0 0 0; 1082 --color-border: rgb(29 54 134 / 0.5); 1083 --color-border-rgb: 29 54 134; 1084 --color-shadow: rgb(0 0 0 / 1.0); 1085 --color-shadow-rgb: 0 0 0; 1086 --color-primary-button-text: rgb(255 255 255 / 1.0); 1087 --color-primary-button-background: rgb(0 0 0 / 1.0); 1088 --color-primary-button-border: rgb(29 54 134 / 1.0); 1089 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1090 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 1091 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1092 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1093 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1094 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1095 --color-secondary-button-hover-text: rgb(0 0 0 / 0.81); 1096 --color-secondary-button-hover-background: rgb(255 255 255 / 0.36); 1097 --color-secondary-button-hover-border: rgb(0 0 0 / 0.81); 1098 --color-input-background: rgb(0 0 0 / 0.0); 1099 --color-input-text: rgb(0 0 0 / 0.81); 1100 --color-input-text-rgb: 0 0 0; 1101 --color-input-border: rgb(0 0 0 / 0.81); 1102 --color-input-hover-background: rgb(255 255 255 / 0.36); 1103 --color-variant-background: rgb(255 255 255 / 1.0); 1104 --color-variant-border: rgb(230 230 230 / 1.0); 1105 --color-variant-text: rgb(0 0 0 / 1.0); 1106 --color-variant-text-rgb: 0 0 0; 1107 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1108 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1109 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1110 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1111 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1112 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1113 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1114 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1115 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1116 1117 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1118 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1119 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1120 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1121 --font-h1--color: var(--color-foreground-heading); 1122 --font-h2--color: var(--color-foreground-heading); 1123 --font-h3--color: var(--color-foreground-heading); 1124 --font-h4--color: var(--color-foreground-heading); 1125 --font-h5--color: var(--color-foreground-heading); 1126 --font-h6--color: var(--color-foreground-heading); 1127 1128 /* Shadows */ 1129 1130 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1131 1132 1133 --shadow-blur: 20px; 1134 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1135 1136 } 1137 1138 1139 1140 1141 .color-scheme-5 { 1142 --color-background: rgb(51 51 51 / 1.0); 1143 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1144 --color-background-rgb: 51 51 51; 1145 --opacity-5-15: 0.15; 1146 --opacity-10-25: 0.25; 1147 --opacity-35-55: 0.55; 1148 --opacity-40-60: 0.6; 1149 --opacity-30-60: 0.6; 1150 --color-foreground: rgb(255 255 255 / 1.0); 1151 --color-foreground-rgb: 255 255 255; 1152 --color-foreground-heading: rgb(255 255 255 / 1.0); 1153 --color-foreground-heading-rgb: 255 255 255; 1154 --color-primary: rgb(255 255 255 / 1.0); 1155 --color-primary-rgb: 255 255 255; 1156 --color-primary-hover: rgb(255 255 255 / 0.69); 1157 --color-primary-hover-rgb: 255 255 255; 1158 --color-border: rgb(255 255 255 / 0.69); 1159 --color-border-rgb: 255 255 255; 1160 --color-shadow: rgb(0 0 0 / 1.0); 1161 --color-shadow-rgb: 0 0 0; 1162 --color-primary-button-text: rgb(0 0 0 / 1.0); 1163 --color-primary-button-background: rgb(255 255 255 / 1.0); 1164 --color-primary-button-border: rgb(255 255 255 / 1.0); 1165 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1166 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 1167 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1168 --color-secondary-button-text: rgb(255 255 255 / 1.0); 1169 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1170 --color-secondary-button-border: rgb(255 255 255 / 0.69); 1171 --color-secondary-button-hover-text: rgb(255 255 255 / 0.93); 1172 --color-secondary-button-hover-background: rgb(255 255 255 / 0.04); 1173 --color-secondary-button-hover-border: rgb(255 255 255 / 0.69); 1174 --color-input-background: rgb(51 51 51 / 1.0); 1175 --color-input-text: rgb(255 255 255 / 0.93); 1176 --color-input-text-rgb: 255 255 255; 1177 --color-input-border: rgb(255 255 255 / 0.69); 1178 --color-input-hover-background: rgb(255 255 255 / 0.04); 1179 --color-variant-background: rgb(255 255 255 / 1.0); 1180 --color-variant-border: rgb(230 230 230 / 1.0); 1181 --color-variant-text: rgb(0 0 0 / 1.0); 1182 --color-variant-text-rgb: 0 0 0; 1183 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1184 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1185 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1186 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1187 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1188 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1189 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1190 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1191 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1192 1193 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1194 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1195 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1196 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1197 --font-h1--color: var(--color-foreground-heading); 1198 --font-h2--color: var(--color-foreground-heading); 1199 --font-h3--color: var(--color-foreground-heading); 1200 --font-h4--color: var(--color-foreground-heading); 1201 --font-h5--color: var(--color-foreground-heading); 1202 --font-h6--color: var(--color-foreground-heading); 1203 1204 /* Shadows */ 1205 1206 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1207 1208 1209 --shadow-blur: 20px; 1210 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1211 1212 } 1213 1214 1215 1216 1217 .color-scheme-6 { 1218 --color-background: rgb(0 0 0 / 0.0); 1219 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1220 --color-background-rgb: 0 0 0; 1221 --opacity-5-15: 0.15; 1222 --opacity-10-25: 0.25; 1223 --opacity-35-55: 0.55; 1224 --opacity-40-60: 0.6; 1225 --opacity-30-60: 0.6; 1226 --color-foreground: rgb(255 255 255 / 1.0); 1227 --color-foreground-rgb: 255 255 255; 1228 --color-foreground-heading: rgb(255 255 255 / 1.0); 1229 --color-foreground-heading-rgb: 255 255 255; 1230 --color-primary: rgb(255 255 255 / 1.0); 1231 --color-primary-rgb: 255 255 255; 1232 --color-primary-hover: rgb(255 255 255 / 0.69); 1233 --color-primary-hover-rgb: 255 255 255; 1234 --color-border: rgb(230 230 230 / 1.0); 1235 --color-border-rgb: 230 230 230; 1236 --color-shadow: rgb(0 0 0 / 1.0); 1237 --color-shadow-rgb: 0 0 0; 1238 --color-primary-button-text: rgb(0 0 0 / 1.0); 1239 --color-primary-button-background: rgb(255 255 255 / 1.0); 1240 --color-primary-button-border: rgb(255 255 255 / 1.0); 1241 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1242 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 1243 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1244 --color-secondary-button-text: rgb(255 255 255 / 1.0);
1244 1245 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1246 --color-secondary-button-border: rgb(255 255 255 / 1.0); 1247 --color-secondary-button-hover-text: rgb(255 255 255 / 1.0); 1248 --color-secondary-button-hover-background: rgb(255 255 255 / 0.08); 1249 --color-secondary-button-hover-border: rgb(255 255 255 / 1.0); 1250 --color-input-background: rgb(255 255 255 / 1.0); 1251 --color-input-text: rgb(0 0 0 / 0.53); 1252 --color-input-text-rgb: 0 0 0; 1253 --color-input-border: rgb(0 0 0 / 0.13); 1254 --color-input-hover-background: rgb(250 250 250 / 1.0); 1255 --color-variant-background: rgb(255 255 255 / 1.0); 1256 --color-variant-border: rgb(230 230 230 / 1.0); 1257 --color-variant-text: rgb(0 0 0 / 1.0); 1258 --color-variant-text-rgb: 0 0 0; 1259 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1260 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1261 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1262 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1263 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1264 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1265 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1266 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1267 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1268 1269 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1270 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1271 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1272 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1273 --font-h1--color: var(--color-foreground-heading); 1274 --font-h2--color: var(--color-foreground-heading); 1275 --font-h3--color: var(--color-foreground-heading); 1276 --font-h4--color: var(--color-foreground-heading); 1277 --font-h5--color: var(--color-foreground-heading); 1278 --font-h6--color: var(--color-foreground-heading); 1279 1280 /* Shadows */ 1281 1282 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1283 1284 1285 --shadow-blur: 20px; 1286 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1287 1288 } 1289 1290 1291 1292 1293 .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 { 1294 --color-background: rgb(0 0 0 / 0.0); 1295 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1296 --color-background-rgb: 0 0 0; 1297 --opacity-5-15: 0.15; 1298 --opacity-10-25: 0.25; 1299 --opacity-35-55: 0.55; 1300 --opacity-40-60: 0.6; 1301 --opacity-30-60: 0.6; 1302 --color-foreground: rgb(0 0 0 / 1.0); 1303 --color-foreground-rgb: 0 0 0; 1304 --color-foreground-heading: rgb(0 0 0 / 1.0); 1305 --color-foreground-heading-rgb: 0 0 0; 1306 --color-primary: rgb(0 0 0 / 1.0); 1307 --color-primary-rgb: 0 0 0; 1308 --color-primary-hover: rgb(0 0 0 / 0.53); 1309 --color-primary-hover-rgb: 0 0 0; 1310 --color-border: rgb(230 230 230 / 1.0); 1311 --color-border-rgb: 230 230 230; 1312 --color-shadow: rgb(0 0 0 / 1.0); 1313 --color-shadow-rgb: 0 0 0; 1314 --color-primary-button-text: rgb(255 255 255 / 1.0); 1315 --color-primary-button-background: rgb(0 0 0 / 1.0); 1316 --color-primary-button-border: rgb(0 0 0 / 1.0); 1317 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1318 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 1319 --color-primary-button-hover-border: rgb(51 51 51 / 1.0); 1320 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1321 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1322 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1323 --color-secondary-button-hover-text: rgb(51 51 51 / 1.0); 1324 --color-secondary-button-hover-background: rgb(250 250 250 / 1.0); 1325 --color-secondary-button-hover-border: rgb(51 51 51 / 1.0); 1326 --color-input-background: rgb(255 255 255 / 1.0); 1327 --color-input-text: rgb(0 0 0 / 0.53); 1328 --color-input-text-rgb: 0 0 0; 1329 --color-input-border: rgb(0 0 0 / 0.13); 1330 --color-input-hover-background: rgb(250 250 250 / 1.0); 1331 --color-variant-background: rgb(255 255 255 / 1.0); 1332 --color-variant-border: rgb(230 230 230 / 1.0); 1333 --color-variant-text: rgb(0 0 0 / 1.0); 1334 --color-variant-text-rgb: 0 0 0; 1335 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1336 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1337 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1338 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1339 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1340 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1341 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1342 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1343 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1344 1345 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1346 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1347 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1348 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1349 --font-h1--color: var(--color-foreground-heading); 1350 --font-h2--color: var(--color-foreground-heading); 1351 --font-h3--color: var(--color-foreground-heading); 1352 --font-h4--color: var(--color-foreground-heading); 1353 --font-h5--color: var(--color-foreground-heading); 1354 --font-h6--color: var(--color-foreground-heading); 1355 1356 /* Shadows */ 1357 1358 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1359 1360 1361 --shadow-blur: 20px; 1362 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1363 1364 } 1365 1366 1367 body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 { 1368 color: var(--color-foreground); 1369 background-color: var(--color-background); 1370 } 1371</style> 1372 1373 1374
1374<script 1375 type="text/javascript" 1376 src="https://www.bugherd.com/sidebarv2.js?apikey=dhxm9ls7eufxucpog6faua" 1377 async="true" 1378 ></script>
1378 1379 1380
1380<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1380<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/72120107062/digital_wallets/dialog"> 1381<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
1381<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
vendor: 1 bytes, line 1381
1381
1382<script id="shopify-features" type="application/json">{"accessToken":"f5a220abfe40b9c64311a071e94ddda2","betas":["rich-media-storefront-analytics"],"domain":"www.stage3innovations.com","predictiveSearch":true,"shopId":72120107062,"locale":"en"}</script>
vendor: 1 bytes, line 1382
1382
1383<script>var Shopify = Shopify || {}; 1384Shopify.shop = "dtx3km-zr.myshopify.com"; 1385Shopify.locale = "en"; 1386Shopify.currency = {"active":"USD","rate":"1.0"}; 1387Shopify.country = "US"; 1388Shopify.theme = {"name":"stage3media\/main","id":147933003830,"schema_name":"Horizon","schema_version":"3.2.1","theme_store_id":null,"role":"main"}; 1389Shopify.theme.handle = "null"; 1390Shopify.theme.style = {"id":null,"handle":null}; 1391Shopify.cdnHost = "www.stage3innovations.com/cdn"; 1392Shopify.routes = Shopify.routes || {}; 1393Shopify.routes.root = "/"; 1394Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 1395Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 1396Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 1397Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1397
1397
1398<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1398
1398
1399<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 1399
1399
1400<script> 1401 window.Shopify = window.Shopify || {}; 1402 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 1403 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 1404 window.Shopify.SignInWithShop.eligible = true; 1405</script>
vendor: 1 bytes, line 1405
1405
1406<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 1406
1406
1407<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 1407
1407
1408<script type="module"> 1409 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 1410 1411 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 1412 1413</script>
vendor: 1 bytes, line 1413
1413
1414<script> 1415 window.Shopify = window.Shopify || {}; 1416 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 1417 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"]}; 1418</script>
vendor: 1 bytes, line 1418
1418
1419<script>(function() { 1420 var isLoaded = false; 1421 function asyncLoad() { 1422 if (isLoaded) return; 1423 isLoaded = true; 1424 var urls = ["\/\/cdn.shopify.com\/proxy\/eb7ce695da308c724ae6e6af7fe4391db5032c228d2cad4ece2c0f3bafad20c1\/d1639lhkj5l89m.cloudfront.net\/js\/storefront\/uppromote.js?shop=dtx3km-zr.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA"]; 1425 for (var i = 0; i < urls.length; i++) { 1426 var s = document.createElement('script'); 1427 s.type = 'text/javascript'; 1428 s.async = true; 1429 s.src = urls[i]; 1430 var x = document.getElementsByTagName('script')[0]; 1431 x.parentNode.insertBefore(s, x); 1432 } 1433 }; 1434 if(window.attachEvent) { 1435 window.attachEvent('onload', asyncLoad); 1436 } else { 1437 window.addEventListener('load', asyncLoad, false); 1438 } 1439})();</script>
vendor: 1 bytes, line 1439
1439
1440<script id="__st">var __st={"a":72120107062,"offset":-25200,"reqid":"2edc7eef-5e23-44f5-a79e-22163135cd5a-1791596517","pageurl":"www.stage3innovations.com\/","u":"b6dedb073b48","p":"home"};</script>
vendor: 1 bytes, line 1440
1440
1441<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1441
1441
1442<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 1442
1442
1443<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.stage3innovations.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1443
1443
1444<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//www.stage3innovations.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>
1444<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 1444
1444
1445<script> 1446 window.Shopify = window.Shopify || {}; 1447 window.Shopify.MCP = window.Shopify.MCP || {}; 1448 window.Shopify.MCP.enabled = true; 1449 window.Shopify.MCP.shop = "dtx3km-zr.myshopify.com"; 1450 window.Shopify.MCP.mcpEndpoint = "https:\/\/www.stage3innovations.com\/api\/mcp"; 1451 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"]}}]; 1452</script>
vendor: 1 bytes, line 1452
1452
1453<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/www.stage3innovations.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-f427de6a.js","sha256-ypGF+5vIq4Psw4WG7nsVtdd\/TCfsJWnrNuACdqLCElY=");})(); 1454</script>
vendor: 1 bytes, line 1454
1454
1455<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.stage3innovations.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 1456</script>
vendor: 1 bytes, line 1456
1456
1457<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 1458 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); 1459</script>
vendor: 1 bytes, line 1459
1459
1460<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})}})); 1461</script>
1461 1462<link rel="stylesheet" media="screen" href="//www.stage3innovations.com/cdn/shop/t/4/compiled_assets/styles.css?v=77811266379392702561789730927">
1463<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1463 1464 1465
1465<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js" type="text/javascript"></script>
1465 1466 1467 <link href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.2.0/magnific-popup.min.css" rel="stylesheet" type="text/css" media="all" /> 1468
1468<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.2.0/jquery.magnific-popup.min.js" type="text/javascript"></script>
1468 1469 1470
1470<script src="//www.stage3innovations.com/cdn/shop/t/4/assets/jquery.magnific-popup.min.js?v=176534197712925340191772441976" defer></script>
1470 1471 1472 1473
1473<script 1474 src="//www.stage3innovations.com/cdn/shop/t/4/assets/product-recommendations.js?v=106949542878014487231767711864" 1475 defer 1476></script>
1476 1477 1478
1478<script src="https://cdn.shopify.com/extensions/01a10ad0-9f32-7eb2-a83e-3427bdf52ded/affliate-by-secomapp-129/assets/registration-form.js" type="text/javascript" defer="defer"></script>
1478 1479<link href="https://cdn.shopify.com/extensions/01a11a67-6146-703f-8dfe-b40e6f72fc93/subify-2-143/assets/style.css" rel="stylesheet" type="text/css" media="all"> 1480<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1481<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: 72120107062,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 1481
1481
1482<script> 1483 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1484</script>
vendor: 1 bytes, line 1484
1484
1485<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}
1485).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: 72120107062,storefrontBaseUrl: "https://www.stage3innovations.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.stage3innovations.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab"],webPixelsConfigList: [{"id":"2273574966","configuration":"{\"shopId\":\"267244\",\"env\":\"production\",\"metaData\":\"[]\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8323bee30e1ec3ae135ae5e0cef4ab6d","type":"APP","apiClientId":2773553,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
1485,"dataSharingState":"unrestricted"},{"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":"Stage 3 Innovations","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"dtx3km-zr.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.stage3innovations.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"8182004154422","handle":"foundation","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44810755080246","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9327190114358","handle":"professional-website-plan","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47716660281398","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8182017916982","handle":"accelerator","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44810888413238","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8182014509110","handle":"builder","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47716729749558","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8556376227894","handle":"enterprise","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45532229173302","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8182018474038","handle":"expansion","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44810911973430","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://www.stage3innovations.com/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"147933003830","themePublished":"true","eventMetadataId":"1a206eeb-a686-4dfd-a9ef-7705cce8af2b","pageType":"home","shopId":"72120107062","storefrontBaseUrl":"https:\/\/www.stage3innovations.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\"]","isMerchantRequest":"false","hashVersion":"7ec887c8w14f9f074p854094e1m1370c602","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1485<script> 1486 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1487 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1488 window.ShopifyAnalytics.meta.currency = 'USD'; 1489 var meta = {"page":{"pageType":"home","requestId":"2edc7eef-5e23-44f5-a79e-22163135cd5a-1791596517"}}; 1490 for (var attr in meta) { 1491 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1492 } 1493</script>
vendor: 1 bytes, line 1493
1493
1494<script class="analytics"> 1495 (function () { 1496 var customDocumentWrite = function(content) { 1497 var jquery = null; 1498 1499 if (window.jQuery) { 1500 jquery = window.jQuery; 1501 } else if (window.Checkout && window.Checkout.$) { 1502 jquery = window.Checkout.$; 1503 } 1504 1505 if (jquery) { 1506 jquery('body').append(content); 1507 } 1508 }; 1509 1510 var hasLoggedConversion = function(token) { 1511 if (token) { 1512 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1513 } 1514 return false; 1515 } 1516 1517 var setCookieIfConversion = function(token) { 1518 if (token) { 1519 var twoMonthsFromNow = new Date(Date.now()); 1520 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1521 1522 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1523 } 1524 } 1525 1526 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1527 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1528 if (trekkie.integrations) { 1529 return; 1530 } 1531 trekkie.methods = [ 1532 'identify', 1533 'page', 1534 'ready', 1535 'track', 1536 'trackForm', 1537 'trackLink' 1538 ]; 1539 trekkie.factory = function(method) { 1540 return function() { 1541 var args = Array.prototype.slice.call(arguments); 1542 args.unshift(method); 1543 trekkie.push(args); 1544 if (method == 'track' || method == 'page') { 1545 var pageUrl; 1546 try { 1547 pageUrl = window.location.href; 1548 } catch (e) {} 1549 var pageReferrer; 1550 try { 1551 pageReferrer = document.referrer; 1552 } catch (e) {} 1553 try { 1554 if (window.__TREKKIE_SHIM_QUEUE == null) { 1555 window.__TREKKIE_SHIM_QUEUE = []; 1556 } 1557 window.__TREKKIE_SHIM_QUEUE.push({ 1558 from: 'trekkie-stub', 1559 method: method, 1560 args: args.slice(1), 1561 pageContext: { 1562 url: pageUrl, 1563 referrer: pageReferrer 1564 } 1565 }); 1566 } catch (e) { 1567 // no-op 1568 } 1569 } 1570 return trekkie; 1571 }; 1572 }; 1573 for (var i = 0; i < trekkie.methods.length; i++) { 1574 var key = trekkie.methods[i]; 1575 trekkie[key] = trekkie.factory(key); 1576 } 1577 trekkie.load = function(config) { 1578 trekkie.config = config || {}; 1579 trekkie.config.initialDocumentCookie = document.cookie; 1580 var first = document.getElementsByTagName('script')[0]; 1581var script = document.createElement('script'); 1582script.type = 'text/javascript'; 1583script.onerror = function(e) { 1584 var scriptFallback = document.createElement('script'); 1585 scriptFallback.type = 'text/javascript'; 1586 scriptFallback.onerror = function(error) { 1587 var Monorail = { 1588 produce: function produce(monorailDomain, schemaId, payload) { 1589 var currentMs = new Date().getTime(); 1590 var event = { 1591 schema_id: schemaId, 1592 payload: payload, 1593 metadata: { 1594 event_created_at_ms: currentMs, 1595 event_sent_at_ms: currentMs 1596 } 1597 }; 1598 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1599 }, 1600 sendRequest: function sendRequest(endpointUrl, payload) { 1601 // Try the sendBeacon API 1602 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1603 var blobData = new window.Blob([payload], { 1604 type: 'text/plain' 1605 }); 1606 1607 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1608 return true; 1609 } // sendBeacon was not successful 1610 1611 } // XHR beacon 1612 1613 var xhr = new XMLHttpRequest(); 1614 1615 try { 1616 xhr.open('POST', endpointUrl); 1617 xhr.setRequestHeader('Content-Type', 'text/plain'); 1618 xhr.send(payload); 1619 } catch (e) { 1620 console.log(e); 1621 } 1622 1623 return false; 1624 }, 1625 isIos12: function isIos12() { 1626 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1627 } 1628 }; 1629 Monorail.produce('monorail-edge.shopifysvc.com', 1630 'trekkie_storefront_load_errors/1.1', 1631 {shop_id: 72120107062, 1632 theme_id: 147933003830, 1633 app_name: "storefront", 1634 context_url: window.location.href, 1635 source_url: "//www.stage3innovations.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"}); 1636 1637 }; 1638 scriptFallback.async = true; 1639 scriptFallback.src = '//www.stage3innovations.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 1640 first.parentNode.insertBefore(scriptFallback, first); 1641}; 1642script.async = true; 1643script.src = '//www.stage3innovations.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 1644first.parentNode.insertBefore(script, first); 1645 1646 }; 1647 trekkie.load( 1648 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":72120107062,"isMerchantRequest":null,"themeId":147933003830,"themeCityHash":"14098264417385865790","contentLanguage":"en","currency":"USD","eventMetadataId":"1a206eeb-a686-4dfd-a9ef-7705cce8af2b"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1649 ); 1650 1651 var loaded = false;
1652 trekkie.ready(function() { 1653 if (loaded) return; 1654 loaded = true; 1655 1656 window.ShopifyAnalytics.lib = window.trekkie; 1657 1658 var originalDocumentWrite = document.write; 1659 document.write = customDocumentWrite; 1660 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1661 document.write = originalDocumentWrite; 1662 1663 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1664 var token = match? match[1]: undefined; 1665 if (!hasLoggedConversion(token)) { 1666 setCookieIfConversion(token); 1667 1668 } 1669 }); 1670 1671 window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"2edc7eef-5e23-44f5-a79e-22163135cd5a-1791596517","shopifyEmitted":true}); 1672 1673 var eventsListenerScript = document.createElement('script'); 1674 eventsListenerScript.async = true; 1675 eventsListenerScript.src = "//www.stage3innovations.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1676 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1677})();</script>
vendor: 1 bytes, line 1677
1677
1678<script 1679 defer 1680 src="https://www.stage3innovations.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.10.1.min.js" 1681 data-application="storefront-renderer" 1682 data-shop-id="72120107062" 1683 data-render-region="gcp-us-central1" 1684 data-page-type="index" 1685 data-theme-instance-id="147933003830" 1686 data-theme-name="Horizon" 1687 data-theme-version="3.2.1" 1688 data-monorail-region="shop_domain" 1689 data-resource-timing-sampling-rate="10" 1690 data-shs="true" 1691 data-shs-beacon="true" 1692 data-shs-export-with-fetch="true" 1693 data-shs-logs-sample-rate="1" 1694 data-shs-beacon-endpoint="https://www.stage3innovations.com/api/collect" 1695></script>
1695 1696<meta name="shopify-y" content="2f4b8c32-8a58-4d3f-9906-9bcf71ccb1f4" data-expiration="1823154117000"><meta name="shopify-s" content="0f00d580-24d7-45ae-9834-7f04d5b73143" data-expiration="1791598317000"> 1697</head> 1698 1699 <body 1700 class="overflow-x-hidden page-width-narrow card-hover-effect-none test-saathiva-06-01-2026" 1701 > 1702 <a 1703 class="skip-to-content-link button-secondary" 1704 href="#MainContent" 1705> 1706 Skip to content 1707</a> 1708 1709 <div id="header-group"> 1710 <!-- BEGIN sections: header-group --> 1711<header id="shopify-section-sections--19985877401654__header_section" class="shopify-section shopify-section-group-header-group header-section"> 1712 1713 1714
1715<script type="application/ld+json"> 1716 { 1717 "@context": "http://schema.org", 1718 "@type": "Organization", 1719 "name": "Stage 3 Innovations", 1720 1721 "logo": "https:\/\/www.stage3innovations.com\/cdn\/shop\/files\/s3innovations-white-logo-01-1.svg?v=1786348679\u0026width=500", 1722 1723 "url": "https:\/\/www.stage3innovations.com" 1724 } 1725</script>
1725 1726 1727<header-component 1728 id="header-component new" 1729 class="header color-scheme-6 header--inherit-color-scheme-on-menu-open" 1730 data-theme-color="rgb(0 0 0)" 1731 1732 transparent="not-sticky" 1733 1734 1735 sticky="always" 1736 1737 data-skip-node-update 1738 data-scroll-direction="none" 1739><h1 class="visually-hidden">Stage 3 Innovations</h1> 1740 1741 1742 1743 1744 1745 1746 <div 1747 class="header__row header__row--top color-scheme-6 section section--full-width-margin section--page-width" 1748 ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;"> 1749 <div class="header__columns spacing-style"> 1750 <div 1751 class="header__column header__column--left" 1752 data-testid="header-top-left" 1753 > 1754 1755 1756 1757 1758 1759 1760 <div 1761 class="header__drawer desktop:hidden" 1762 ref="headerDrawerContainer" 1763 1764 > 1765 1766
1767<script 1768 src="//www.stage3innovations.com/cdn/shop/t/4/assets/header-drawer.js?v=44357639294953783801767711867" 1769 type="module" 1770 fetchpriority="low" 1771></script>
1771 1772 1773<header-drawer 1774 class="header-drawer header__drawer--mobile" 1775 style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;" 1776> 1777 <details 1778 id="Details-menu-drawer-container" 1779 data-skip-node-update="true" 1780 class="menu-drawer-container" 1781 ref="details" 1782 scroll-lock 1783 > 1784 <summary 1785 class="header__icon header__icon--menu header__icon--summary" 1786 aria-label="Menu" 1787 on:click="/toggle" 1788 > 1789 <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1790 <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 1791 <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 1792</svg> 1793</span> 1794 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1795 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 1796 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 1797</svg> 1798</span> 1799 </summary> 1800 <div 1801 data-header-drawer 1802 class=" 1803 menu-drawer 1804 motion-reduce 1805 color-scheme-6 1806 " 1807 > 1808 <button 1809 class="button button-unstyled close-button menu-drawer__close-button" 1810 type="button" 1811 aria-label="Close" 1812 on:click="/close" 1813 > 1814 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1815 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 1816 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 1817</svg> 1818</span> 1819 </button> 1820 <nav 1821 class="menu-drawer__navigation" 1822 style="--menu-top-level-font-family: var(--font-heading--family); 1823--menu-top-level-font-size-desktop: 1rem; --menu-top-level-font-style: var(--font-heading--style); --menu-top-level-font-weight: var(--font-heading--weight); --menu-top-level-font-case:none; 1824 1825 --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height: 1826 var(--menu-font-2xl--line-height); 1827 1828--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb); 1829 1830--menu-parent-font-family: var(--font-heading--family); --menu-parent-font-style: 1831var(--font-heading--style); --menu-parent-font-weight: var(--font-heading--weight); --menu-parent-font-case: 1832none; 1833 1834 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 1835 var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / 1836 var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); 1837 1838--menu-child-font-family: var(--font-heading--family); --menu-child-font-style: 1839var(--font-heading--style); --menu-child-font-weight: var(--font-heading--weight); --menu-child-font-case: 1840none; 1841 1842 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 1843 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / 1844 var(--opacity-subdued-text)); 1845 1846 1847 " 1848 > 1849 <ul 1850 class="menu-drawer__menu has-submenu" 1851 role="list" 1852 > 1853 1854 1855 <li 1856 class="menu-drawer__list-item" 1857 style="--menu-drawer-animation-index: 1;" 1858 ><details 1859 id="Details-menu-drawer-menu-item-1" 1860 class="menu-drawer__menu-container menu-drawer__menu-container--divider" 1861 > 1862 <summary 1863 id="HeaderDrawer-growth-system™" 1864 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 1865 > 1866 <!-- Link --> 1867 <a href="/pages/the-growth-system" class="menu-drawer__menu-item-text wrap-text"> 1868 Growth System™ 1869 </a> 1870 <div class="icon-caret icon-caret--forward" on:click="header-drawer/open"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1871 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 1872</svg> 1873</div> 1874 </summary> 1875 1876 <div 1877 id="link-growth-system™" 1878 class="menu-drawer__submenu has-submenu gradient motion-reduce" 1879 tabindex="-1" 1880 style="--menu-drawer-animation-index: 1;" 1881 > 1882 <div class="menu-drawer__inner-submenu"> 1883 <div class="menu-drawer__nav-buttons"> 1884 <button 1885 class="button menu-drawer__back-button focus-inset" 1886 aria-expanded="true" 1887 on:click="header-drawer/back" 1888 aria-label="Back" 1889 >
1890 <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1891 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 1892</svg> 1893</span> 1894 <span class="menu-drawer__menu-item-text wrap-text"> Growth System™</span> 1895 </button> 1896 <button 1897 class="button button-unstyled close-button menu-drawer__close-button" 1898 type="button" 1899 aria-label="Close" 1900 on:click="header-drawer/close" 1901 > 1902 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1903 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 1904 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 1905</svg> 1906</span> 1907 </button> 1908 </div> 1909 1910 <ul 1911 class="menu-drawer__menu menu-drawer__menu--childlist" 1912 role="list" 1913 tabindex="-1" 1914 > 1915 <li 1916 class=" 1917 menu-drawer__list-item 1918 menu-drawer__list-item--divider 1919 " 1920 ><a 1921 id="HeaderDrawer-growth-system™-digital-marketing" 1922 href="/pages/digital-marketing" 1923 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 1924 1925 > 1926 1927 <span class="menu-drawer__menu-item-text wrap-text">Digital Marketing</span> 1928 </a></li><li 1929 class=" 1930 menu-drawer__list-item 1931 menu-drawer__list-item--divider 1932 " 1933 ><a 1934 id="HeaderDrawer-growth-system™-social-media" 1935 href="/pages/social-media" 1936 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 1937 1938 > 1939 1940 <span class="menu-drawer__menu-item-text wrap-text">Social Media</span> 1941 </a></li><li 1942 class=" 1943 menu-drawer__list-item 1944 menu-drawer__list-item--divider 1945 " 1946 ><a 1947 id="HeaderDrawer-growth-system™-content-production" 1948 href="/pages/content-production" 1949 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 1950 1951 > 1952 1953 <span class="menu-drawer__menu-item-text wrap-text">Content Production</span> 1954 </a></li><li 1955 class=" 1956 menu-drawer__list-item 1957 menu-drawer__list-item--divider 1958 " 1959 ><a 1960 id="HeaderDrawer-growth-system™-e-commerce-marketing" 1961 href="/pages/e-commerce-marketing" 1962 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 1963 1964 > 1965
1966 <span class="menu-drawer__menu-item-text wrap-text">E-Commerce Marketing</span> 1967 </a></li><li 1968 class=" 1969 menu-drawer__list-item 1970 menu-drawer__list-item--divider 1971 " 1972 ><a 1973 id="HeaderDrawer-growth-system™-branding-design" 1974 href="/pages/branding-design" 1975 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 1976 1977 > 1978 1979 <span class="menu-drawer__menu-item-text wrap-text">Branding & Design</span> 1980 </a></li><li 1981 class=" 1982 menu-drawer__list-item 1983 menu-drawer__list-item--divider 1984 " 1985 ><a 1986 id="HeaderDrawer-growth-system™-analytics-insights" 1987 href="/pages/analytics-insights" 1988 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 1989 1990 > 1991 1992 <span class="menu-drawer__menu-item-text wrap-text">Analytics & Insights</span> 1993 </a></li></ul> 1994 1995 </div> 1996 </div> 1997 </details></li> 1998 <li 1999 class="menu-drawer__list-item" 2000 style="--menu-drawer-animation-index: 2;" 2001 ><details 2002 id="Details-menu-drawer-menu-item-2" 2003 class="menu-drawer__menu-container menu-drawer__menu-container--divider" 2004 > 2005 <summary 2006 id="HeaderDrawer-marketing-solutions" 2007 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2008 > 2009 <!-- Link --> 2010 <a href="#" class="menu-drawer__menu-item-text wrap-text"> 2011 Marketing Solutions 2012 </a> 2013 <div class="icon-caret icon-caret--forward" on:click="header-drawer/open"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2014 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2015</svg> 2016</div> 2017 </summary> 2018 2019 <div 2020 id="link-marketing-solutions" 2021 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2022 tabindex="-1" 2023 style="--menu-drawer-animation-index: 2;" 2024 > 2025 <div class="menu-drawer__inner-submenu"> 2026 <div class="menu-drawer__nav-buttons"> 2027 <button 2028 class="button menu-drawer__back-button focus-inset" 2029 aria-expanded="true" 2030 on:click="header-drawer/back" 2031 aria-label="Back" 2032 > 2033 <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2034 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2035</svg> 2036</span> 2037 <span class="menu-drawer__menu-item-text wrap-text">Marketing Solutions</span> 2038 </button> 2039 <button 2040 class="button button-unstyled close-button menu-drawer__close-button" 2041 type="button" 2042 aria-label="Close" 2043 on:click="header-drawer/close" 2044 >
2045 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2046 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2047 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2048</svg> 2049</span> 2050 </button> 2051 </div> 2052 2053 <ul 2054 class="menu-drawer__menu menu-drawer__menu--childlist" 2055 role="list" 2056 tabindex="-1" 2057 > 2058 <li 2059 class=" 2060 menu-drawer__list-item 2061 menu-drawer__list-item--deep menu-drawer__list-item--divider 2062 " 2063 > 2064 2065<accordion-custom > 2066 2067 <details 2068 id="Details-menu-drawer-marketing-solutions-growth-packages" 2069 > 2070 <summary 2071 id="HeaderDrawer-marketing-solutions-growth-packages" 2072 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 2073 > 2074 <a 2075 href="/collections/packages" 2076 class="menu-drawer__menu-item-text wrap-text" 2077 >Growth Packages</a> 2078 2079 <span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2080 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 2081 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 2082</svg> 2083</span> 2084 </summary> 2085 2086 2087 2088 <ul 2089 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 2090 role="list" 2091 tabindex="-1" 2092 ><li 2093 class="menu-drawer__list-item" 2094 style="--menu-drawer-animation-index: 1;" 2095 > 2096 <a 2097 id="HeaderDrawer-marketing-solutions-growth-packages-foundation" 2098 href="/products/foundation" 2099 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 2100 2101 > 2102 2103 <span class="menu-drawer__menu-item-text wrap-text">Foundation</span> 2104 </a> 2105 </li><li 2106 class="menu-drawer__list-item" 2107 style="--menu-drawer-animation-index: 2;" 2108 > 2109 <a 2110 id="HeaderDrawer-marketing-solutions-growth-packages-builder" 2111 href="/products/builder" 2112 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 2113 2114 > 2115
2116 <span class="menu-drawer__menu-item-text wrap-text">Builder</span> 2117 </a> 2118 </li><li 2119 class="menu-drawer__list-item" 2120 style="--menu-drawer-animation-index: 3;" 2121 > 2122 <a 2123 id="HeaderDrawer-marketing-solutions-growth-packages-accelerator" 2124 href="/products/accelerator" 2125 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 2126 2127 > 2128 2129 <span class="menu-drawer__menu-item-text wrap-text">Accelerator</span> 2130 </a> 2131 </li><li 2132 class="menu-drawer__list-item" 2133 style="--menu-drawer-animation-index: 4;" 2134 > 2135 <a 2136 id="HeaderDrawer-marketing-solutions-growth-packages-expansion" 2137 href="/products/expansion" 2138 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 2139 2140 > 2141 2142 <span class="menu-drawer__menu-item-text wrap-text">Expansion</span> 2143 </a> 2144 </li><li 2145 class="menu-drawer__list-item" 2146 style="--menu-drawer-animation-index: 5;" 2147 > 2148 <a 2149 id="HeaderDrawer-marketing-solutions-growth-packages-enterprise" 2150 href="/products/enterprise" 2151 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 2152 2153 > 2154 2155 <span class="menu-drawer__menu-item-text wrap-text">Enterprise</span> 2156 </a> 2157 </li><li 2158 class="menu-drawer__list-item" 2159 style="--menu-drawer-animation-index: 6;" 2160 > 2161 <a 2162 id="HeaderDrawer-marketing-solutions-growth-packages-transformation" 2163 href="/products/transformation" 2164 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 2165 2166 > 2167 2168 <span class="menu-drawer__menu-item-text wrap-text">Transformation</span> 2169 </a> 2170 </li></ul> 2171 </details> 2172 </accordion-custom> 2173 </li><li 2174 class=" 2175 menu-drawer__list-item 2176 menu-drawer__list-item--deep menu-drawer__list-item--divider 2177 " 2178 > 2179 2180<accordion-custom > 2181 2182 <details 2183 id="Details-menu-drawer-marketing-solutions-design-packages" 2184 > 2185 <summary 2186 id="HeaderDrawer-marketing-solutions-design-packages" 2187 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 2188 > 2189 <a 2190 href="/collections/design-packages" 2191 class="menu-drawer__menu-item-text wrap-text" 2192 > Design Packages </a> 2193
2194 <span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2195 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 2196 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 2197</svg> 2198</span> 2199 </summary> 2200 2201 2202 2203 <ul 2204 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 2205 role="list" 2206 tabindex="-1" 2207 ><li 2208 class="menu-drawer__list-item" 2209 style="--menu-drawer-animation-index: 1;" 2210 > 2211 <a 2212 id="HeaderDrawer-marketing-solutions-design-packages-essential" 2213 href="#" 2214 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 2215 2216 > 2217 2218 <span class="menu-drawer__menu-item-text wrap-text">Essential</span> 2219 </a> 2220 </li><li 2221 class="menu-drawer__list-item" 2222 style="--menu-drawer-animation-index: 2;" 2223 > 2224 <a 2225 id="HeaderDrawer-marketing-solutions-design-packages-professional" 2226 href="/products/professional-website-plan" 2227 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 2228 2229 > 2230 2231 <span class="menu-drawer__menu-item-text wrap-text">Professional</span> 2232 </a> 2233 </li><li 2234 class="menu-drawer__list-item" 2235 style="--menu-drawer-animation-index: 3;" 2236 > 2237 <a 2238 id="HeaderDrawer-marketing-solutions-design-packages-growth" 2239 href="#" 2240 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 2241 2242 > 2243 2244 <span class="menu-drawer__menu-item-text wrap-text">Growth</span> 2245 </a> 2246 </li><li 2247 class="menu-drawer__list-item" 2248 style="--menu-drawer-animation-index: 4;" 2249 > 2250 <a 2251 id="HeaderDrawer-marketing-solutions-design-packages-business" 2252 href="#" 2253 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 2254 2255 > 2256
2257 <span class="menu-drawer__menu-item-text wrap-text">Business</span> 2258 </a> 2259 </li><li 2260 class="menu-drawer__list-item" 2261 style="--menu-drawer-animation-index: 5;" 2262 > 2263 <a 2264 id="HeaderDrawer-marketing-solutions-design-packages-premier" 2265 href="#" 2266 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 2267 2268 > 2269 2270 <span class="menu-drawer__menu-item-text wrap-text">Premier</span> 2271 </a> 2272 </li><li 2273 class="menu-drawer__list-item" 2274 style="--menu-drawer-animation-index: 6;" 2275 > 2276 <a 2277 id="HeaderDrawer-marketing-solutions-design-packages-custom" 2278 href="#" 2279 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 2280 2281 > 2282 2283 <span class="menu-drawer__menu-item-text wrap-text">Custom</span> 2284 </a> 2285 </li></ul> 2286 </details> 2287 </accordion-custom> 2288 </li><li 2289 class=" 2290 menu-drawer__list-item 2291 menu-drawer__list-item--deep menu-drawer__list-item--divider 2292 " 2293 > 2294 2295<accordion-custom > 2296 2297 <details 2298 id="Details-menu-drawer-marketing-solutions-industry-platforms" 2299 > 2300 <summary 2301 id="HeaderDrawer-marketing-solutions-industry-platforms" 2302 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 2303 > 2304 <a 2305 href="/pages/our-platforms" 2306 class="menu-drawer__menu-item-text wrap-text" 2307 >Industry Platforms </a> 2308 2309 <span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2310 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 2311 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 2312</svg> 2313</span> 2314 </summary> 2315 2316 2317 2318 <ul 2319 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 2320 role="list" 2321 tabindex="-1" 2322 ><li 2323 class="menu-drawer__list-item" 2324 style="--menu-drawer-animation-index: 1;" 2325 > 2326 <a 2327 id="HeaderDrawer-marketing-solutions-industry-platforms-waterdealer-com" 2328 href="https://www.waterdealer.com/join" 2329 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 2330 2331 > 2332
2333 <span class="menu-drawer__menu-item-text wrap-text"> WaterDealer.com </span> 2334 </a> 2335 </li><li 2336 class="menu-drawer__list-item" 2337 style="--menu-drawer-animation-index: 2;" 2338 > 2339 <a 2340 id="HeaderDrawer-marketing-solutions-industry-platforms-servicedealer-com" 2341 href="https://www.servicedealer.com/join" 2342 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 2343 2344 > 2345 2346 <span class="menu-drawer__menu-item-text wrap-text"> ServiceDealer.com </span> 2347 </a> 2348 </li><li 2349 class="menu-drawer__list-item" 2350 style="--menu-drawer-animation-index: 3;" 2351 > 2352 <a 2353 id="HeaderDrawer-marketing-solutions-industry-platforms-builddealer-com" 2354 href="https://www.builddealer.com/" 2355 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 2356 2357 > 2358 2359 <span class="menu-drawer__menu-item-text wrap-text">BuildDealer.com</span> 2360 </a> 2361 </li><li 2362 class="menu-drawer__list-item" 2363 style="--menu-drawer-animation-index: 4;" 2364 > 2365 <a 2366 id="HeaderDrawer-marketing-solutions-industry-platforms-installdealer-com" 2367 href="https://www.installdealer.com/" 2368 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 2369 2370 > 2371 2372 <span class="menu-drawer__menu-item-text wrap-text">InstallDealer.com</span> 2373 </a> 2374 </li><li 2375 class="menu-drawer__list-item" 2376 style="--menu-drawer-animation-index: 5;" 2377 > 2378 <a 2379 id="HeaderDrawer-marketing-solutions-industry-platforms-ecodealer-com" 2380 href="http://ecodealer.com/" 2381 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 2382 2383 > 2384 2385 <span class="menu-drawer__menu-item-text wrap-text">EcoDealer.com</span> 2386 </a> 2387 </li></ul> 2388 </details> 2389 </accordion-custom> 2390 </li></ul> 2391 2392 </div> 2393 </div> 2394 </details></li> 2395 <li 2396 class="menu-drawer__list-item" 2397 style="--menu-drawer-animation-index: 3;" 2398 ><details 2399 id="Details-menu-drawer-menu-item-3" 2400 class="menu-drawer__menu-container menu-drawer__menu-container--divider" 2401 > 2402 <summary 2403 id="HeaderDrawer-resources" 2404 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2405 > 2406 <!-- Link --> 2407 <a href="#" class="menu-drawer__menu-item-text wrap-text"> 2408 Resources 2409 </a> 2410 <div class="icon-caret icon-caret--forward" on:click="header-drawer/open"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2411 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2412</svg> 2413</div> 2414 </summary> 2415 2416 <div 2417 id="link-resources" 2418 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2419 tabindex="-1" 2420 style="--menu-drawer-animation-index: 3;" 2421 > 2422 <div class="menu-drawer__inner-submenu"> 2423 <div class="menu-drawer__nav-buttons"> 2424 <button 2425 class="button menu-drawer__back-button focus-inset" 2426 aria-expanded="true" 2427 on:click="header-drawer/back" 2428 aria-label="Back" 2429 >
2430 <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2431 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2432</svg> 2433</span> 2434 <span class="menu-drawer__menu-item-text wrap-text">Resources</span> 2435 </button> 2436 <button 2437 class="button button-unstyled close-button menu-drawer__close-button" 2438 type="button" 2439 aria-label="Close" 2440 on:click="header-drawer/close" 2441 > 2442 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2443 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2444 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2445</svg> 2446</span> 2447 </button> 2448 </div> 2449 2450 <ul 2451 class="menu-drawer__menu menu-drawer__menu--childlist" 2452 role="list" 2453 tabindex="-1" 2454 > 2455 <li 2456 class=" 2457 menu-drawer__list-item 2458 menu-drawer__list-item--divider 2459 " 2460 ><a 2461 id="HeaderDrawer-resources-directories" 2462 href="/pages/our-platforms" 2463 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 2464 2465 > 2466 2467 <span class="menu-drawer__menu-item-text wrap-text"> Directories </span> 2468 </a></li><li 2469 class=" 2470 menu-drawer__list-item 2471 menu-drawer__list-item--divider 2472 " 2473 ><a 2474 id="HeaderDrawer-resources-blog-articles" 2475 href="#" 2476 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 2477 2478 > 2479 2480 <span class="menu-drawer__menu-item-text wrap-text">Blog Articles</span> 2481 </a></li><li 2482 class=" 2483 menu-drawer__list-item 2484 menu-drawer__list-item--divider 2485 " 2486 ><a 2487 id="HeaderDrawer-resources-download-app" 2488 href="#" 2489 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 2490 2491 > 2492 2493 <span class="menu-drawer__menu-item-text wrap-text">Download App</span> 2494 </a></li><li 2495 class=" 2496 menu-drawer__list-item 2497 menu-drawer__list-item--divider 2498 " 2499 ><a 2500 id="HeaderDrawer-resources-newsletter" 2501 href="#" 2502 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 2503 2504 > 2505
2506 <span class="menu-drawer__menu-item-text wrap-text">Newsletter</span> 2507 </a></li><li 2508 class=" 2509 menu-drawer__list-item 2510 menu-drawer__list-item--divider 2511 " 2512 ><a 2513 id="HeaderDrawer-resources-affiliate-program" 2514 href="/pages/affiliate" 2515 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 2516 2517 > 2518 2519 <span class="menu-drawer__menu-item-text wrap-text">Affiliate Program</span> 2520 </a></li></ul> 2521 2522 </div> 2523 </div> 2524 </details></li> 2525 <li 2526 class="menu-drawer__list-item" 2527 style="--menu-drawer-animation-index: 4;" 2528 ><details 2529 id="Details-menu-drawer-menu-item-4" 2530 class="menu-drawer__menu-container menu-drawer__menu-container--divider" 2531 > 2532 <summary 2533 id="HeaderDrawer-about-us" 2534 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2535 > 2536 <!-- Link --> 2537 <a href="#" class="menu-drawer__menu-item-text wrap-text"> 2538 About Us 2539 </a> 2540 <div class="icon-caret icon-caret--forward" on:click="header-drawer/open"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2541 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2542</svg> 2543</div> 2544 </summary> 2545 2546 <div 2547 id="link-about-us" 2548 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2549 tabindex="-1" 2550 style="--menu-drawer-animation-index: 4;" 2551 > 2552 <div class="menu-drawer__inner-submenu"> 2553 <div class="menu-drawer__nav-buttons"> 2554 <button 2555 class="button menu-drawer__back-button focus-inset" 2556 aria-expanded="true" 2557 on:click="header-drawer/back" 2558 aria-label="Back" 2559 > 2560 <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2561 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2562</svg> 2563</span> 2564 <span class="menu-drawer__menu-item-text wrap-text">About Us</span> 2565 </button> 2566 <button 2567 class="button button-unstyled close-button menu-drawer__close-button" 2568 type="button" 2569 aria-label="Close" 2570 on:click="header-drawer/close" 2571 > 2572 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2573 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2574 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2575</svg> 2576</span> 2577 </button> 2578 </div> 2579 2580 <ul 2581 class="menu-drawer__menu menu-drawer__menu--childlist" 2582 role="list" 2583 tabindex="-1" 2584 > 2585 <li 2586 class=" 2587 menu-drawer__list-item 2588 menu-drawer__list-item--divider 2589 " 2590 ><a 2591 id="HeaderDrawer-about-us-why-stage-3" 2592 href="/pages/why-stage-3" 2593 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 2594 2595 > 2596
2597 <span class="menu-drawer__menu-item-text wrap-text">Why Stage 3?</span> 2598 </a></li><li 2599 class=" 2600 menu-drawer__list-item 2601 menu-drawer__list-item--divider 2602 " 2603 ><a 2604 id="HeaderDrawer-about-us-contact" 2605 href="/pages/contact-us" 2606 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 2607 2608 > 2609 2610 <span class="menu-drawer__menu-item-text wrap-text">Contact</span> 2611 </a></li><li 2612 class=" 2613 menu-drawer__list-item 2614 menu-drawer__list-item--divider 2615 " 2616 ><a 2617 id="HeaderDrawer-about-us-partners" 2618 href="/pages/partners" 2619 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 2620 2621 > 2622 2623 <span class="menu-drawer__menu-item-text wrap-text">Partners</span> 2624 </a></li><li 2625 class=" 2626 menu-drawer__list-item 2627 menu-drawer__list-item--divider 2628 " 2629 ><a 2630 id="HeaderDrawer-about-us-associations" 2631 href="/pages/associations" 2632 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 2633 2634 > 2635 2636 <span class="menu-drawer__menu-item-text wrap-text">Associations</span> 2637 </a></li></ul> 2638 2639 </div> 2640 </div> 2641 </details></li> 2642 <li 2643 class="menu-drawer__list-item" 2644 style="--menu-drawer-animation-index: 5;" 2645 ><a 2646 id="HeaderDrawer-client-login" 2647 href="https://grow.servicedealer.com/customer_authentication/login?return_to=%2F404&locale=en&ui_hint=full" 2648 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2649 2650 > 2651 <span class="menu-drawer__menu-item-text wrap-text">
2651Client Login</span> 2652 </a></li> 2653 </ul> 2654 </nav> 2655 <div 2656 class="menu-drawer__utility-links menu-drawer__animated-element" 2657 style="--menu-drawer-animation-index: 5;" 2658 > 2659 2660 </div> 2661 2662 2663 </div> 2664 <div 2665 class="menu-drawer__backdrop" 2666 on:click="header-drawer/close" 2667 ></div> 2668 </details> 2669</header-drawer> 2670 2671 2672 2673 </div> 2674 2675 2676 2677 2678 2679 2680 2681 2682 2683 2684 2685 2686 2687 2688 2689 2690 2691 2692 2693 2694 2695<a 2696 2697 href="/" 2698 class="size-style spacing-style header-logo" 2699 style=" 2700 --size-style-width: ;--size-style-height: ; 2701 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 2702 --font-family: var(--font-body--family); 2703 --font-style: var(--font-body--style); 2704 --font-weight: 600; 2705 " 2706 2707> 2708 2709 2710 <span 2711 class="header-logo__image-container header-logo__image-container--original" 2712 data-testid="header-logo" 2713 > 2714 2715 2716 2717 2718 2719 2720 2721 2722 2723 2724 2725 <img src="//www.stage3innovations.com/cdn/shop/files/s3innovations-white-logo-01-1.svg?height=64&v=1786348679" alt="" width="225" height="64" class="header-logo__image" srcset="//www.stage3innovations.com/cdn/shop/files/s3innovations-white-logo-01-1.svg?height=64&v=1786348679 1x, //www.stage3innovations.com/cdn/shop/files/s3innovations-white-logo-01-1.svg?height=128&v=1786348679 2x, //www.stage3innovations.com/cdn/shop/files/s3innovations-white-logo-01-1.svg?height=192&v=1786348679 3x" style="--header-logo-image-width: 226px;--header-logo-image-width-mobile: 78px; --header-logo-image-height: 64px; --header-logo-image-height-mobile: 22px;"> 2726 2727 2728 </span> 2729 2730 2731 <span 2732 class="header-logo__image-container header-logo__image-container--inverse" 2733 data-testid="header-logo-inverse" 2734 > 2735 2736 2737 2738 2739 2740 2741 2742 2743 2744 2745 2746 <img src="//www.stage3innovations.com/cdn/shop/files/s3innovations-white-logo-01-1.svg?height=64&v=1786348679" alt="" width="225" height="64" class="header-logo__image" srcset="//www.stage3innovations.com/cdn/shop/files/s3innovations-white-logo-01-1.svg?height=64&v=1786348679 1x, //www.stage3innovations.com/cdn/shop/files/s3innovations-white-logo-01-1.svg?height=128&v=1786348679 2x, //www.stage3innovations.com/cdn/shop/files/s3innovations-white-logo-01-1.svg?height=192&v=1786348679 3x" style="--header-logo-image-width: 226px;--header-logo-image-width-mobile: 78px; --header-logo-image-height: 64px; --header-logo-image-height-mobile: 22px;"> 2747 2748 2749 </span> 2750 2751</a> 2752 2753 2754 2755 2756 2757 2758 2759 2760 </div><div 2761 class="header__column header__column--center" 2762 data-testid="header-top-center" 2763 > 2764 2765 2766 2767 2768 2769 2770 2771 2772 2773 2774 <header-menu 2775 2776 2777 > 2778 <div class="header-menu__inner"> 2779 <nav header-menu class="navbar navbar-expand-lg navbar-light"> 2780 <ul class="navbar-nav me-auto mb-2 mb-lg-0"> 2781 2782 2783 <li class="nav-item dropdown"> 2784 <a href="/pages/the-growth-system" class="nav-link dropdown-toggle"> Growth System<sup>TM</sup> </a> 2785 <ul class="dropdown-menu-1" aria-labelledby="navbarDropdown"> 2786 <li><a href="/pages/digital-marketing" class="nav-link"> Digital Marketing </a></li> 2787 <li><a href="/pages/social-media" class="nav-link"> Social Media </a></li> 2788 <li><a href="/pages/content-production" class="nav-link"> Content Production </a></li> 2789 <li><a href="/pages/e-commerce-marketing" class="nav-link"> E-Commerce Marketing </a></li> 2790 <li><a href="/pages/branding-design" class="nav-link"> Branding & Design </a></li> 2791 <li><a href="/pages/analytics-insights" class="nav-link"> Analytics & Insights </a></li> 2792 </ul> 2793 </li> 2794 2795 2796 2797 2798 <li class="nav-item dropdown"> 2799 <a class="nav-link dropdown-toggle" href="#">Marketing Solutions</a> 2800 <ul class="dropdown-menu-1" aria-labelledby="navbarDropdown"> 2801 2802 <li class="dropdown"> 2803 <a href="/collections/packages" class="nav-link"> Growth Packages </a> 2804 <ul class="dropdown-menu-1" aria-labelledby="navbarDropdown"> 2805 <li><a href="/products/foundation" class="nav-link"> Foundation </a></li> 2806 <li><a href="/products/builder" class="nav-link"> Builder </a></li> 2807 <li><a href="/products/accelerator" class="nav-link"> Accelerator </a></li> 2808 <li><a href="/products/expansion" class="nav-link"> Expansion </a></li> 2809 <li><a href="/products/enterprise" class="nav-link"> Enterprise </a></li> 2810 <li><a href="/products/transformation" class="nav-link"> Transformation </a></li> 2811 </ul> 2812 </li> 2813 2814 <li class="dropdown"> 2815 <a href="/collections/design-packages" class="nav-link"> Design Packages </a> 2816 <ul class="dropdown-menu-1" aria-labelledby="navbarDropdown"> 2817 <li><a href="#" class="nav-link">
2817 Essential </a></li> 2818 <li><a href="/products/professional-website-plan" class="nav-link"> Professional </a></li> 2819 <li><a href="#" class="nav-link"> Growth </a></li> 2820 <li><a href="#" class="nav-link"> Business </a></li> 2821 <li><a href="#" class="nav-link"> Premier </a></li> 2822 <li><a href="#" class="nav-link"> Custom </a></li> 2823 </ul> 2824 </li> 2825 2826 <li class="dropdown"> 2827 <a href="/pages/our-platforms" class="nav-link"> Industry Platforms </a> 2828 <ul class="dropdown-menu-1" aria-labelledby="navbarDropdown"> 2829 <li><a href="https://www.waterdealer.com/join" target="_blank" class="nav-link"> WaterDealer.com </a></li> 2830 <li><a href="https://www.servicedealer.com/join" target="_blank" class="nav-link"> ServiceDealer.com </a></li> 2831 <li><a href="https://www.builddealer.com/" target="_blank" class="nav-link"> BuildDealer.com </a></li> 2832 <li><a href="https://www.installdealer.com/" target="_blank" class="nav-link"> InstallDealer.com </a></li> 2833 <li><a href="http://www.ecodealer.com/" target="_blank" class="nav-link"> EcoDealer.com </a></li> 2834 </ul> 2835 </li> 2836 2837 </ul> 2838 </li> 2839 2840 <li class="nav-item dropdown"> 2841 <a class="nav-link dropdown-toggle" href="#">Resources</a> 2842 <ul class="dropdown-menu-1" aria-labelledby="navbarDropdown"> 2843 <li><a href="/pages/our-platforms" class="nav-link"> Directories </a></li> 2844 <li><a href="#" class="nav-link"> Blog Articles </a></li> 2845 <li><a href="#" class="nav-link"> Download Apps </a></li> 2846 <li><a href="#" class="nav-link"> Newsletter </a></li> 2847 <li><a href="/pages/affiliate" class="nav-link"> Affiliate Program </a></li> 2848 </ul> 2849 </li> 2850 <li class="nav-item dropdown d-none hidden"> 2851 <a class="nav-link dropdown-toggle" href="#"> 2852 Directory 2853 </a> 2854 <ul class="dropdown-menu-1" aria-labelledby="navbarDropdown"> 2855 <li><a class="nav-link" href="https://www.servicedealer.com" target="_blank">ServiceDealer.com</a></li> 2856 </ul> 2857 </li> 2858 <li class="nav-item dropdown"> 2859 <a class="nav-link dropdown-toggle" href="#">About Us</a> 2860 <ul class="dropdown-menu-1" aria-labelledby="navbarDropdown"> 2861 <li><a href="/pages/why-stage-3" class="nav-link"> Why Stage 3? </a></li> 2862 <!--<li><a href="https://player.vimeo.com/video/1178799391" class="nav-link popup-vimeo"> Watch Our Work </a></li>--> 2863 <li><a href="https://player.vimeo.com/video/1220120686" class="nav-link popup-vimeo"> Stage 3 Growth System </a></li> 2864 <li><a href="/pages/contact-us" class="nav-link"> Contact </a></li> 2865 <li><a href="/pages/partners" class="nav-link"> Partners </a></li> 2866 <li><a href="/pages/associations" class="nav-link">Associations </a></li> 2867 </ul> 2868 </li> 2869 <li class="nav-item"> 2870 <a class="nav-link" href="https://grow.servicedealer.com/customer_authentication/login?return_to=%2F&locale=en&ui_hint=full"> 2871 Client Login 2872 </a> 2873 </li> 2874 </ul> 2875 </nav> 2876 </div> 2877 2878 2879 </header-menu> 2880 2881 2882 2883 2884 2885 2886 2887 </div><div 2888 class="header__column header__column--right" 2889 data-testid="header-top-right" 2890 > 2891 2892 2893 2894 2895 2896 2897 2898 2899 2900 2901 2902 2903 2904 2905 2906 2907 2908 2909 2910 2911 2912
2912<script 2913 type="module" 2914 src="//www.stage3innovations.com/cdn/shop/t/4/assets/cart-icon.js?v=157241182139685326961767711864" 2915 fetchpriority="low" 2916></script>
2916 2917 2918 2919 2920 2921 2922 2923 <a href="/pages/contact-us" class="header-top-btn"> 2924  Contact  2925 </a> 2926 2927 2928<header-actions 2929
2929<script 2930 src="//www.stage3innovations.com/cdn/shop/t/4/assets/dialog.js?v=61774032287387761671767711867" 2931 type="module" 2932 ></script>
2932 2933 2934 <anchored-popover-component 2935 data-close-on-resize="true" 2936 class="account-popover" 2937 > 2938 <button 2939 class="account-button header-actions__action" 2940 aria-label="Account" 2941 aria-haspopup="dialog"popovertarget="account-popover" 2942 popovertargetaction="toggle"ref="trigger" 2943 2944><span 2945 class="account-button__icon" 2946 aria-hidden="true" 2947 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg> 2948</span></button> 2949 2950 2951 2952 <div 2953 class="account-popover__panel details-content color-scheme-1" 2954 id="account-popover" 2955 popover="auto" 2956 ref="popover" 2957 > 2958 <div class="account-actions"> 2959 <div class="account-actions__main-menu"> 2960 <header class="account-actions__header"> 2961 <h2 2962 id="account-drawer-heading" 2963 class="account-actions__title h5" 2964 > 2965 2966 Account 2967 2968 </h2> 2969 2970 </header> 2971 2972 2973 <div 2974 class="account-actions__sign-ins" 2975 data-skip-subtree-update="true" 2976 > 2977
2977<script 2978 src="//www.stage3innovations.com/cdn/shop/t/4/assets/account-login-actions.js?v=132624473766457443991767711864" 2979 type="module" 2980 fetchpriority="low" 2981 ></script>
2981 2982 <account-login-actions class="account-actions__shop-login"> 2983
2983<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
vendor: 1 bytes, line 2983
2983
2984<script type="module"> 2985 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"); 2986 2987 2988</script>
2988 2989 2990<shop-login-button ux-mode="windoid" return-uri="https://www.stage3innovations.com/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button> 2991 2992 </account-login-actions> 2993 2994 <a 2995 href="/customer_authentication/login?return_to=%2F&locale=en&ui_hint=full®ion_country=US" 2996 class="account-actions__link button" 2997 > 2998 <span class="account-actions__sign-in-text"> 2999 Other sign in options 3000 </span> 3001 <span class="account-actions__fallback-text"> 3002 Sign in 3003 </span> 3004 </a> 3005 </div> 3006 3007 3008 <nav class="account-actions__nav"> 3009 <ul class="account-actions__list"> 3010 <li class="account-actions__list-item"> 3011 <a 3012 href="/account" 3013 class="account-actions__link button-secondary" 3014 > 3015 <span 3016 class="account-actions__icon" 3017 aria-hidden="true" 3018 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"> 3019 <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/> 3020 <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/> 3021</svg> 3022</span> 3023 Orders 3024 </a> 3025 </li> 3026 <li class="account-actions__list-item"> 3027 <a 3028 href="/account/addresses" 3029 class="account-actions__link button-secondary" 3030 > 3031 <span 3032 class="account-actions__icon" 3033 aria-hidden="true" 3034 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg> 3035</span> 3036 Profile 3037 </a> 3038 </li> 3039 </ul> 3040 </nav> 3041 </div> 3042</div> 3043 3044 3045 3046 </div> 3047 </anchored-popover-component> 3048 3049 <dialog-component 3050 class="account-drawer" 3051 3052 > 3053 <button 3054 class="account-button header-actions__action" 3055 aria-label="Account" 3056 aria-haspopup="dialog"ref="trigger"
3057 on:click="/showDialog" 3058><span 3059 class="account-button__icon" 3060 aria-hidden="true" 3061 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg> 3062</span></button> 3063 3064 3065 3066 <dialog 3067 ref="dialog" 3068 class="color-scheme-1 dialog-modal dialog-drawer dialog-bottom-sheet account-drawer__dialog" 3069 scroll-lock 3070 aria-labelledby="account-drawer-heading" 3071 > 3072 <button 3073 ref="closeButton" 3074 on:click="/closeDialog" 3075 class="button button-unstyled close-button account-drawer__close-button" 3076 aria-label="Close dialog" 3077 autofocus 3078 > 3079 <span 3080 class="svg-wrapper" 3081 aria-hidden="true" 3082 ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3083 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3084 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3085</svg> 3086</span> 3087 </button> 3088 <div class="account-actions"> 3089 <div class="account-actions__main-menu"> 3090 <header class="account-actions__header"> 3091 <h2 3092 id="account-drawer-heading" 3093 class="account-actions__title h5" 3094 > 3095 3096 Account 3097 3098 </h2> 3099 3100 </header> 3101 3102 3103 <div 3104 class="account-actions__sign-ins" 3105 data-skip-subtree-update="true" 3106 > 3107
3107<script 3108 src="//www.stage3innovations.com/cdn/shop/t/4/assets/account-login-actions.js?v=132624473766457443991767711864" 3109 type="module" 3110 fetchpriority="low" 3111 ></script>
3111 3112 <account-login-actions class="account-actions__shop-login"> 3113
3113<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
vendor: 1 bytes, line 3113
3113
3114<script type="module"> 3115 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"); 3116 3117 3118</script>
3118 3119 3120<shop-login-button ux-mode="windoid" return-uri="https://www.stage3innovations.com/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button> 3121 3122 </account-login-actions> 3123 3124 <a 3125 href="/customer_authentication/login?return_to=%2F&locale=en&ui_hint=full®ion_country=US" 3126 class="account-actions__link button" 3127 > 3128 <span class="account-actions__sign-in-text"> 3129 Other sign in options 3130 </span> 3131 <span class="account-actions__fallback-text"> 3132 Sign in 3133 </span> 3134 </a> 3135 </div> 3136 3137 3138 <nav class="account-actions__nav"> 3139 <ul class="account-actions__list"> 3140 <li class="account-actions__list-item"> 3141 <a 3142 href="/account" 3143 class="account-actions__link button-secondary" 3144 > 3145 <span 3146 class="account-actions__icon" 3147 aria-hidden="true" 3148 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"> 3149 <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/> 3150 <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/> 3151</svg> 3152</span> 3153 Orders 3154 </a> 3155 </li> 3156 <li class="account-actions__list-item"> 3157 <a 3158 href="/account/addresses" 3159 class="account-actions__link button-secondary" 3160 > 3161 <span 3162 class="account-actions__icon" 3163 aria-hidden="true" 3164 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg> 3165</span> 3166 Profile 3167 </a> 3168 </li> 3169 </ul> 3170 </nav> 3171 </div> 3172</div> 3173 3174 3175 3176 </dialog> 3177 </dialog-component> 3178 3179 3180 3181
3181<script 3182 src="//www.stage3innovations.com/cdn/shop/t/4/assets/cart-drawer.js?v=60516533948368149871767711867" 3183 type="module" 3184 fetchpriority="low" 3185 ></script>
3185 3186 3187 <cart-drawer-component 3188 class="cart-drawer" 3189 3190 3191 auto-open 3192 3193 > 3194 <button 3195 class="button header-actions__action button-unstyled" 3196 on:click="/open" 3197 aria-haspopup="dialog" 3198 aria-label="Cart" 3199 aria-describedby="cart-bubble-text" 3200 data-testid="cart-drawer-trigger" 3201 > 3202 3203 <cart-icon 3204 class=" 3205 header-actions__cart-icon 3206 3207 " 3208 data-testid="cart-icon" 3209 > 3210 <span 3211 class="svg-wrapper" 3212 aria-hidden="true" 3213 > 3214 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg> 3215 3216 </span> 3217 3218 <div 3219 ref="cartBubble" 3220 class="cart-bubble visually-hidden" 3221 3222 3223 data-maintain-ratio 3224 3225> 3226 <span class="cart-bubble__background"></span> 3227 <span 3228 ref="cartBubbleText" 3229 id="cart-bubble-text" 3230 class="cart-bubble__text" 3231 3232 role="status" 3233 3234 > 3235 <span class="visually-hidden">Total items in cart: 0 3236 </span> 3237 <span 3238 class="cart-bubble__text-count hidden" 3239 ref="cartBubbleCount" 3240 aria-hidden="true" 3241 data-testid="cart-bubble" 3242 > 32430</span> 3244 </span> 3245</div> 3246 3247 </cart-icon> 3248 3249 </button> 3250 3251 <dialog 3252 ref="dialog" 3253 class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty" 3254 aria-labelledby="cart-drawer-heading-empty" 3255 scroll-lock 3256 cart-summary-sticky="true" 3257 > 3258 <div class="cart-drawer__inner"> 3259 <cart-items-component 3260 class="cart-items-component" 3261 data-section-id="sections--19985877401654__header_section" 3262 ><div class="cart-drawer__header"> 3263 <button 3264 ref="closeButton" 3265 on:click="cart-drawer-component/close" 3266 class="button close-button cart-drawer__close-button button-unstyled" 3267 aria-label="Close dialog" 3268 > 3269 <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3270 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3271 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3272</svg> 3273</span> 3274 </button> 3275 </div> 3276 3277 <div 3278 class="cart-drawer__content motion-reduce" 3279 aria-label="Cart" 3280 > 3281 <h2 3282 class="cart-drawer__heading h4 cart-drawer__heading--empty" 3283 id="cart-drawer-heading-empty" 3284 > 3285 Your cart is empty 3286 </h2> 3287 3288 <div class="cart-drawer__items"> 3289 3290
3291<script 3292 src="//www.stage3innovations.com/cdn/shop/t/4/assets/component-cart-items.js?v=47090504063697747641767711865" 3293 type="module" 3294 fetchpriority="low" 3295></script>
vendor: 1 bytes, line 3295
3295
3296<script 3297 src="//www.stage3innovations.com/cdn/shop/t/4/assets/component-cart-quantity-selector.js?v=105130809908858639751767711865" 3298 type="module" 3299 fetchpriority="low" 3300></script>
vendor: 1 bytes, line 3300
3300
3301<script 3302 src="//www.stage3innovations.com/cdn/shop/t/4/assets/volume-pricing-info.js?v=94479640769665442661767711866" 3303 type="module" 3304 fetchpriority="low" 3305></script>
3305 3306 3307<div 3308 3309 class="cart-items__wrapper" 3310 3311> 3312 3313<p> 3314 Have an account? <a href="https://www.stage3innovations.com/customer_authentication/redirect?locale=en®ion_country=US">Log in</a> to check out faster. 3315 </p><a 3316 class="button cart-items__empty-button" 3317 href="/collections/all" 3318 > 3319 Continue shopping 3320 </a></div> 3321 3322 3323 3324 </div> 3325 </div></cart-items-component> 3326 </div> 3327 </dialog> 3328 </cart-drawer-component> 3329 3330</header-actions> 3331 3332 3333 3334 3335 3336 3337 </div> 3338 </div> 3339 </div> 3340 3341 3342 3343 3344 3345 3346 3347 3348 3349 3350 3351 <div class="header__row header__row--mobile desktop:hidden color-scheme-1"> 3352 3353 3354 3355 3356 <div 3357 class="menu-list menu-list--mobile" 3358 style="--menu-horizontal-gap: 15px; --mobile-nav-margin: auto;" 3359 > 3360 <div class="menu-list__scroll-container"> 3361 <ul 3362 class="menu-list__list list-unstyled" 3363 role="list" 3364 > 3365 3366 <li> 3367 <a 3368 href="/pages/the-growth-system" 3369 id="MenuItem-growth-system™" 3370 class="menu-list__item" 3371 3372 > Growth System™</a> 3373 </li> 3374 3375 <li> 3376 <a 3377 href="#" 3378 id="MenuItem-marketing-solutions" 3379 class="menu-list__item" 3380 3381 >Marketing Solutions</a> 3382 </li> 3383 3384 <li> 3385 <a 3386 href="#" 3387 id="MenuItem-resources" 3388 class="menu-list__item" 3389 3390 >Resources</a> 3391 </li> 3392 3393 <li> 3394 <a 3395 href="#" 3396 id="MenuItem-about-us" 3397 class="menu-list__item" 3398 3399 >About Us</a> 3400 </li> 3401 3402 <li> 3403 <a 3404 href="https://grow.servicedealer.com/customer_authentication/login?return_to=%2F404&locale=en&ui_hint=full" 3405 id="MenuItem-client-login" 3406 class="menu-list__item" 3407 3408 >Client Login</a> 3409 </li> 3410 3411 </ul> 3412 </div> 3413 </div> 3414 3415 3416 3417 3418 3419 </div> 3420 3421</header-component> 3422
3423<script 3424 src="//www.stage3innovations.com/cdn/shop/t/4/assets/header.js?v=155792906110242140481767711864" 3425 type="module" 3426></script>
3426 3427 3428 3429 3430 3431
3431<script type="module"> 3432 import { hydrate } from '@theme/section-hydration'; 3433 const url = new URL(window.location.href); 3434 url.searchParams.delete('page'); 3435 hydrate('sections--19985877401654__header_section', url); 3436 </script>
3436 3437 3438 3439 3440</header><div id="shopify-section-sections--19985877401654__1778505327fe2d31bf" class="shopify-section shopify-section-group-header-group section-wrapper"> 3441 3442 3443 3444<div class="section-background color-scheme-1"></div> 3445<div 3446 class="section section--page-width color-scheme-1" 3447 data-testid="ui-test-section" 3448 3449 3450 3451 style=" 3452 3453 3454 3455 " 3456> 3457 <div class="custom-section-background"> 3458 3459 3460 3461 3462 </div> 3463 3464 <div 3465 class="border-style custom-section-content" 3466 style="--border-width: 1px; --border-style: none; --border-color: 3467rgb(var(--color-border-rgb) / 1.0); --border-radius: 34680px; 3469" 3470 > 3471 3472 3473 <div 3474 class=" 3475 spacing-style 3476 layout-panel-flex 3477 layout-panel-flex--column 3478 section-content-wrapper 3479 mobile-column 3480 " 3481 style=" 3482 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 3483 3484--gap: 12px; 3485 3486--horizontal-alignment: flex-start; --vertical-alignment: center; 3487--vertical-alignment-mobile: center; 3488 3489 --padding-block-start: 0px;--padding-block-end: 0px; 3490 " 3491 data-testid="section-content" 3492 > 3493 3494 3495 3496 </div> 3497 </div> 3498</div> 3499 3500 3501 3502 3503 3504</div><div id="shopify-section-sections--19985877401654__17893795891c0af73b" class="shopify-section shopify-section-group-header-group section-wrapper"> 3505 3506 3507 3508<div class="section-background color-scheme-1"></div> 3509<div 3510 class="section section--page-width color-scheme-1" 3511 data-testid="ui-test-section" 3512 3513 3514 3515 style=" 3516 3517 3518 3519 " 3520> 3521 <div class="custom-section-background"> 3522 3523 3524 3525 3526 </div> 3527 3528 <div 3529 class="border-style custom-section-content" 3530 style="--border-width: 1px; --border-style: none; --border-color: 3531rgb(var(--color-border-rgb) / 1.0); --border-radius: 35320px; 3533" 3534 > 3535 3536 3537 <div 3538 class=" 3539 spacing-style 3540 layout-panel-flex 3541 layout-panel-flex--column 3542 section-content-wrapper 3543 mobile-column 3544 " 3545 style=" 3546 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 3547 3548--gap: 12px; 3549 3550--horizontal-alignment: flex-start; --vertical-alignment: center; 3551--vertical-alignment-mobile: center; 3552 3553 --padding-block-start: 0px;--padding-block-end: 0px; 3554 " 3555 data-testid="section-content" 3556 > 3557 3558 <div id="shopify-block-ANHNKdFhTcldOSFlmb__subi_subscriptions_app_block_rNrdBg" class="shopify-block shopify-app-block"> 3559 3560<div class="subify-app-block-wrapper product-"> 3561 3562 3563 <!-- BEGIN app snippet: early-add-to-cart-guard --> 3564
3564<script id="subi-early-add-to-cart-guard-"> 3565 (function () { 3566 const guard = (window.SubiEarlyCartGuard = window.SubiEarlyCartGuard || { products: {} }); 3567 guard.products[""] = { 3568 groupAppIds: {}, 3569 variantPlans: {}, 3570 }; 3571 3572 if (guard.registered) return; 3573 guard.registered = true; 3574 3575 const SUBI_APP_IDS = ['subify', 'subi', 'subify-alpha', 'subi-alpha', 'subify-beta', 'subi-beta', 'subify-e2e', 'SUBI_SLOT_APP_ID']; 3576 const INLINE_GLOBALS = ['SubifyConfig', 'SubiFixedBundles', 'SubiBuildBoxPlans', 'SubiVolumeDiscountPlans']; 3577 const GUARD_ATTRIBUTE = 'data-subi-early-guard'; 3578 const CART_ADD_PATH = /\/cart\/add\/?$/; 3579 const WIDGET_PLAN_EVENT = 'subify:sellingPlanChange'; 3580 const productsWithWidgetPlan = new Set(); 3581 3582 const postsToCartAdd = (form) => { 3583 const action = form.getAttribute('action'); 3584 return Boolean(action) && CART_ADD_PATH.test(new URL(action, window.location.href).pathname); 3585 }; 3586 3587 const productIdOf = (variantId) => 3588 Object.keys(guard.products).find((productId) => guard.products[productId].variantPlans[variantId]); 3589 3590 const subiPlanIdsOf = (productId, variantId) => { 3591 const product = guard.products[productId]; 3592 return product.variantPlans[variantId] 3593 .filter(([, groupId]) => SUBI_APP_IDS.includes(product.groupAppIds[groupId])) 3594 .map(([planId]) => String(planId)); 3595 }; 3596 3597 const withoutDrafts = (planIds) => { 3598 const config = window.SubifyConfig; 3599 if (config.preview_mode) return planIds; 3600 const drafts = (config.selling_plan_drafts || []).map(String); 3601 return planIds.filter((planId) => !drafts.includes(planId)); 3602 }; 3603 3604 const bundlePlanIds = () => 3605 [window.SubiFixedBundles, window.SubiBuildBoxPlans, window.SubiVolumeDiscountPlans] 3606 .flatMap((plans) => (Array.isArray(plans) ? plans : [])) 3607 .flatMap((plan) => plan.selling_plans || []) 3608 .map((sellingPlan) => String(sellingPlan.id)); 3609 3610 const defaultPlanId = (planIds) => { 3611 const recommended = (window.SubifyConfig.recommended_selling_plans || []).map(String); 3612 return planIds.find((planId) => recommended.includes(planId)) || planIds[0]; 3613 }; 3614 3615 const sellingPlanFields = (form) => Array.from(form.elements).filter((field) => field.name === 'selling_plan'); 3616 3617 const clearGuardFields = (form) => { 3618 sellingPlanFields(form) 3619 .filter((field) => field.hasAttribute(GUARD_ATTRIBUTE)) 3620 .forEach((field) => { 3621 if (field.getAttribute(GUARD_ATTRIBUTE) === 'added') return field.remove(); 3622 field.value = ''; 3623 field.removeAttribute(GUARD_ATTRIBUTE); 3624 }); 3625 }; 3626 3627 const carriesPlan = (data) => 3628 data.getAll('selling_plan').some((value) => value !== '') || data.has('properties[_volume_discount_plan_id]'); 3629 3630 const isEmptyTextField = (field) => 3631 field.tagName === 'INPUT' && !['checkbox', 'radio'].includes(field.type) && !field.disabled && field.value === ''; 3632 3633 const fillPlan = (form, data, planId) => { 3634 const postedEntries = data.getAll('selling_plan').length; 3635 if (postedEntries === 0) { 3636 const input = document.createElement('input'); 3637 Object.assign(input, { type: 'hidden', name: 'selling_plan', value: planId }); 3638 input.setAttribute(GUARD_ATTRIBUTE, 'added'); 3639 form.appendChild(input); 3640 return true; 3641 } 3642 const emptyField = sellingPlanFields(form).find(isEmptyTextField); 3643 if (postedEntries > 1 || !emptyField) return false; 3644 emptyField.value = planId; 3645 emptyField.setAttribute(GUARD_ATTRIBUTE, 'set'); 3646 return true; 3647 }; 3648 3649 const hold = (event) => { 3650 event.preventDefault(); 3651 event.stopImmediatePropagation(); 3652 }; 3653 3654 const guardSubmit = (event) => { 3655 const form = event.target; 3656 if (!(form instanceof HTMLFormElement) || !postsToCartAdd(form)) return; 3657 const variantId = String(new FormData(form).get('id')); 3658 const productId = productIdOf(variantId); 3659 const subiPlanIds = productId ? subiPlanIdsOf(productId, variantId) : []; 3660 if (!subiPlanIds.length) return; 3661 clearGuardFields(form); 3662 const data = new FormData(form); 3663 if (carriesPlan(data)) return; 3664 if (window.subifySdk) { 3665 if (!productsWithWidgetPlan.has(productId)) hold(event); 3666 return; 3667 } 3668 if (INLINE_GLOBALS.some((name) => typeof window[name] === 'undefined')) return hold(event); 3669 const planIds = withoutDrafts(subiPlanIds); 3670 if (!planIds.length) return; 3671 const bundlePlans = bundlePlanIds(); 3672 if (planIds.some((planId) => bundlePlans.includes(planId))) return hold(event); 3673 if (!fillPlan(form, data, defaultPlanId(planIds))) hold(event); 3674 }; 3675 3676 window.addEventListener(WIDGET_PLAN_EVENT, (event) => { 3677 if (event.detail) productsWithWidgetPlan.add(String(event.detail.targetProductId)); 3678 }); 3679 3680 document.addEventListener( 3681 'submit', 3682 (event) => { 3683 try { 3684 guardSubmit(event); 3685 } catch (error) { 3686 console.error('[subi] early add-to-cart guard', error); 3687 } 3688 }, 3689 true 3690 ); 3691 })(); 3692 </script>
3692 3693 3694<!-- END app snippet --> 3695 <!-- BEGIN app snippet: render-widget --> 3696 3697 3698
3698<script 3699 id="render-subify-widget-" 3700 > 3701 function initSubifyBlock() { 3702 3703 3704 function getSubscriptionTypeSelector (subscriptionType) { 3705 switch (subscriptionType) { 3706 case "membership": 3707 return 'subi-membership-app-block-wrapper'; 3708 case "fixed_bundle": 3709 return 'subi-fixed-bundle-app-block-wrapper'; 3710 case "volume_discount": 3711 return 'subi-volume-discount-app-block-wrapper'; 3712 case "product_subscription": 3713 return 'subify-app-block-wrapper'; 3714 } 3715 }; 3716 3717 const stableGetSubscriptionType = (product)=>{ 3718 let type = "product_subscription"; 3719 3720 if(window.SubiMemberships && window.SubiMemberships.find(membership=>membership.product_id === product.id)){ 3721 type = "membership"; 3722 } 3723 3724 return type; 3725 } 3726 3727 3728 3729 3730 function renderWidget() { 3731 const product = {"error":"json not allowed for this object"}; 3732 3733 3734 const productSubscriptionTypes = ["product_subscription"] 3735 3736 3737 const customSetting = { } ; 3738 3739 productSubscriptionTypes.forEach(subscriptionType => { 3740 const selector = `.${getSubscriptionTypeSelector(subscriptionType)}.product-`; 3741 3742 3743 3744 switch (subscriptionType) { 3745 case "product_subscription": 3746 subifySdk.renderWidget(product, { 3747 renderPosition: { 3748 wrapper: selector 3749 }, 3750 ...customSetting 3751 }) 3752 break; 3753 3754 case "membership": 3755 3756 subifySdk.renderMembershipWidget(product, { 3757 renderPosition: { 3758 wrapper: selector 3759 }, 3760 ...customSetting 3761 }) 3762 break; 3763 3764 case "fixed_bundle": 3765 subifySdk.renderFixedBundleWidget(product, { 3766 renderPosition: { 3767 wrapper: selector 3768 }, 3769 ...customSetting, 3770 }) 3771 break; 3772 3773 case "volume_discount": 3774 subifySdk.renderVolumeDiscountWidget(product, { 3775 renderPosition: { 3776 wrapper: selector 3777 }, 3778 ...customSetting 3779 }) 3780 break; 3781 } 3782 3783 }); 3784 } 3785 3786 if (window.subifySdk) { 3787 3788 renderWidget(); 3789 } else { 3790 window.addEventListener("subify:sdkLoaded", () => { 3791 3792 renderWidget(); 3793 }) 3794 } 3795 } 3796 3797 initSubifyBlock(); 3798 </script>
3798 3799 3800<!-- END app snippet --> 3801 3802</div> 3803 3804 3805</div> 3806 3807 </div> 3808 </div> 3809</div> 3810 3811 3812 3813 3814 3815</div> 3816<!-- END sections: header-group --> 3817 </div> 3818 3819
3819<script> 3820 // Inline header height calculation to prevent layout shift 3821 // Note: Updates in calculateHeaderGroupHeight() and updateTransparentHeaderOffset()utilities.js should be kept in sync with this function 3822 (function setHeaderHeighCustomProperties() { 3823 /* 3824 * Header calculation functions for maintaining CSS variables 3825 * Mimic calculateHeaderGroupHeight() in utilities.js 3826 */ 3827 const header = document.querySelector('header-component'); 3828 const headerGroup = document.querySelector('#header-group'); 3829 const hasHeaderSection = headerGroup?.querySelector('.header-section'); 3830 3831 if (!header || !headerGroup) return; 3832 3833 const headerHeight = header.offsetHeight; 3834 3835 // Calculate the total height of the header group 3836 let headerGroupHeight = 0; 3837 const children = headerGroup.children; 3838 for (let i = 0; i < children.length; i++) { 3839 const element = children[i]; 3840 if (element === header || !(element instanceof HTMLElement)) continue; 3841 headerGroupHeight += element.offsetHeight; 3842 } 3843 3844 // Check for transparent header special case 3845 if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) { 3846 headerGroupHeight += headerHeight; 3847 } 3848 3849 // Set CSS variables 3850 document.body.style.setProperty('--header-height', `${headerHeight}px`); 3851 document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`); 3852 3853 /** 3854 * Updates CSS custom properties for transparent header offset calculation 3855 * Mimic updateTransparentHeaderOffset() in utilities.js 3856 */ 3857 3858 if (!hasHeaderSection || !header?.hasAttribute('transparent')) { 3859 document.body.style.setProperty('--transparent-header-offset-boolean', '0'); 3860 return; 3861 } 3862 3863 const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section'); 3864 3865 const shouldApplyOffset = !hasImmediateSection ? '1' : '0'; 3866 document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset); 3867 })(); 3868 </script>
3868 3869 3870 <main 3871 id="MainContent" 3872 class="content-for-layout" 3873 role="main" 3874 data-page-transition-enabled="true" 3875 data-product-transition="false" 3876 data-template="index" 3877 > 3878 <div id="shopify-section-template--19985877762102__hero_image_slider_ndcMYw" class="shopify-section"> 3879 3880 <div class="hero-slider"> 3881 3882 <div class="container"> 3883 <div class="row"> 3884 <div class="col-12"> 3885 <!-- STATIC TEXT --> 3886 <div class="hero-content"> 3887 <h1>We Build the Systems That Drive Demand</h1> 3888 <p>Stage 3 Innovations combines industry platforms, digital services, software and AI to help businesses get found, win more customers and grow.</p> 3889 3890 <div class="hero-buttons"> 3891 <a href="/pages/the-growth-system" class="btn btn-primary-new"> 3892 See the Growth System in Action 3893 </a> 3894 <a href="/pages/our-platforms" class="btn btn-outline-secondary"> 3895 View Our Platforms 3896 </a> 3897 </div> 3898 </div> 3899 </div> 3900 </div> 3901 </div> 3902 3903 <!-- IMAGE SLIDER --> 3904 <div class="hero-images"> 3905 3906 <div class="slide active"> 3907 <img src="//www.stage3innovations.com/cdn/shop/files/banner-img.png?v=1786349520&width=2000" alt=""> 3908 </div> 3909 3910 </div> 3911 3912 <div class="liner-gradiant"></div> 3913 3914 </div> 3915 3916 3917<style> 3918.hero-slider { 3919 position: relative; 3920 height: 650px; 3921 overflow: hidden; 3922} 3923 3924.liner-gradiant{background: linear-gradient(0deg, #010a14 1.29%, rgba(1, 10, 20, 0.802083) 33.08%, rgba(34, 37, 42, 0) 88.49%); position: absolute; 3925 bottom: 0px; 3926 width: 100%; 3927 height: 100px; z-index: 2;} 3928 3929.hero-images { 3930 position: absolute; 3931 width: 100%; 3932 height: 100%; 3933 top: 0; 3934} 3935 3936.slide { 3937 position: absolute; 3938 width: 100%; 3939 height: 100%; 3940 opacity: 0; 3941 transition: opacity 0.8s ease; 3942} 3943 3944.slide.active { 3945 opacity: 1; 3946} 3947 3948.slide img { 3949 width: auto; 3950 height: auto; 3951 text-align: right; 3952 margin: 0 0 auto auto; 3953} 3954 3955/* DARK OVERLAY */ 3956.hero-images::after { 3957 content: ""; 3958 position: absolute; 3959 inset: 0; 3960 background: linear-gradient(to right, #010a14 5%, transparent); 3961} 3962 3963/* TEXT CONTENT */ 3964.hero-content { 3965 position: relative; 3966 z-index: 3; 3967 max-width: 800px; 3968 padding: 100px 0; 3969 color: #fff; 3970 top: 75%; 3971 left: 0%; 3972 transform: translate(0, -50%); 3973 font-family: 'Sofia Pro'; font-weight: 600; 3974} 3975 3976.hero-content h1 { 3977 font-family: 'Sofia Pro'; 3978 font-size: 42px; 3979 margin-bottom: 30px; 3980 font-weight: bold; 3981 letter-spacing: -2px; 3982} 3983 3984.hero-content p { 3985 font-family: 'Sofia Pro'; 3986 font-size: 30px; 3987 margin-bottom: 45px; 3988 letter-spacing: -1px; 3989 font-weight: 500; 3990 line-height: 1.2; 3991} 3992 3993/* BUTTONS */ 3994 3995.hero-content .btn-primary-new, 3996.hero-content .btn-outline-secondary{ 3997 font-size: 18px; 3998 padding: 8px 14px; 3999 font-size: 20px; 4000 font-weight: 700; 4001 border-radius: 6px; 4002 box-shadow: none; 4003} 4004.hero-content .btn-primary-new{ margin-right: 10px; border: 0;} 4005@media screen and (max-width: 768px) { 4006 .hero-slider{height: auto;} 4007 .hero-content{padding: 50px 0 100px;} 4008 .hero-content h1{margin-bottom: 20px;} 4009 .hero-content p{margin-bottom: 25px;} 4010 .hero-content p{padding: 0;} 4011} 4012@media screen and (max-width: 767px) { 4013.hero-content{top: 50%; padding: 100px 0 0 0;} 4014.hero-content h1{font-size: 28px;letter-spacing: -1px;} 4015.hero-content .btn-primary-new, .hero-content .btn-outline-secondary{font-size: 16px; padding: 8px 20px;} 4016.slide{width: 150%; height: 70%; right: 0;} 4017.hero-buttons .btn-primary-new{margin-bottom: 10px;} 4018} 4019@media (max-width: 991px) and (orientation: landscape) { 4020 .hero-slider{height: auto; min-height: 420px;} 4021 .hero-content{padding: 30px 0;} 4022} 4023 4024</style> 4025
4026<script> 4027document.addEventListener("DOMContentLoaded", function () { 4028 let slides = document.querySelectorAll(".slide"); 4029 let index = 0; 4030 4031 setInterval(() => { 4032 slides[index].classList.remove("active"); 4033 index = (index + 1) % slides.length; 4034 slides[index].classList.add("active"); 4035 }, 4000); 4036}); 4037</script>
4037</div><div id="shopify-section-template--19985877762102__logo_strip_KNkUY3" class="shopify-section"> 4038 4039<section class="logo-grid"> 4040 <div class="container"> 4041 <div class="logo-marquee"> 4042 4043 <div class="logo-track"> 4044 4045 <div class="logo-group"> 4046 4047 <div class="logo-item"> 4048 <img src="//www.stage3innovations.com/cdn/shop/files/aveden-logo-new.svg?v=1770642115&width=300"> 4049 </div> 4050 4051 <div class="logo-item"> 4052 <img src="//www.stage3innovations.com/cdn/shop/files/right-lot_b9fc6203-50bf-474c-85f4-180ab1b34703.png?v=1775199435&width=300"> 4053 </div> 4054 4055 <div class="logo-item"> 4056 <img src="//www.stage3innovations.com/cdn/shop/files/city-ally-logo_0e582a4d-eae7-4c46-8708-bff4933e3477.png?v=1773039861&width=300"> 4057 </div> 4058 4059 <div class="logo-item"> 4060 <img src="//www.stage3innovations.com/cdn/shop/files/lms-logo.png?v=1775198888&width=300"> 4061 </div> 4062 4063 <div class="logo-item"> 4064 <img src="//www.stage3innovations.com/cdn/shop/files/govoe-logo-01-01.svg?v=1770644819&width=300"> 4065 </div> 4066 4067 <div class="logo-item"> 4068 <img src="//www.stage3innovations.com/cdn/shop/files/doorbug-logo-01.svg?v=1770644249&width=300"> 4069 </div> 4070 4071 <div class="logo-item"> 4072 <img src="//www.stage3innovations.com/cdn/shop/files/wellnuss-logo-01_e0ceb28d-6622-40c6-95db-d6df284b012c.svg?v=1770643532&width=300"> 4073 </div> 4074 4075 <div class="logo-item"> 4076 <img src="//www.stage3innovations.com/cdn/shop/files/bizelle-01.svg?v=1770643235&width=300"> 4077 </div> 4078 4079 </div> 4080 4081 <div class="logo-group"> 4082 4083 <div class="logo-item"> 4084 <img src="//www.stage3innovations.com/cdn/shop/files/aveden-logo-new.svg?v=1770642115&width=300"> 4085 </div> 4086 4087 <div class="logo-item"> 4088 <img src="//www.stage3innovations.com/cdn/shop/files/right-lot_b9fc6203-50bf-474c-85f4-180ab1b34703.png?v=1775199435&width=300"> 4089 </div> 4090 4091 <div class="logo-item"> 4092 <img src="//www.stage3innovations.com/cdn/shop/files/city-ally-logo_0e582a4d-eae7-4c46-8708-bff4933e3477.png?v=1773039861&width=300"> 4093 </div> 4094 4095 <div class="logo-item"> 4096 <img src="//www.stage3innovations.com/cdn/shop/files/lms-logo.png?v=1775198888&width=300"> 4097 </div> 4098 4099 <div class="logo-item"> 4100 <img src="//www.stage3innovations.com/cdn/shop/files/govoe-logo-01-01.svg?v=1770644819&width=300"> 4101 </div> 4102 4103 <div class="logo-item"> 4104 <img src="//www.stage3innovations.com/cdn/shop/files/doorbug-logo-01.svg?v=1770644249&width=300"> 4105 </div> 4106 4107 <div class="logo-item"> 4108 <img src="//www.stage3innovations.com/cdn/shop/files/wellnuss-logo-01_e0ceb28d-6622-40c6-95db-d6df284b012c.svg?v=1770643532&width=300"> 4109 </div> 4110 4111 <div class="logo-item"> 4112 <img src="//www.stage3innovations.com/cdn/shop/files/bizelle-01.svg?v=1770643235&width=300"> 4113 </div> 4114 4115 </div> 4116 4117 </div> 4118 4119 </div> 4120 </div> 4121</section> 4122 4123<style> 4124.logo-grid { 4125 background: var(--dark-blue); 4126 padding: 40px 0px; 4127} 4128 4129.logo-marquee { 4130 overflow: hidden; 4131} 4132 4133.logo-track { 4134 display: flex; 4135 width: max-content; 4136 animation: marquee 65s linear infinite; /* slower = smoother */ 4137} 4138 4139.logo-group { 4140 display: flex; 4141} 4142 4143.logo-item { 4144 flex: 0 0 auto; 4145 display: flex; 4146 align-items: center; 4147 margin: 0 28px; 4148} 4149 4150.logo-item img { 4151 max-height: 60px; 4152 filter: grayscale(100%) invert(1) brightness(1) contrast(.8); 4153 transition: 0.3s; 4154} 4155 4156.logo-item img:hover { 4157 transform: scale(1.05); 4158} 4159.logo-marquee:hover .logo-track { 4160 animation-play-state: paused; 4161} 4162 4163/* 🔥 KEY FIX */ 4164@keyframes marquee { 4165 0% { 4166 transform: translateX(0); 4167 } 4168 100% { 4169 transform: translateX(-50%); 4170 } 4171} 4172 4173 4174/* Mobile */ 4175@media (max-width: 600px) { 4176 .logo-item { 4177 padding: 0 0px; 4178 } 4179 4180 .logo-item img { 4181 max-height: 40px; 4182 } 4183} 4184</style></div><div id="shopify-section-template--19985877762102__custom_divider_jg6Ld8" class="shopify-section"> 4185 4186<style> 4187.custom-divider-wrapper-template--19985877762102__custom_divider_jg6Ld8 { 4188 background-color: #18191e; 4189 width: 100%; 4190} 4191.custom-hr-template--19985877762102__custom_divider_jg6Ld8 { 4192 border: none; 4193 height: 1px; 4194 background: linear-gradient( 4195 to right, 4196 rgba(255, 255, 255, 0), 4197 rgba(255, 255, 255, 0.30), 4198 rgba(255, 255, 255, 0.90), 4199 rgba(255, 255, 255, 0.30), 4200 rgba(255, 255, 255, 0) 4201 ); 4202 margin-top: 0px; 4203 margin-bottom: 0px; 4204} 4205</style> 4206 4207 4208<div class="custom-divider-wrapper-template--19985877762102__custom_divider_jg6Ld8"> 4209 <div class="container"> 4210 <div class="row"> 4211 <div class="col-sm-12"> 4212 <hr class="custom-hr-template--19985877762102__custom_divider_jg6Ld8"> 4213 </div> 4214 </div> 4215 </div> 4216</div> 4217</div><div id="shopify-section-template--19985877762102__service_dealer_growth_rVYDf6" class="shopify-section growth-base"> 4218 4219<section class="growth" style="background: url(Liquid error (sections/service-dealer-growth line 3): invali
4219d url input) center no-repeat;"> 4220 <div class="container"> 4221 4222 4223 4224<div class="row d-flex justify-content-center d-none hidden"> 4225 <div class="col-sm-12"> 4226 <h4 class="small-title"> 4227 Most contractors rely on referrals, inconsistent leads… 4228 </h4> 4229 <h2 class="title mb-3 mt-2 pt-0">Who This Is For / Not For</h2> 4230 <h4 class="small-title"> 4231 This will QUALIFY leads (huge for you): 4232 </h4> 4233 </div> 4234 </div> 4235 4236 <div class="row d-flex justify-content-center d-none hidden"> 4237 <div class="col-sm-3 text-left"> 4238 <div class="features-list mt-4 gap-5"> 4239 <div> 4240 <h4 class="small-title">This is for:</h4> 4241 <ul class="wow fadeInUp mt-3"> 4242 <li class="flex items-center gap-3"> 4243 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-5 h-5 flex-shrink-0"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span>Contractors doing $500K–$5M+</span> 4244 </li> 4245 4246 <li class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-5 h-5 flex-shrink-0"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span>Want consistent growth</span> 4247 </li> 4248 4249 <li class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-5 h-5 flex-shrink-0"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span>Can handle more jobs</span></li> 4250 </ul> 4251 </div> 4252 </div> 4253 </div> 4254 <div class="col-sm-3 text-left"> 4255 <div class="features-list mt-4 gap-5"> 4256 <div class="justify-content-start"> 4257 <h4 class="small-title">Not for:</h4> 4258 <ul class="wow fadeInUp mt-3"> 4259 <li class="flex items-center gap-3"> 4260 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-5 h-5 flex-shrink-0"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span>Brand new startups</span> 4261 </li> 4262 4263 <li class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-5 h-5 flex-shrink-0"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span>DIY marketers</span> 4264 </li> 4265 4266 <li class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-5 h-5 flex-shrink-0"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span>This alone increases close rate.</span></li> 4267 </ul> 4268 </div> 4269 </div> 4270 </div> 4271 </div> 4272 4273 4274 <h2 class="title">The Stage 3 Growth System<sup>TM</sup></h2> 4275 4276 <div class="steps-wrapper"> 4277 4278 <div class="step"> 4279 <div class="step-box"> 4280 4281 <img src="//www.stage3innovations.com/cdn/shop/files/traffic.png?v=1774271891&width=80" alt=""> 4282 4283 </div> 4284 4285 <p class="step-text">Traffic</p> 4286 4287 </div> 4288 4289 4290 <div class="arrow">➜</div> 4291 4292 4293 <div class="step"> 4294 <div class="step-box"> 4295 4296 <img src="//www.stage3innovations.com/cdn/shop/files/leads.png?v=1774271912&width=80" alt=""> 4297 4298 </div> 4299 4300 <p class="step-text">Leads</p> 4301 4302 </div> 4303 4304 4305 <div class="arrow">➜</div> 4306 4307 4308 <div class="step"> 4309 <div class="step-box"> 4310 4311 <img src="//www.stage3innovations.com/cdn/shop/files/jobs.png?v=1774271951&width=80" alt=""> 4312 4313 </div> 4314 4315 <p class="step-text">Opportunities</p> 4316 4317 </div> 4318 4319 4320 4321 </div> 4322 4323 <h3 class="small-title">Our Growth Engine™ connects the technology, platforms and services that<br> turn visibility into qualified opportunities and measurable growth.</h3> 4324 4325 </div> 4326</section> 4327 4328<style> 4329 4330.growth-base{position: relative; background: var(--bg-light-naviblue);} 4331/* .growth-base::after { 4332 content: ""; 4333 position: absolute; 4334 inset: 0; 4335 background: linear-gradient(to right, #18191e 30%, transparent); 4336} */ 4337 4338.growth { 4339 padding: 80px 0 80px; 4340 text-align: center; 4341 color: #fff; 4342 position: relative; 4343 z-index: 2; 4344} 4345 4346.growth .title { 4347 margin-bottom: 40px; 4348} 4349.growth h3.small-title{color: var(--white-color); 4350 font-size: 1.375em; 4351 text-transform: inherit; 4352 font-family: Sofia Pro; 4353 margin-bottom: 0; 4354 text-align: center; 4355 line-height: 1.1; 4356} 4357 4358.growth .steps-wrapper { 4359 display: flex; 4360 justify-content: center; 4361 align-items: center; 4362 flex-wrap: wrap; 4363 gap: 20px; 4364 margin-bottom: 40px; 4365} 4366 4367.step { 4368 text-align: center; 4369 max-width: 228px; 4370 min-width: 168px; 4371} 4372 4373.growth .step-box { 4374 width: 90px; 4375 height: 90px; 4376 border: 3px solid var(--light-blue); 4377 border-radius: 100%; 4378 background: #FFFFFF; 4379 display: flex; 4380 align-items: center; 4381 justify-content: center; 4382 margin: 0 auto 10px; 4383 font-size: 30px; 4384 font-weight: bold; 4385 font-family: 'Sofia Pro'; 4386 color: #ff7a00; 4387} 4388 4389.growth .step-box img { 4390 width: 60px; 4391 height: 60px; 4392} 4393 4394.step-text { 4395 font-family: 'Sofia Pro'; 4396 font-size: 22px; 4397 line-height: 1.2; 4398 font-weight: 700; 4399} 4400 4401 4402 4403@media screen and (max-width: 768px) { 4404 .growth .steps-wrapper { 4405 flex-direction: row; 4406 gap: 5px; 4407 } 4408 .growth .arrow { 4409 transform: rotate(360deg); 4410 } 4411 .growth .step{min-width: 168px; max-width: 176px !important;} 4412} 4413@media screen and (max-width: 767px) {
4414 .growth .step-box{width: 80px; height: 80px;} 4415 .growth .steps-wrapper .step{ width: 128px; min-width: 128px; max-width: 176px !important;} 4416} 4417</style> 4418 4419</div><div id="shopify-section-template--19985877762102__custom_divider_WHeNdW" class="shopify-section"> 4420 4421<style> 4422.custom-divider-wrapper-template--19985877762102__custom_divider_WHeNdW { 4423 background-color: #18191e; 4424 width: 100%; 4425} 4426.custom-hr-template--19985877762102__custom_divider_WHeNdW { 4427 border: none; 4428 height: 1px; 4429 background: linear-gradient( 4430 to right, 4431 rgba(255, 255, 255, 0), 4432 rgba(255, 255, 255, 0.30), 4433 rgba(255, 255, 255, 0.90), 4434 rgba(255, 255, 255, 0.30), 4435 rgba(255, 255, 255, 0) 4436 ); 4437 margin-top: 0px; 4438 margin-bottom: 0px; 4439} 4440</style> 4441 4442 4443<div class="custom-divider-wrapper-template--19985877762102__custom_divider_WHeNdW"> 4444 <div class="container"> 4445 <div class="row"> 4446 <div class="col-sm-12"> 4447 <hr class="custom-hr-template--19985877762102__custom_divider_WHeNdW"> 4448 </div> 4449 </div> 4450 </div> 4451</div> 4452</div><div id="shopify-section-template--19985877762102__growth_platform_wLeGmB" class="shopify-section growth-platform-base"> 4453 4454<section class="growth-platform"> 4455 <div class="container"> 4456 <h2 class="title">OUR INDUSTRY PLATFORMS</h2> 4457 <h3 class="small-title">Purpose-built digital ecosystems connecting businesses,<br>customers and opportunities within specialized markets.</h3> 4458 4459 <div class="row"> 4460 4461 <div class="col-12 col-md-4 mt-4 mt-md-0" > 4462 4463 <div class="card service-card"> 4464 4465 <div class="card-image"> 4466 <img src="//www.stage3innovations.com/cdn/shop/files/laptop-img.png?v=1786197797&width=800" alt="ServiceDealer.com"> 4467 </div> 4468 4469 <div class="card-content"> 4470 <h3>ServiceDealer.com</h3> 4471 <p>Helping Service 4472Businesses Grow.</p> 4473 4474 4475 <a href="https://www.servicedealer.com/" 4476 target="_blank" 4477 rel="noopener noreferrer" 4478 class="btn"> 4479 Visit ServiceDealer.com <i class="fa-solid fa-arrow-right"></i> 4480 </a> 4481 4482 </div> 4483 </div> 4484 4485 </div> 4486 4487 <div class="col-12 col-md-4 mt-4 mt-md-0" > 4488 4489 <div class="card water-card"> 4490 4491 <div class="card-image"> 4492 <img src="//www.stage3innovations.com/cdn/shop/files/laptop-img-02.png?v=1786197797&width=800" alt="WaterDealer.com"> 4493 </div> 4494 4495 <div class="card-content"> 4496 <h3>WaterDealer.com</h3> 4497 <p>Connecting Homeowners with Water Treatment Professionals.</p> 4498 4499 4500 <a href="https://www.waterdealer.com/" 4501 target="_blank" 4502 rel="noopener noreferrer" 4503 class="btn"> 4504 Visit WaterDealer.com <i class="fa-solid fa-arrow-right"></i> 4505 </a> 4506 4507 </div> 4508 </div> 4509 4510 </div> 4511 4512 <div class="col-12 col-md-4 mt-4 mt-md-0" > 4513 4514 <div class="card wellnuss-card"> 4515 4516 <div class="card-image"> 4517 <img src="//www.stage3innovations.com/cdn/shop/files/laptop-img-03.png?v=1786197797&width=800" alt="Wellnuss.com"> 4518 </div> 4519 4520 <div class="card-content"> 4521 <h3>Wellnuss.com</h3> 4522 <p>Smarter Health. Better Living.</p> 4523 4524 4525 <a href="https://www.wellnuss.com/" 4526 target="_blank" 4527 rel="noopener noreferrer" 4528 class="btn"> 4529 Visit Wellnuss.com <i class="fa-solid fa-arrow-right"></i> 4530 </a> 4531 4532 </div> 4533 </div> 4534 4535 </div> 4536 4537 </div> 4538 </div> 4539</section> 4540 4541<style> 4542.growth-platform-base{padding: 80px 0; position: relative; background: var(--dark-blue);} 4543/* .growth-platform-base::after { 4544 content: ""; 4545 position: absolute; 4546 inset: 0; 4547 background: linear-gradient(to right, #18191e 30%, transparent); 4548}*/ 4549 4550.growth-platform-base h2.title{margin-bottom: 10px;} 4551.growth-platform-base h3.small-title{margin-bottom: 40px;} 4552 4553.growth-platform { 4554 text-align: center; 4555 position: relative; 4556 z-index: 9; 4557} 4558.growth-platform .card { 4559 border-radius: 10px; 4560 overflow: hidden; 4561 text-align: left; 4562} 4563.growth-platform .card-image{padding: 15px;} 4564.growth-platform .card-image img { 4565 width: 100%; 4566} 4567.growth-platform .card-content { 4568 padding: 28px 30px 30px; 4569 border-top: 1px solid; 4570} 4571 4572.growth-platform-base h3 { 4573 font-size: 1.375em; 4574 text-transform: inherit; 4575 font-family: Sofia Pro; 4576 font-weight: 700; 4577 color: var(--white-color); 4578 margin-bottom: .7em; 4579 letter-spacing: -0.6px; 4580} 4581.growth-platform p { 4582 font-size: 1em; 4583 color: var(--white-color); 4584 line-height: 1.5; 4585 margin-bottom: 20px; 4586} 4587.growth-platform .btn { 4588 padding: 8px 18px; 4589 line-height: normal; 4590 margin: 0; 4591 font-size: 1em; 4592 font-weight: 400; 4593 -webkit-transition: all 0.25s ease-in-out; 4594 -o-transition: all 0.25s ease-in-out; 4595 transition: all 0.25s ease-in-out; 4596} 4597 4598.service-card { 4599 background: linear-gradient(135deg, rgba(48, 18, 8, .95) 0%, rgba(27, 17, 15, .85) 45%, rgba(9, 14, 20, .95) 100%); 4600 border: 1px solid #d36d1f; 4601} 4602.service-card .btn{background-color: transparent; 4603 color: var(--white-color); 4604 border: 1px solid #ff8a00; 4605} 4606.service-card .btn:hover{background-color: #ff8a00;} 4607 4608.water-card { 4609 background: linear-gradient(135deg, #081d2f, #111820); 4610 border: 1px solid #0c83d9; 4611} 4612.water-card .btn{background-color: transparent; 4613 color: var(--white-color); 4614 border: 1px solid #0c83d9;} 4615.water-card .btn:hover{background-color: #0c83d9;} 4616 4617.wellnuss-card { 4618 border: 1px solid #8dc43c; 4619 background: linear-gradient(135deg, #081d2f, rgb(141 196 60 / 15%)); 4620} 4621.wellnuss-card .btn{background-color: transparent; 4622 color: var(--white-color); 4623 border: 1px solid #8dc43c;} 4624.wellnuss-card .btn:hover{background-color: #8dc43c;} 4625 4626/* Responsive */ 4627@media (max-width: 1024px) { 4628 .growth-platform .cards { 4629 grid-template-columns: repeat(2, 1fr); 4630 } 4631} 4632@media (max-width: 956px) { 4633 .growth .steps-wrapper{gap: 2px;} 4634 .growth-platform .card-content{padding: 10px;} 4635 .growth-platform .btn{padding: 8px 10px; font-size: 14px;} 4636} 4637 4638@media (max-width: 768px) { 4639 .growth-platform .cards { 4640 grid-template-columns: 1fr; 4641 } 4642 .growth-platform .card-image img{ 4643 height: auto; 4644 } 4645 .growth-platform .card-content{ 4646 padding: 11px; 4647 } 4648 .growth-platform .btn{padding: 5px 8px; font-size: 14px;} 4649} 4650@media (max-width: 767px) { 4651 4652} 4653</style></div><div id="shopify-section-template--19985877762102__custom_divider_3pPYz9" class="shopify-section"> 4654 4655<style> 4656.custom-divider-wrapper-template--19985877762102__custom_divider_3pPYz9 { 4657 background-color: #18191e; 4658 width: 100%; 4659} 4660.custom-hr-template--19985877762102__custom_divider_3pPYz9 { 4661 border: none; 4662 height: 1px; 4663 background: linear-gradient( 4664 to right, 4665 rgba(255, 255, 255, 0), 4666 rgba(255, 255, 255, 0.30), 4667 rgba(255, 255, 255, 0.90), 4668 rgba(255, 255, 255, 0.30), 4669 rgba(255, 255, 255, 0) 4670 ); 4671 margin-top: 0px; 4672 margin-bottom: 0px; 4673} 4674</style> 4675 4676 4677<div class="custom-divider-wrapper-template--19985877762102__custom_divider_3pPYz9"> 4678 <div class="container"> 4679 <div class="row"> 4680 <div class="col-sm-12"> 4681 <hr class="custom-hr-template--19985877762102__custom_divider_3pPYz9"> 4682 </div> 4683 </div> 4684 </div> 4685</div> 4686</div><div id="shopify-section-template--19985877762102__how_it_works_e9XQ7z" class="shopify-section how-it-works-base"><section class="how-it-works" style="background: url(//www.stage3innovations.com/cdn/shop/files/dashboard-png.png?v=1774009688) center no-repeat;"> 4687 <div class="container"> 4688 <h2 class="title">How It Works</h2> 4689 4690 <div class="steps-wrapper"> 4691 4692 <div class="step"> 4693 <div class="step-box">
4694 <span>01</span> 4695 </div> 4696 4697 <p class="step-text">Join Stage 3</p> 4698 4699 </div> 4700 4701 4702 <div class="arrow">➜</div> 4703 4704 4705 <div class="step"> 4706 <div class="step-box"> 4707 <span>02</span> 4708 </div> 4709 4710 <p class="step-text">Build Your Growth System</p> 4711 4712 </div> 4713 4714 4715 <div class="arrow">➜</div> 4716 4717 4718 <div class="step"> 4719 <div class="step-box"> 4720 <span>03</span> 4721 </div> 4722 4723 <p class="step-text">Activate Your Solutions</p> 4724 4725 </div> 4726 4727 4728 <div class="arrow">➜</div> 4729 4730 4731 <div class="step"> 4732 <div class="step-box"> 4733 <span>04</span> 4734 </div> 4735 4736 <p class="step-text">Generate & Convert Opportunities</p> 4737 4738 </div> 4739 4740 4741 4742 </div> 4743 4744 </div> 4745</section> 4746 4747<style> 4748 4749.how-it-works-base{position: relative; background: var(--bg-light-naviblue);} 4750/*.how-it-works-base::after { 4751 content: ""; 4752 position: absolute; 4753 inset: 0; 4754 background: linear-gradient(to right, #18191e 30%, transparent); 4755}*/ 4756 4757.how-it-works { 4758 padding: 80px 20px; 4759 text-align: center; 4760 color: #fff; 4761 position: relative; 4762 min-height: 630px; 4763 z-index:9; 4764} 4765 4766.how-it-works .title { 4767 margin-bottom: 50px; 4768} 4769 4770.steps-wrapper { 4771 display: flex; 4772 justify-content: center; 4773 align-items: center; 4774 flex-wrap: wrap; 4775 gap: 20px; 4776} 4777 4778.step { 4779 text-align: center; 4780 max-width: 228px; 4781} 4782 4783.step-box { 4784 width: 70px; 4785 height: 70px; 4786 border: 2px solid var(--light-blue); 4787 border-radius: 12px; 4788 display: flex; 4789 align-items: center; 4790 justify-content: center; 4791 margin: 0 auto 15px; 4792 font-size: 30px; 4793 font-weight: bold; 4794 font-family: 'Sofia Pro'; 4795} 4796 4797.step-text { 4798 font-family: 'Sofia Pro'; 4799 font-size: 22px; 4800 line-height: 1.2; 4801 font-weight: 700; 4802} 4803 4804@media (max-width: 991px) and (orientation: landscape) { 4805 .how-it-works:after{content: ''; background: rgba(0,0,0,0.5); position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%;} 4806 .steps-wrapper{z-index: 2; position: relative;} 4807 .how-it-works .steps-wrapper .arrow:nth-child(4) {display: none;} 4808} 4809@media(max-width: 768px) { 4810 .how-it-works:after{content: ''; background: rgba(0,0,0,0.5); position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%;} 4811 .steps-wrapper{z-index: 2; position: relative;} 4812 .steps-wrapper .step{width: 33%;} 4813 .how-it-works .steps-wrapper .arrow:nth-child(4){display: none;} 4814} 4815@media(max-width: 767px) {
4816 .step-box{width: 62px; height: 62px;} 4817 .steps-wrapper{align-items: start;} 4818 .step-text {font-size: 18px;} 4819 .steps-wrapper .step{width: 47%;} 4820 .steps-wrapper .arrow{display: none;} 4821 .step-text{font-size: 18px;} 4822} 4823 4824</style> 4825 4826</div><div id="shopify-section-template--19985877762102__custom_divider_EXCYUy" class="shopify-section"> 4827 4828<style> 4829.custom-divider-wrapper-template--19985877762102__custom_divider_EXCYUy { 4830 background-color: #18191e; 4831 width: 100%; 4832} 4833.custom-hr-template--19985877762102__custom_divider_EXCYUy { 4834 border: none; 4835 height: 1px; 4836 background: linear-gradient( 4837 to right, 4838 rgba(255, 255, 255, 0), 4839 rgba(255, 255, 255, 0.30), 4840 rgba(255, 255, 255, 0.90), 4841 rgba(255, 255, 255, 0.30), 4842 rgba(255, 255, 255, 0) 4843 ); 4844 margin-top: 0px; 4845 margin-bottom: 0px; 4846} 4847</style> 4848 4849 4850<div class="custom-divider-wrapper-template--19985877762102__custom_divider_EXCYUy"> 4851 <div class="container"> 4852 <div class="row"> 4853 <div class="col-sm-12"> 4854 <hr class="custom-hr-template--19985877762102__custom_divider_EXCYUy"> 4855 </div> 4856 </div> 4857 </div> 4858</div> 4859</div><div id="shopify-section-template--19985877762102__marketing_solutions_yGm4pn" class="shopify-section marketing-solutions-base"> 4860 4861 4862<section class="marketing-solutions template--19985877762102__marketing_solutions_yGm4pn"> 4863 <div class="container"> 4864 <h2 class="title">Everything You Need to Grow Digitally</h2> 4865 4866 <!-- FIXED: Proper Swiper structure --> 4867 <div class="swiper mySwiper marketing-swiper"> 4868 <div class="swiper-wrapper"> 4869 4870 <div class="swiper-slide" > 4871 <a href="/pages/digital-marketing"> 4872 <div class="card"> 4873 <div class="card-image"> 4874 4875 <img src="//www.stage3innovations.com/cdn/shop/files/why-digital.jpg?v=1775222609&width=600" 4876 alt="Digital Marketing" 4877 loading="lazy"> 4878 4879 </div> 4880 <div class="card-overlay"> 4881 <h3>Digital Marketing</h3> 4882 </div> 4883 </div> 4884 </a> 4885 </div> 4886 4887 <div class="swiper-slide" > 4888 <a href="/pages/social-media"> 4889 <div class="card"> 4890 <div class="card-image"> 4891 4892 <img src="//www.stage3innovations.com/cdn/shop/files/social-media.jpg?v=1775655046&width=600" 4893 alt="Social Media" 4894 loading="lazy"> 4895 4896 </div> 4897 <div class="card-overlay"> 4898 <h3>Social Media</h3> 4899 </div> 4900 </div> 4901 </a> 4902 </div> 4903 4904 <div class="swiper-slide" > 4905 <a href="/pages/content-production"> 4906 <div class="card"> 4907 <div class="card-image"> 4908 4909 <img src="//www.stage3innovations.com/cdn/shop/files/content-production-01.jpg?v=1775737523&width=600" 4910 alt="Content Production" 4911 loading="lazy"> 4912 4913 </div> 4914 <div class="card-overlay"> 4915 <h3>Content Production</h3> 4916 </div> 4917 </div> 4918 </a> 4919 </div> 4920 4921 <div class="swiper-slide" > 4922 <a href="/pages/e-commerce-marketing"> 4923 <div class="card"> 4924 <div class="card-image"> 4925 4926 <img src="//www.stage3innovations.com/cdn/shop/files/e-commerce-01.jpg?v=1775739961&width=600" 4927 alt="E-Commerce Marketing" 4928 loading="lazy"> 4929 4930 </div> 4931 <div class="card-overlay"> 4932 <h3>E-Commerce Marketing</h3> 4933 </div> 4934 </div> 4935 </a> 4936 </div> 4937 4938 <div class="swiper-slide" > 4939 <a href="/pages/branding-design"> 4940 <div class="card"> 4941 <div class="card-image"> 4942 4943 <img src="//www.stage3innovations.com/cdn/shop/files/brand-01.jpg?v=1775742374&width=600" 4944 alt="Branding & Design" 4945 loading="lazy"> 4946 4947 </div> 4948 <div class="card-overlay"> 4949 <h3>Branding & Design</h3> 4950 </div> 4951 </div> 4952 </a> 4953 </div> 4954 4955 <div class="swiper-slide" > 4956 <a href="/pages/analytics-insights"> 4957 <div class="card"> 4958 <div class="card-image"> 4959 4960 <img src="//www.stage3innovations.com/cdn/shop/files/analytics-insights-01.jpg?v=1775743626&width=600" 4961 alt="Analytics & Insights" 4962 loading="lazy"> 4963 4964 </div> 4965 <div class="card-overlay"> 4966 <h3>
4966Analytics & Insights</h3> 4967 </div> 4968 </div> 4969 </a> 4970 </div> 4971 4972 </div> 4973 4974 <!-- Navigation & Pagination OUTSIDE swiper-wrapper --> 4975 4976 <div class="swiper-pagination"></div> 4977 </div> 4978 4979 <div class="mt-5"> 4980 <a href="/pages/the-growth-system" class="btn btn-primary-new">View All Services</a> 4981 </div> 4982 </div> 4983</section> 4984 4985<style> 4986.marketing-solutions { 4987 text-align: center; 4988} 4989.marketing-solutions h2.title{margin-bottom: 1.5em;} 4990.marketing-solutions .card { 4991 position: relative; 4992 border-radius: 8px; 4993 overflow: hidden; 4994} 4995.marketing-solutions .card img { 4996 width: 100%; 4997 height: 220px; 4998 object-fit: cover; 4999 display: block; 5000} 5001.marketing-solutions .card-overlay { 5002 position: absolute; 5003 bottom: 0; 5004 width: 100%; 5005 background-color: rgba(40, 185, 255, 0.8); 5006 padding: 15px; 5007} 5008.marketing-solutions .card-overlay h3 { 5009 color: #fff; 5010 margin: 0; 5011 font-size: 22px; 5012 font-family: 'Sofia Pro'; 5013 font-weight: 600; 5014} 5015</style></div><div id="shopify-section-template--19985877762102__custom_divider_iYUjqp" class="shopify-section"> 5016 5017<style> 5018.custom-divider-wrapper-template--19985877762102__custom_divider_iYUjqp { 5019 background-color: #18191e; 5020 width: 100%; 5021} 5022.custom-hr-template--19985877762102__custom_divider_iYUjqp { 5023 border: none; 5024 height: 1px; 5025 background: linear-gradient( 5026 to right, 5027 rgba(255, 255, 255, 0), 5028 rgba(255, 255, 255, 0.30), 5029 rgba(255, 255, 255, 0.90), 5030 rgba(255, 255, 255, 0.30), 5031 rgba(255, 255, 255, 0) 5032 ); 5033 margin-top: 0px; 5034 margin-bottom: 0px; 5035} 5036</style> 5037 5038 5039<div class="custom-divider-wrapper-template--19985877762102__custom_divider_iYUjqp"> 5040 <div class="container"> 5041 <div class="row"> 5042 <div class="col-sm-12"> 5043 <hr class="custom-hr-template--19985877762102__custom_divider_iYUjqp"> 5044 </div> 5045 </div> 5046 </div> 5047</div> 5048</div><section id="shopify-section-template--19985877762102__about_stage_media_8ED9ty" class="shopify-section about-stage"><style> 5049 .about-stage { 5050 } 5051 .about-stage img { 5052 width: auto; 5053 } 5054 .about-row { 5055 display: grid; 5056 grid-template-columns: 1fr 1fr; 5057 gap: 60px; 5058 align-items: center; 5059 } 5060 .about-image { 5061 width: 100%; 5062 height: 400px; 5063 object-fit: cover; 5064 border-radius: 12px; 5065 } 5066 .about-content { 5067 padding: 20px 0; 5068 } 5069 .section-subtitle { 5070 font-size: 1.1rem; 5071 color: #666; 5072 margin-bottom: 15px; 5073 text-transform: uppercase; 5074 letter-spacing: 1px; 5075 } 5076 .section-title { 5077 font-size: 2.5rem; 5078 margin-bottom: 25px; 5079 line-height: 1.2; 5080 } 5081 .section-description { 5082 font-size: 1.2rem; 5083 color: #666; 5084 margin-bottom: 40px; 5085 line-height: 1.7; 5086 } 5087 5088 @media (max-width: 768px) { 5089 .about-row { 5090 grid-template-columns: 1fr; 5091 gap: 40px; 5092 } 5093 .about-stage { 5094 } 5095 .section-title { 5096 font-size: 2rem; 5097 } 5098 } 5099</style> 5100 5101<div class=""> 5102 <div class="container"> 5103 <div class="row d-flex align-items-center"> 5104 <div class="col-md-5 text-center"> 5105 <!-- Left Column: Image --> 5106 5107 <img 5108 src="//www.stage3innovations.com/cdn/shop/files/get-found_bd4ed960-ea7e-4140-b209-b5e75a763d39_600x600.png?v=1773909765" 5109 alt="Be Found by High-Intent Customers Already Searching for Your Service" 5110 class="wow fadeInUp" 5111 loading="lazy" 5112 > 5113 5114 </div> 5115 <div class="col-md-7 mt-4 mt-md-0"> 5116 <h3 class="small-title wow fadeInUp"></h3> 5117 <h2 class="title wow fadeInUp" data-wow-delay="0.2s">Be Found by High-Intent Customers Already Searching for Your Service</h2> 5118 <p class="wow fadeInUp" data-wow-delay="0.2s"></p> 5119 <div class="features-list d-md-flex justify-content-start mt-4 gap-5"> 5120 5121 <ul class="wow fadeInUp"> 5122 5123 5124 <li class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-5 h-5 flex-shrink-0"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>
5125 <span>Exclusive positioning</span></li> 5126 5127 <li class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-5 h-5 flex-shrink-0"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg> 5128 <span>Local market visibility</span></li> 5129 5130 <li class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-5 h-5 flex-shrink-0"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg> 5131 <span>High-converting profiles</span></li> 5132 5133 </ul> 5134 5135 5136 </div> 5137 <div class="wow fadeInUp mt-4"> 5138 <a href="/pages/our-platforms" class="btn btn-primary-new">Visit Our Directories</a> 5139 </div> 5140 </div> 5141 </div> 5142 </div> 5143</div> 5144 5145 5146</section><section id="shopify-section-template--19985877762102__number_status_FA6iqE" class="shopify-section number-stats"><style> 5147 .stat-number { 5148 font-size: 3rem; 5149 font-weight: 700; 5150 color: #28a745; 5151 margin-bottom: 15px; 5152 line-height: 1; 5153 } 5154 @media (max-width: 768px) { 5155 } 5156 @media (max-width: 991px) and (orientation: landscape) { 5157 .number-title{font-size: 3.7em;} 5158 } 5159</style> 5160 5161<div class=""> 5162 <div class="container"> 5163 5164 <div class="row text-center mb-4"> 5165 <div class="col-md-12"> 5166 <div class="wow fadeInUp"> 5167 5168 <h2 class="title wow fadeInUp">Across campaigns and partner networks</h2> 5169 5170 </div> 5171 </div> 5172 </div> 5173 5174 <div class="row d-flex justify-content-center"> 5175 5176 <div class="col-lg-4 col-md-4 col-12 text-center mb-4" > 5177 5178 <h2 class="number-title counter"> 5179 <span class="numbercta">3</span><span>X</span> 5180 </h2> 5181 5182 5183 <h3 class="small-title">Increase In Inbound Leads</h3> 5184 5185 </div> 5186 5187 <div class="col-lg-4 col-md-4 col-12 text-center mb-4" > 5188 5189 <h2 class="number-title counter"> 5190 5191 <span>$</span><span class="numbercta">25</span><span>M+</span> 5192 </h2> 5193 5194 5195 <h3 class="small-title">Added In Revenues</h3> 5196 5197 </div> 5198 5199 <div class="col-lg-4 col-md-4 col-12 text-center mb-4" > 5200 5201 <h2 class="number-title counter"> 5202 <span class="numbercta">37</span><span>%</span> 5203 </h2> 5204 5205 5206 <h3 class="small-title">Increase in Job Bookings</h3> 5207 5208 </div> 5209 5210 </div> 5211 </div> 5212</div> 5213 5214 5215</section><div id="shopify-section-template--19985877762102__testimonials_new_9gwqL3" class="shopify-section"><section class="testimonial-section"> 5216 <div class="container"> 5217 5218 <h2 class="title">What Customers Are Saying</h2> 5219 5220 5221 <div class="row d-flex justify-content-center"> 5222 <div class="col-lg-7 col-md-12"> 5223 5224 5225 <div class="swiper testimonial-swiper"> 5226 <div class="swiper-wrapper"> 5227 5228 <div class="swiper-slide testimonial-card" > 5229 5230 <div class="testimonial-image"> 5231 <img src="//www.stage3innovations.com/cdn/shop/files/34.jpg?v=1774277297&width=200" 5232 alt="Jason Miller" 5233 loading="lazy"> 5234 </div> 5235 5236 <p class="testimonial-text">"Since switching to stage3innovations, our lead management has become seamless. We’ve increased our booked jobs by nearly 40% and our team stays organized every day."</p> 5237 <h4 class="testimonial-name">Jason Miller</h4> 5238 <p class="testimonial-meta">BlueWave Plumbing • Austin, TX</p> 5239 </div> 5240 5241 <div class="swiper-slide testimonial-card" > 5242 5243 <div class="testimonial-image"> 5244 <img src="//www.stage3innovations.com/cdn/shop/files/44.jpg?v=1774277417&width=200" 5245 alt="Sarah Thompson" 5246 loading="lazy"> 5247 </div> 5248 5249 <p class="testimonial-text">"This platform has simplified everything—from scheduling to customer communication. It’s exactly what growing businesses need to scale efficiently."</p> 5250 <h4 class="testimonial-name">Sarah Thompson</h4> 5251 <p class="testimonial-meta">ClearFlow Water Systems • Orlando, FL</p> 5252 </div> 5253 5254 <div class="swiper-slide testimonial-card" > 5255 5256 <div class="testimonial-image"> 5257 <img src="//www.stage3innovations.com/cdn/shop/files/52.jpg?v=1774277471&width=200" 5258 alt="Brian Collins" 5259 loading="lazy"> 5260 </div> 5261 5262 <p class="testimonial-text">"We used to lose track of leads all the time. Now everything is centralized, and our conversion rates have improved significantly. It’s been a huge win for us."</p> 5263 <h4 class="testimonial-name">Brian Collins</h4> 5264 <p class="testimonial-meta">PureTech Solutions • Denver, CO</p> 5265 </div> 5266 5267 <div class="swiper-slide testimonial-card" > 5268 5269 <div class="testimonial-image"> 5270 <img src="//www.stage3innovations.com/cdn/shop/files/29.jpg?v=1774277544&width=200" 5271 alt="Amanda Brooks" 5272 loading="lazy"> 5273 </div> 5274 5275 <p class="testimonial-text">"stage3innovations gave us the tools to grow faster without adding more overhead. The automation alone has saved us countless hours every week."</p> 5276 <h4 class="testimonial-name">Amanda Brooks</h4> 5277 <p class="testimonial-meta">AquaGuard Services • Phoenix, AZ</p> 5278 </div> 5279 5280 </div> 5281 5282 <!-- Navigation --> 5283 5284 5285 <!-- Pagination --> 5286 <div class="swiper-pagination"></div> 5287 </div> 5288 </div> 5289 </div> 5290 </div> 5291</section> 5292 5293<!-- FIXED SCRIPT -->
5294<script defer> 5295(function() { 5296 function initTestimonialSwiper() { 5297 if (typeof Swiper === 'undefined') { 5298 setTimeout(initTestimonialSwiper, 100); 5299 return; 5300 } 5301 5302 new Swiper('.testimonial-swiper', { 5303 slidesPerView: 1, 5304 spaceBetween: 30, 5305 loop: true, 5306 navigating:false, 5307 autoplay: { delay: 4000, disableOnInteraction: false }, 5308 pagination: { 5309 el: '.testimonial-swiper .swiper-pagination', 5310 clickable: true, 5311 }, 5312 navigation: { 5313 nextEl: '.testimonial-swiper .swiper-button-next', 5314 prevEl: '.testimonial-swiper .swiper-button-prev', 5315 }, 5316 breakpoints: { 5317 768: { slidesPerView: 1 }, 5318 990: { slidesPerView: 1 }, 5319 1200: { slidesPerView: 1} 5320 } 5321 }); 5322 } 5323 initTestimonialSwiper(); 5324})(); 5325</script>
5325 5326 5327<!-- Your existing styles + these additions --> 5328<style> 5329.testimonial-section .swiper { 5330 padding-bottom: 0px; 5331} 5332.testimonial-section { 5333 padding: 5em 0 5em; 5334 background-color: var(--bg-light-naviblue); 5335 text-align: center; 5336} 5337.testimonial-heading { 5338 text-align: center; 5339 margin-bottom: 40px; 5340 font-size: 32px; 5341} 5342.testimonial-card { 5343 padding: 25px; 5344 border-radius: 12px; 5345 text-align: center; 5346 box-shadow: 0 5px 15px rgba(0,0,0,0.05); 5347 height: 100%; 5348} 5349.testimonial-image img { 5350 width: 80px; 5351 height: 80px; 5352 border-radius: 50%; 5353 object-fit: cover; 5354 margin: 0 auto 15px; 5355} 5356.testimonial-text { 5357 font-size: 18px; 5358 margin-bottom: 15px; 5359 color: #FFFFFF; 5360} 5361.testimonial-name { 5362 font-size: 16px; 5363 margin: 0; 5364 font-weight: 600; 5365 text-transform: uppercase; 5366 font-family: 'Sofia Pro'; 5367 padding-bottom: 5px; 5368} 5369.testimonial-meta { 5370 font-size: 16px; 5371 color: #888; 5372 padding-bottom: 20px; 5373} 5374 5375/* Swiper arrows */ 5376.swiper-button-next, 5377.swiper-button-prev { 5378 color: var(--primary-color); 5379} 5380 5381/* Pagination dots */ 5382.swiper-pagination-bullet { 5383 display: inline-block; 5384 background-color: var(--primary-color); 5385 opacity: 0.3; 5386} 5387 5388.swiper-pagination-bullet-active { 5389 opacity: 1; 5390} 5391</style> 5392 5393 5394</div><div id="shopify-section-template--19985877762102__custom_divider_PwiGNV" class="shopify-section"> 5395 5396<style> 5397.custom-divider-wrapper-template--19985877762102__custom_divider_PwiGNV { 5398 background-color: #18191e; 5399 width: 100%; 5400} 5401.custom-hr-template--19985877762102__custom_divider_PwiGNV { 5402 border: none; 5403 height: 1px; 5404 background: linear-gradient( 5405 to right, 5406 rgba(255, 255, 255, 0), 5407 rgba(255, 255, 255, 0.30), 5408 rgba(255, 255, 255, 0.90), 5409 rgba(255, 255, 255, 0.30), 5410 rgba(255, 255, 255, 0) 5411 ); 5412 margin-top: 0px; 5413 margin-bottom: 0px; 5414} 5415</style> 5416 5417 5418<div class="custom-divider-wrapper-template--19985877762102__custom_divider_PwiGNV"> 5419 <div class="container"> 5420 <div class="row"> 5421 <div class="col-sm-12"> 5422 <hr class="custom-hr-template--19985877762102__custom_divider_PwiGNV"> 5423 </div> 5424 </div> 5425 </div> 5426</div> 5427</div><section id="shopify-section-template--19985877762102__cta_bar_new_EqPrCJ" class="shopify-section ctabar_new_section"><style> 5428 .cta-bar { 5429 } 5430 .cta-container { 5431 } 5432 .cta-row { 5433 } 5434 .col-10 { 5435 } 5436 .section-subtitle { 5437 } 5438 .section-title { 5439 } 5440 .section-description { 5441 } 5442 .cta-button { 5443 } 5444 .cta-button:hover { 5445 } 5446 .pre-footer-cta p{font-family: 'Sofia Pro'; font-family: 18px; font-weight: 600;} 5447 @media (max-width: 768px) { 5448 } 5449</style> 5450 5451<div class=""> 5452 <div class="container"> 5453 <div class="row d-flex align-items-center"> 5454 <div class="col-lg-9 col-md-12 text-center text-lg-start"> 5455 <div class="wow fadeInUp"> 5456 5457 <h2 class="title wow fadeInUp">Partner with Stage 3 Innovations and Earn Commissions by Referring Businesses</h2> 5458 5459 5460 </div> 5461 </div> 5462 5463 <div class="col-lg-3 col-md-12"> 5464 5465 <div class="d-flex mt-4 gap-4 justify-content-center"> 5466 <a 5467 href="/pages/affiliate" 5468 class="wow fadeInUp btn btn-primary-new" 5469 data-wow-delay="0.4s" 5470 > 5471 Become a Partner ➜ 5472 </a> 5473 </div> 5474 5475 </div> 5476 5477 </div> 5478 </div> 5479</div> 5480 5481 5482</section> 5483 </main> 5484 5485 <!-- BEGIN sections: footer-group --> 5486<footer id="shopify-section-sections--19985877368886__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper"><footer id="footer" class="main-footer"> 5487 <div class="container"> 5488 <div class="pre-footer"> 5489 <div class="row"> 5490 <div class="col-lg-12 text-start"> 5491 <a href="/"> 5492 <img 5493 width="392" 5494 height="60" 5495 src="https://grow.servicedealer.com/cdn/shop/files/s3innovations-white-logo-01-1.svg" 5496 class="footer-logo" 5497 alt="" 5498 style="width: 392px; height: 60px; display: inline-block; max-width: fit-content;" 5499 decoding="async" 5500 loading="lazy" 5501 > 5502 </a> 5503 </div> 5504 </div> 5505 5506 <div class="row"> 5507 <div class="col-lg-12 mt-5"> 5508 <div class="d-flex flex-wrap justify-content-between align-items-start"> 5509 <div 5510 class="wow fadeInUp mt-4 mt-md-0" 5511 data-wow-delay="0.2s" 5512 > 5513 5514 5515 <h4 class="">Growth System </h4> 5516 <nav class="" aria-label="solutions"> 5517 <div class="menu-solutions-container"> 5518 <ul id="menu-solutions" class="space-y-2-old"> 5519 <li id="menu-item-22" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22"> 5520 <a href="/pages/digital-marketing"> Digital Marketing</a> 5521 </li> 5522 <li id="menu-item-23" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-23"> 5523 <a href="/pages/social-media"> Social Media </a> 5524 </li> 5525 <li id="menu-item-23" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-23"> 5526 <a href="/pages/content-production"> Content Production </a> 5527 </li> 5528 <li id="menu-item-25" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-25"> 5529 <a href="/pages/e-commerce-marketing"> E-Commerce Marketing </a> 5530 </li> 5531 <li id="menu-item-26" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-25"> 5532 <a href="/pages/branding-design"> Branding & Design </a> 5533 </li> 5534 <li id="menu-item-26" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-25"> 5535 <a href="/pages/analytics-insights"> Analytics & Insights </a> 5536 </li> 5537 </ul> 5538 </div> 5539 </nav> 5540 5541 </div> 5542 5543 <div 5544 class="wow fadeInUp mt-4 mt-md-0" 5545 data-wow-delay="0.4s" 5546 > 5547 <h4 class="">Marketing Solutions</h4> 5548 <nav class="" aria-label="company"> 5549 <div class="menu-company-container"> 5550 <ul id="menu-company" class="space-y-2-old"> 5551 <li id="menu-item-22" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22"> 5552 <a href="/collections/packages"> Growth Packages </a> 5553 </li> 5554 <li id="menu-item-22" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22"> 5555 <a href="/collections/design-packages"> Design Packages </a> 5556 </li> 5557 5558 <li id="menu-item-26" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-25"> 5559 <a href="/pages/our-platforms"> Industry Platforms </a> 5560 </li> 5561 </ul> 5562 </div> 5563 </nav> 5564 </div> 5565 5566 <div class="wow fadeInUp mt-4 mt-md-0 d-none hidden" data-wow-delay="0.6s"> 5567 <h4 class="">Directory</h4> 5568 <nav class="" aria-label="resources"> 5569 <div class="menu-resources-container"> 5570 <ul id="menu-resources" class="space-y-2-old"> 5571 <li id="menu-item-33" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33"> 5572 <a href="https://www.servicedealer.com" target="_blank">ServiceDealer.com</a> 5573 </li> 5574 </ul> 5575 </div> 5576 </nav> 5577 </div> 5578 5579 <div class="wow fadeInUp mt-4 mt-lg-0 " data-wow-delay="0.6s"> 5580 <h4 class="">Resources</h4> 5581 <nav class="" aria-label="resources"> 5582 <div class="menu-resources-container"> 5583 <ul id="menu-resources" class="space-y-2-old"> 5584 <li id="menu-item-303" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-303"> 5585 <a href="/pages/our-platforms" >
5585 Directories </a> 5586 </li> 5587 <li id="menu-item-33" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33"> 5588 <a href="#">Blog Articles</a> 5589 </li> 5590 <li id="menu-item-34" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-34"> 5591 <a href="#">Download Apps</a> 5592 </li> 5593 <li id="menu-item-35" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-35"> 5594 <a href="#">Newsletter</a> 5595 </li> 5596 <li id="menu-item-36" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-35"> 5597 <a href="/pages/affiliate">Affiliate Program</a> 5598 </li> 5599 5600 </ul> 5601 </div> 5602 </nav> 5603 </div> 5604 5605 <div class="wow fadeInUp mt-4 mt-lg-0" data-wow-delay="0.6s"> 5606 <h4 class=""><a href="#">About Us</a></h4> 5607 <nav class="" aria-label="resources"> 5608 <div class="menu-resources-container"> 5609 <ul id="menu-resources" class="space-y-2-old"> 5610 <li id="menu-item-34" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-34"> 5611 <a href="/pages/why-stage-3">Why Stage 3? </a> 5612 </li> 5613 <li id="menu-item-33" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33"> 5614 <a href="https://player.vimeo.com/video/1220120686" class="popup-vimeo">Stage 3 Growth System</a> 5615 </li> 5616 <li id="menu-item-34" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-34"> 5617 <a href="/pages/contact-us">Contact </a> 5618 </li> 5619 <li id="menu-item-35" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-35"> 5620 <a href="/pages/partners">Partners </a> 5621 </li> 5622 <li id="menu-item-36" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-36"> 5623 <a href="/pages/associations">Associations</a> 5624 </li> 5625 </ul> 5626 </div> 5627 </nav> 5628 </div> 5629 </div> 5630 </div> 5631 </div> 5632 </div> 5633 5634 <div class="footer-bottom"> 5635 <div class="row"> 5636 <div class="col-lg-12 wow fadeInUp"> 5637 <ul class="menu nav justify-content-center"> 5638 <li class="menu-item menu-item-type-custom menu-item-object-custom nav-item">Copyright @2026 Stage 3 Innovations. All Rights Reserved. </li> 5639 <li class="menu-item menu-item-type-custom menu-item-object-custom nav-item"> 5640 <a role="menuitem" href="/pages/privacy-policy" class="nav-link">Privacy Policy</a> 5641 </li> 5642 <li class="menu-item menu-item-type-custom menu-item-object-custom nav-item"> 5643 <a role="menuitem" href="/pages/terms-of-service" class="nav-link">Terms of Service</a> 5644 </li> 5645 </ul> 5646 </div> 5647 </div> 5648 <!-- /.row --> 5649 </div> 5650 </div> 5651 <!-- /.container --> 5652</footer> 5653 5654<!-- Scroll to Top Button --> 5655<button id="scrollTopBtn" class="scroll-to-top" aria-label="Scroll to top"> 5656 <i class="fa-solid fa-arrow-up-long"></i> 5657</button> 5658 5659 5660<div 5661 class="section-background color-scheme-1" 5662 style="background-color: #0b111e; visibility: hidden; height: 0px; display: none;" 5663></div> 5664<div 5665 class="section section--page-width color-scheme-1" 5666 style="background-color: #0b111e; visibility: hidden; height: 0px; display: none;" 5667> 5668 5669 <div 5670 class=" 5671 footer-content 5672 spacing-style 5673 5674 5675 " 5676 style=" 5677 --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px)); 5678 --footer-gap: 20px; 5679 --grid-columns: 0; 5680 --last-row-count: 4; 5681 --tablet-last-row-count: 2; 5682 " 5683 > 5684 5685 </div> 5686</div> 5687 5688 5689 5690 5691</footer> 5692<!-- END sections: footer-group --> 5693 5694
5694<script 5695 src="//www.stage3innovations.com/cdn/shop/t/4/assets/dialog.js?v=61774032287387761671767711867" 5696 type="module" 5697></script>
5697 5698
5699<script 5700 src="//www.stage3innovations.com/cdn/shop/t/4/assets/predictive-search.js?v=149240552485540508541767711864" 5701 type="module" 5702 fetchpriority="low" 5703></script>
5703 5704 5705<dialog-component 5706 id="search-modal" 5707 class="search-modal" 5708 5709> 5710 <dialog 5711 ref="dialog" 5712 on:click="/closeDialogOnClickOutside" 5713 on:keydown="/closeDialogOnEscapePress" 5714 class="search-modal__content dialog-modal" 5715 scroll-lock 5716 aria-labelledby="search-modal-heading" 5717 > 5718 <h2 5719 id="search-modal-heading" 5720 class="visually-hidden" 5721 > 5722 Search 5723 </h2> 5724 <predictive-search-component 5725 class="predictive-search color-scheme-1" 5726 style="--product-corner-radius: 0px; --card-corner-radius: 4px;" 5727 data-section-id="predictive-search" 5728 data-testid="search-component--modal" 5729 role="search" 5730 aria-label="Search" 5731 > 5732 <form 5733 action="/search" 5734 method="get" 5735 role="search" 5736 class="predictive-search-form" 5737 ref="form" 5738 on:keydown="/onSearchKeyDown" 5739 > 5740 <div 5741 class="predictive-search-form__header" 5742 > 5743 <div class="predictive-search-form__header-inner"> 5744 <label 5745 for="cmdk-input" 5746 class="visually-hidden" 5747 >Search</label> 5748 <input 5749 class="search-input" 5750 id="cmdk-input" 5751 type="search" 5752 name="q" 5753 role="combobox" 5754 aria-expanded="false" 5755 aria-owns="predictive-search-results" 5756 aria-controls="predictive-search-results" 5757 aria-haspopup="listbox" 5758 aria-autocomplete="list" 5759 autocomplete="off" 5760 placeholder="Search" 5761 ref="searchInput" 5762 on:input="/search" 5763 on:keydown="/onSearchKeyDown" 5764 > 5765 <input 5766 name="options[prefix]" 5767 type="hidden" 5768 value="last" 5769 > 5770 <span class="svg-wrapper predictive-search__icon"> 5771 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> 5772 5773 </span> 5774 <button 5775 type="button" 5776 class="button-unstyled predictive-search__reset-button" 5777 ref="resetButton" 5778 hidden 5779 on:click="/resetSearch" 5780 > 5781 Clear 5782 </button> 5783 </div> 5784 <button 5785 type="button" 5786 class="button predictive-search__close-modal-button" 5787 aria-label="Close dialog" 5788 on:click="dialog-component/closeDialog" 5789 ref="closeModalButton" 5790 > 5791 <span class="svg-wrapper"> 5792 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5793 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5794 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5795</svg> 5796 5797 </span> 5798 </button> 5799 </div> 5800 5801 <div class="predictive-search-form__content-wrapper"> 5802 <div 5803 class="predictive-search-form__content" 5804 tabindex="-1" 5805 ref="predictiveSearchResults" 5806 on:click="/handleModalClick" 5807 > 5808 5809 5810<div 5811 id="predictive-search-results" 5812 class="predictive-search-dropdown" 5813 role="listbox" 5814 aria-expanded="true" 5815 style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);" 5816> 5817 5818 <div class="predictive-search-results__inner"> 5819 5820 5821 5822 5823 5824 <div 5825 id="predictive-search-products" 5826 class="predictive-search-results__products" 5827 5828 data-testid="products-list-default--modal" 5829 5830> 5831 5832 <h4 class="predictive-search-results__title"> 5833 Products 5834 </h4> 5835 <ul 5836 class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled" 5837 role="listbox"
5838 aria-label="Products" 5839 > 5840 5841 5842 <li 5843 class="predictive-search-results__card predictive-search-results__card--product" 5844 ref="resultsItems[]" 5845 > 5846 5847<div 5848 class="resource-card" 5849 href="/products/accelerator" 5850 data-resource-type="product" 5851> 5852 <a 5853 class="resource-card__link" 5854 href="/products/accelerator" 5855 > 5856 <span class="visually-hidden"> 5857 ACCELERATOR 5858 </span> 5859 </a> 5860 <div 5861 class="resource-card__media" 5862 style="--resource-card-aspect-ratio: 4 / 5;" 5863 5864 > 5865 5866 5867<img src="//www.stage3innovations.com/cdn/shop/files/preview_images/thumb_3.jpg?v=1789026971&width=500" alt="" srcset="//www.stage3innovations.com/cdn/shop/files/preview_images/thumb_3.jpg?v=1789026971&width=240 240w, //www.stage3innovations.com/cdn/shop/files/preview_images/thumb_3.jpg?v=1789026971&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="false" style=""> 5868</div> 5869 5870 <div class="resource-card__content"> 5871 <p class="resource-card__title paragraph">ACCELERATOR</p> 5872 5873 5874 <div ref="priceContainer"> 5875 5876 5877 5878 5879 5880 <span class="price">$1,999.00</span> 5881 5882 5883 5884 5885</div> 5886 5887 </div> 5888</div> 5889 5890 </li> 5891 5892 <li 5893 class="predictive-search-results__card predictive-search-results__card--product" 5894 ref="resultsItems[]" 5895 > 5896 5897<div 5898 class="resource-card" 5899 href="/products/builder" 5900 data-resource-type="product" 5901> 5902 <a 5903 class="resource-card__link" 5904 href="/products/builder" 5905 > 5906 <span class="visually-hidden"> 5907 BUILDER 5908 </span> 5909 </a> 5910 <div 5911 class="resource-card__media" 5912 style="--resource-card-aspect-ratio: 4 / 5;" 5913 5914 > 5915 5916 5917<img src="//www.stage3innovations.com/cdn/shop/files/preview_images/thumb_3_a862cdb3-e48e-4a65-b9f6-61e205f4a6db.jpg?v=1789028188&width=500" alt="" srcset="//www.stage3innovations.com/cdn/shop/files/preview_images/thumb_3_a862cdb3-e48e-4a65-b9f6-61e205f4a6db.jpg?v=1789028188&width=240 240w, //www.stage3innovations.com/cdn/shop/files/preview_images/thumb_3_a862cdb3-e48e-4a65-b9f6-61e205f4a6db.jpg?v=1789028188&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="false" style=""> 5918 5919 <img src="//www.stage3innovations.com/cdn/shop/files/ChatGPT_Image_Sep_1_2026_02_36_26_PM.png?v=1789474458&width=500" alt="BUILDER" srcset="//www.stage3innovations.com/cdn/shop/files/ChatGPT_Image_Sep_1_2026_02_36_26_PM.png?v=1789474458&width=240 240w, //www.stage3innovations.com/cdn/shop/files/ChatGPT_Image_Sep_1_2026_02_36_26_PM.png?v=1789474458&width=352 352w" width="500" height="419" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="false" data-media-id="32622532821046" style="object-position: 50.0% 50.0%;"> 5920</div> 5921 5922 <div class="resource-card__content"> 5923 <p class="resource-card__title paragraph">BUILDER</p> 5924 5925 5926 <div ref="priceContainer"> 5927 5928 5929 5930 5931 5932 <span class="price">$1,499.00</span> 5933 5934 5935 5936 5937</div> 5938 5939 </div> 5940</div> 5941 5942 </li> 5943 5944 <li 5945 class="predictive-search-results__card predictive-search-results__card--product" 5946 ref="resultsItems[]" 5947 > 5948 5949<div 5950 class="resource-card" 5951 href="/products/enterprise" 5952 data-resource-type="product" 5953> 5954 <a 5955 class="resource-card__link" 5956 href="/products/enterprise" 5957 > 5958 <span class="visually-hidden"> 5959 ENTERPRISE 5960 </span> 5961 </a> 5962 <div 5963 class="resource-card__media" 5964 style="--resource-card-aspect-ratio: 4 / 5;" 5965 5966 > 5967 5968 5969<img src="//www.stage3innovations.com/cdn/shop/files/preview_images/thumb_3_fe7e77ae-808d-4764-a997-dcf89c0fe387.jpg?v=1789028422&width=500" alt="" srcset="//www.stage3innovations.com/cdn/shop/files/preview_images/thumb_3_fe7e77ae-808d-4764-a997-dcf89c0fe387.jpg?v=1789028422&width=240 240w, //www.stage3innovations.com/cdn/shop/files/preview_images/thumb_3_fe7e77ae-808d-4764-a997-dcf89c0fe387.jpg?v=1789028422&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="false" style=""> 5970</div> 5971 5972 <div class="resource-card__content"> 5973 <p class="resource-card__title paragraph">ENTERPRISE</p> 5974 5975 5976 <div ref="priceContainer"> 5977 5978 5979 5980 5981
5982 <span class="price">$4,999.00</span> 5983 5984 5985 5986 5987</div> 5988 5989 </div> 5990</div> 5991 5992 </li> 5993 5994 <li 5995 class="predictive-search-results__card predictive-search-results__card--product" 5996 ref="resultsItems[]" 5997 > 5998 5999<div 6000 class="resource-card" 6001 href="/products/expansion" 6002 data-resource-type="product" 6003> 6004 <a 6005 class="resource-card__link" 6006 href="/products/expansion" 6007 > 6008 <span class="visually-hidden"> 6009 EXPANSION 6010 </span> 6011 </a> 6012 <div 6013 class="resource-card__media" 6014 style="--resource-card-aspect-ratio: 4 / 5;" 6015 6016 > 6017 6018 6019<img src="//www.stage3innovations.com/cdn/shop/files/preview_images/thumb_3_bb3de0fa-5ad7-4c6a-af6f-db13b99ed5cd.jpg?v=1789027435&width=500" alt="" srcset="//www.stage3innovations.com/cdn/shop/files/preview_images/thumb_3_bb3de0fa-5ad7-4c6a-af6f-db13b99ed5cd.jpg?v=1789027435&width=240 240w, //www.stage3innovations.com/cdn/shop/files/preview_images/thumb_3_bb3de0fa-5ad7-4c6a-af6f-db13b99ed5cd.jpg?v=1789027435&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="false" style=""> 6020</div> 6021 6022 <div class="resource-card__content"> 6023 <p class="resource-card__title paragraph">EXPANSION</p> 6024 6025 6026 <div ref="priceContainer"> 6027 6028 6029 6030 6031 6032 <span class="price">$3,499.00</span> 6033 6034 6035 6036 6037</div> 6038 6039 </div> 6040</div> 6041 6042 </li> 6043 6044 </ul> 6045 6046</div> 6047 6048 6049 6050 6051 6052 </div> 6053 6054</div> 6055 6056 </div> 6057 6058 <div class="predictive-search-form__footer"> 6059 <button 6060 class="button button-primary predictive-search__search-button" 6061 ref="viewAllButton" 6062 > 6063 View all 6064 </button> 6065 </div> 6066 </div> 6067 </form> 6068 </predictive-search-component> 6069 </dialog> 6070</dialog-component> 6071 6072 6073 6074 6075 6076 <quick-add-dialog id="quick-add-dialog"> 6077 <dialog 6078 class="quick-add-modal dialog-modal color-scheme-1" 6079 ref="dialog" 6080 scroll-lock 6081 > 6082 <button 6083 ref="closeButton" 6084 on:click="/closeDialog" 6085 class="button button-unstyled close-button quick-add-modal__close" 6086 aria-label="Close dialog" 6087 ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 6088 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6089 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6090</svg> 6091</button> 6092 <div 6093 id="quick-add-modal-content" 6094 class="quick-add-modal__content" 6095 ></div> 6096 </dialog> 6097</quick-add-dialog> 6098 6099 6100 6101 6102 6103 6104 6105 6106 6107
6107<script> 6108 $('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({ 6109 //disableOn: 700, 6110 type: 'iframe', 6111 mainClass: 'mfp-fade', 6112 removalDelay: 160, 6113 preloader: false, 6114 fixedContentPos: false, 6115 iframe: { 6116 patterns: { 6117 vimeo: { 6118 index: 'player.vimeo.com/video/', 6119 id: function (url) { 6120 var m = url.match(/video\/([0-9]+)/); 6121 return m ? m[1] : null; 6122 }, 6123 src: '//player.vimeo.com/video/%id%?autoplay=1&muted=1&background=0', 6124 }, 6125 youtube: { 6126 index: 'youtube.com/', 6127 id: 'v=', 6128 src: '//www.youtube.com/embed/%id%?autoplay=1&mute=1', 6129 }, 6130 }, 6131 }, 6132 callbacks: { 6133 open: function () { 6134 $('iframe').attr('allow', 'autoplay; encrypted-media; fullscreen'); 6135 }, 6136 }, 6137 }); 6138 </script>
6138 6139 6140 6141 6142 <!-- Popup 1: Welcome (10s delay) --> 6143 6144 6145 6146 6147 6148 6149 6150 <div id="shopify-block-AbFVTY0ZHc1NLUWtFY__15588394620387169604" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: subify-init --> 6151 6152 6153 6154 6155
6156<script 6157 src="https://cdn.subi.co/subify/v5/subify-sdk.js" 6158 defer 6159></script>
vendor: 1 bytes, line 6159
6159
6160<script id="subi-initializer"> 6161 (function(){ 6162 // define base config 6163 const decodedPreviewCheckString = atob("cHJldmlld0JhckluamVjdG9yLmluaXQoKQ==") 6164 const config = { 6165 moneyFormatConfig:{ 6166 money_format : "$%7B%7Bamount%7D%7D", 6167 money_with_currency_format : "$%7B%7Bamount%7D%7D%20USD", 6168 sample_fromatted_money : "$1,234.56", 6169 sample_formatted_money_with_currency : "$1,234.56%20USD", 6170 }, 6171 selling_plan_drafts: [1820229686] , 6172 recommended_selling_plans: [1820164150] , 6173 use_cart_drawer:false, 6174 preview_mode:document.head.innerHTML.includes(decodedPreviewCheckString) || document.body.innerHTML.includes(decodedPreviewCheckString), 6175 authPortalToken:"", 6176 customerId:"", 6177 timeStamp:"" 6178 } 6179 6180 Object.freeze(config) 6181 6182 Object.defineProperty(window,"SubifyConfig",{value:config,writable:false}); 6183 6184 // define membership plans 6185 const membershipPlans = [] ; 6186 6187 Object.defineProperty(window,"SubiMemberships",{value:membershipPlans,writable:false}); 6188 6189 Object.defineProperty(window,"SubiBuildBoxPlans",{ 6190 value:[], 6191 writable:false 6192 }); 6193 6194 Object.defineProperty(window,"SubiBuildBoxMetaobjectType",{ 6195 value:"app--6336039--build_box_plan", 6196 writable:false 6197 }); 6198 })() 6199</script>
6199 6200<!-- END app snippet --> 6201<!-- BEGIN app snippet: init-fixed-bundle-config --> 6202 6203
6204<script id="subi_fixed_bundle"> 6205 Object.defineProperty(window,"SubiFixedBundles",{ 6206 value:[], 6207 writable:false 6208 }); 6209 Object.defineProperty(window,"SubiFixedBundlesSubProducts",{ 6210 value:null || [], 6211 writable:false 6212 }); 6213 Object.defineProperty(window,"SubiFixedBundlesVariantRestrictions",{ 6214 value:{}, 6215 writable:false 6216 }); 6217</script>
6217 6218<!-- END app snippet --> 6219<!-- BEGIN app snippet: init-volume-discount-config -->
6220<script id="subi_volume_discount"> 6221 Object.defineProperty(window,"SubiVolumeDiscountPlans",{ 6222 value:[], 6223 writable:false 6224 }); 6225</script>
6225 6226 6227<!-- END app snippet --> 6228<!-- BEGIN app snippet: init-loyalty-config -->
6229<script id="subi_loyalty"> 6230 Object.defineProperty(window,"SubiLoyaltyPoints",{ 6231 value: {"one_time_purchase_points": 20, "subscription_points": 30, "is_active": false, "display_earning_points_banner_on_product_page_purchase_options": true} , 6232 writable: false 6233 }); 6234</script>
6234 6235<!-- END app snippet --> 6236<!-- BEGIN app snippet: early-add-to-cart-guard --> 6237<!-- END app snippet --> 6238<!-- BEGIN app snippet: render-widget --> 6239 6240 6241<!-- END app snippet --> 6242<!-- BEGIN app snippet: render-loyalty-widget --> 6243<!-- END app snippet --> 6244<!-- BEGIN app snippet: exclusive-access-products-perk --> <!-- END app snippet --> 6245<!-- BEGIN app snippet: exclusive-access-pages-perk --> <!-- END app snippet --> 6246<!-- BEGIN app snippet: automatic-discount-code-applier --> 6247 6248 6249<!-- END app snippet --> 6250 6251 6252</div><!-- Failed to render app block "10534424223343191814": app block path "shopify://apps/custlo/blocks/app-embed/f81081fd-cd04-43ee-897a-18ef0e5d9b04" does not exist -->
6252<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
6252 6253</body> 6254</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.