diff --git a/dist/index.html b/dist/index.html
index d7d0305..14fd36e 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -113,13 +113,7 @@
 <!-- (c) 1994-2025 🗝️ www.theScottKrause.com -->
 
 <hr data-n55-theme="danger" data-n55-size="xlarge">
-<p class="hd4 readampm">A2YW WDGT REQUIREMENTS - Long Tap msg on CTA | Pup is Modal | 
-    upsell cta Reach out to us if you need a custom tool (pwa windows store / ggl play, extension ). | No SFDC W2L - Use WWT API? | Forever free | Email me a free Monthly Engagement Analytics report | neodigmWidget.getJWT()</p>
-- Confetti 
-- Terms and Privacy
-- Roller {conf: ampm: }
-- Keyboard trap
-- video
+
 <p class="h-center hd2 readable__caption">A2YW</p>
 
 <section> <aside class="h-center">
@@ -141,13 +135,45 @@
     
 </aside> </section>
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<!-- A2YW WDGT REQUIREMENTS
+Long Tap msg on CTA | Pup is Modal | 
+upsell_custom cta Reach out to us if you need a custom tool (pwa windows store / ggl play, extension ). | No SFDC W2L - Use WWT API? | Forever free | Email me a free Monthly Engagement Analytics report | neodigmWidget.getJWT()
+- Confetti 
+- Terms and Privacy
+- Roller {conf: ampm: }
+- Keyboard trap
+- video
+
+- CountTo - Widget Engaements (start date + current time + random + number of hours)
+- Domain OG and Title
+- Grab wdgt token, small desc, long desc
+- Download Snippet upon pup close
+
+- QR code
+- Email link /w subject
+-->
 <template id="js-wtt-a2yw-pup" data-n55-sodapop-modal="true" data-n55-ampm-theme="dark"
 data-n55-sodapop-size="small" data-n55-sodapop-fullscreen="false">
 
     <div>
         <nav class="h-right">
             <neodigm-juicebar class= "h-opa__0" role="progressbar" data-n55-theme="warning" data-n55-size="small"><div></div></neodigm-juicebar>
-            <neodigm-acticon  data-n55-theme="ghost" data-n55-size="micro"
+            <neodigm-acticon data-n55-theme="ghost" data-n55-size="micro"
+            style="z-index: 266;"
             data-n55-tulip= '{"msg":" Close / Exit ","mrq":false,"tmpt":"","theme":"ghost","size":"xsmall","position":"top","icn":""}'
             data-n55-wired4sound-click="9"  data-n55-wired4sound-hover="3"
             onclick="neodigmSodaPop.close()"><neodigm-icon class="material-symbols-outlined">close</neodigm-icon></neodigm-acticon>
@@ -155,6 +181,12 @@
         <neodigm-carousel id="js-wtt-a2yw-caro__id" style="margin-top: -24px;">
 
             <section>
+                <section data-n55-carousel-page-name="QQQQ">
+                    <aside class="h-center"><p class="readampm__caption">Add Widget to Your Website</p></aside>
+                    <p class="h-center readampm">QQQQ</p>
+                    <br class="h-br-half">
+                </section>
+
                 <section data-n55-carousel-page-name="email">
                     <aside class="h-center"><p class="readampm__caption">Add Widget to Your Website</p></aside>
                     <br class="h-br-half">
@@ -171,8 +203,8 @@
                         onChange="doWTTCompStore( 'optin', 'toggle' )">
                     <label for="js-wtt-a2yw-chk__email--id"></label>Email My Free Monthly Widget Engagement Analytics Report</p>
                     <br class="h-br-half">
-
                 </section>
+
                 <section data-n55-carousel-page-name="domain">
                     <aside class="h-center"><p class="readampm__caption">Add Widget to Your Website</p></aside>
                     <p class="h-center readampm">Enter your website to continue. On which website would you like to display this widget? We use this information to customize your experience.</p>
@@ -180,8 +212,8 @@
                     <br class="h-br-half">
                     <input id="js-wtt-a2yw-inp__domain--id" name="domain" class="a2yw-n55__inp n55-lc__input" type="text" placeholder="https://www.YourWebsite.com">
                     <br class="h-br-half">
-
                 </section>
+
                 <section data-n55-carousel-page-name="roller">
                     <aside class="h-center"><p class="readampm__caption">Add Widget to Your Website</p></aside>
                     <p class="h-center readampm">Customize your Widget to blend into your website. You can choose a color theme and a dark or light mode.</p>
@@ -192,7 +224,7 @@
                         <a id="js-wtt-a2yw-cta__ampm"
                             onClick="doWTTCompStore('ampm')"
                             tabindex="0" aria-haspopup="true" data-n55-enchanted-cta data-n55-enchanted-cta-dont-touch="true" data-n55-enchanted-cta-shape-off="false" data-n55-enchanted-cta-hover-an="false"
-                            data-n55-enchanted-cta-size="xsmall"
+                            data-n55-enchanted-cta-size="small"
                             data-n55-theme="brand"
                             data-n55-tulip='{"msg":" Select a LIGHT ☀️ or DARK 🌙 mode that matches your visitors preference.  The DARK mode will display white text on a black background, making it easier to read at night.  🌑🌒🌓🌔🌕🌖🌗🌘🌑  ","mrq":true,"tmpt":"","theme":"ghost","size":"small","position":"top","icon":""}'
                             data-n55-wired4sound-click="10"
@@ -202,15 +234,15 @@
                         <a id="js-wtt-a2yw-cta__theme"
                             tabindex="0" aria-haspopup="true" data-n55-enchanted-cta data-n55-enchanted-cta-dont-touch="true" data-n55-enchanted-cta-shape-off="false" data-n55-enchanted-cta-hover-an="true"
                             data-n55-poptart-click="js-wtt-a2yw-poptrt__theme--id"
-                            data-n55-enchanted-cta-size="xsmall"
+                            data-n55-enchanted-cta-size="small"
                             data-n55-theme="brand"
                             data-n55-tulip='{"msg":" Select a color theme that closely matches your website.  You can choose colors that reflect your brand.  🟥 🟩 🟦 🟪 🟨   ","mrq":true,"tmpt":"","theme":"ghost","size":"small","position":"top","icon":""}'
                             data-n55-wired4sound-click="10"
                             ><span>Widget Color <neodigm-icon class="material-symbols-outlined">palette</neodigm-icon></span><span data-n55-wired4sound-hover="3">Choose a Theme</span>
                         </a>
-
                     </nav>
                 </section>
+
                 <section data-n55-carousel-page-name="anticipation">
                     <aside class="h-center"><p class="readampm__caption">Add Widget to Your Website</p></aside>
                     <br class="h-br-half">
@@ -228,11 +260,10 @@
                             <pre data-n55-theme="brand"></pre> 
                             </neodigm-marquee>                        
                         </div>
-
                     </nav>
                     <br class="h-br-half">
-
                 </section>
+
                 <section data-n55-carousel-page-name="snippet">
                     <aside class="h-center"><p class="readampm__caption">Add Widget to Your Website</p></aside>
                     <p class="h-center readampm">Simply copy this snippet then have your friendly neighborhood web developer put it in your website HTML.</p>
@@ -250,14 +281,16 @@
 <neodigm-widget data-n55-widget-config="{conf:'', ampm:'',mobile:''}" data-n55-widget-id="compress_json_wdg"></neodigm-widget></textarea>
                     <br class="h-br-half">
                 </section>
+
                 <section data-n55-carousel-page-name="sticky">
                     <aside class="h-center"><p class="readampm__caption">Add Widget to Your Website</p></aside>
                     <p class="h-center readampm">STICKY</p>
                     <br class="h-br-half">
                 </section>
-                <section data-n55-carousel-page-name="upsell">
+
+                <section data-n55-carousel-page-name="upsell_custom">
                     <aside class="h-center"><p class="readampm__caption">Add Widget to Your Website</p></aside>
-                    <p class="h-center readampm">UPSELL</p>
+                    <p class="h-center readampm">upsell_custom</p>
                     <br class="h-br-half">
                 </section>
             </section>
@@ -265,11 +298,11 @@
         </neodigm-carousel>
 
         <nav class="h-center" style="min-height: 48px;">
-            <a id="js-cta-a2yw__next--id" data-n55-enchanted-cta data-n55-wired4sound-click="10" data-n55-enchanted-cta-size="xsmall" data-n55-theme="ghost" data-n55-enchanted-cta-ambient=""
+            <a id="js-cta-a2yw__next--id" data-n55-enchanted-cta data-n55-wired4sound-click="10" data-n55-enchanted-cta-size="xsmall" data-n55-theme="ghost" data-n55-enchanted-cta-ambient="" data-n55-enchanted-cta-dont-touch="true"
             onClick="navA2YW()">
                 <span data-n55-wired4sound-hover="3">Continue <neodigm-icon class="material-symbols-outlined">navigate_next</neodigm-icon></span><span>Next Step <neodigm-icon class="material-symbols-outlined" style="color: var( --neodigm-theme-brand );">navigate_next</neodigm-icon></span>
             </a>
-            <a id="js-cta-a2yw__copy--id" class="h-ds__none" data-n55-enchanted-cta data-n55-wired4sound-click="10" data-n55-enchanted-cta-size="xsmall" data-n55-theme="ghost" data-n55-enchanted-cta-ambient=""
+            <a id="js-cta-a2yw__copy--id" class="h-ds__none" data-n55-enchanted-cta data-n55-wired4sound-click="10" data-n55-enchanted-cta-size="xsmall" data-n55-theme="ghost" data-n55-enchanted-cta-ambient="" data-n55-enchanted-cta-dont-touch="true"
             onclick="doCopySnippet('js-a2yw-txt-area__copy--id');">
                 <span data-n55-wired4sound-hover="3">Copy Snippet <neodigm-icon class="material-symbols-outlined" style="color: var( --neodigm-theme-brand );">content_copy</neodigm-icon></span><span>To Clipboard <neodigm-icon class="material-symbols-outlined" style="color: var( --neodigm-theme-brand );">content_copy</neodigm-icon></span>
             </a>
@@ -280,27 +313,27 @@
 
 <neodigm-template id="js-wtt-a2yw-poptrt__theme--id" data-n55-ampm-theme="dark" data-n55-poptart='{"xQQQQ": 176, "yQQQQ": 176, "zQQQQ": 1076, "h": 256, "w": 156, "position":"bottom", "fixed": true, "offset":{"x":0,"y":0,"w":0}}'>
     <div class="h-center">
-        <a id="cta-toast-theme-1" data-n55-enchanted-cta data-n55-wired4sound-click="10" data-n55-enchanted-cta-size="xsmall" onclick="doWTTCompStore('theme','brand');" data-n55-theme="brand" data-n55-toast="Brand|Custom #EDBA08" data-n55-enchanted-cta-ambient="">
+        <a id="cta-toast-theme-1" data-n55-enchanted-cta data-n55-wired4sound-click="10" data-n55-enchanted-cta-size="xsmall" onclick="doWTTCompStore('theme','brand');" data-n55-theme="brand" data-n55-toast="Brand|Custom #EDBA08" data-n55-enchanted-cta-ambient="" data-n55-enchanted-cta-dont-touch="true">
             <span data-n55-wired4sound-mouseover="10">Brand</span><span>Custom</span></a>
-        <a id="cta-toast-theme-2" data-n55-enchanted-cta data-n55-wired4sound-click="10" data-n55-enchanted-cta-size="xsmall" onclick="doWTTCompStore('theme','primary');" data-n55-theme="primary" data-n55-toast="Primary|Serenity #92a8d1" data-n55-enchanted-cta-ambient="">
+        <a id="cta-toast-theme-2" data-n55-enchanted-cta data-n55-wired4sound-click="10" data-n55-enchanted-cta-size="xsmall" onclick="doWTTCompStore('theme','primary');" data-n55-theme="primary" data-n55-toast="Primary|Serenity #92a8d1" data-n55-enchanted-cta-ambient="" data-n55-enchanted-cta-dont-touch="true">
             <span data-n55-wired4sound-mouseover="10">Primary</span><span>Serenity</span></a>
-        <a id="cta-toast-theme-3" data-n55-enchanted-cta data-n55-wired4sound-click="10" data-n55-enchanted-cta-size="xsmall" onclick="doWTTCompStore('theme','secondary');" data-n55-theme="secondary" data-n55-toast="Secondary|Sand Dollar #EDCED0" data-n55-enchanted-cta-ambient="">
+        <a id="cta-toast-theme-3" data-n55-enchanted-cta data-n55-wired4sound-click="10" data-n55-enchanted-cta-size="xsmall" onclick="doWTTCompStore('theme','secondary');" data-n55-theme="secondary" data-n55-toast="Secondary|Sand Dollar #EDCED0" data-n55-enchanted-cta-ambient="" data-n55-enchanted-cta-dont-touch="true">
             <span data-n55-wired4sound-mouseover="10">Secondary</span><span>Sand Dollar</span></a>
-        <a id="cta-toast-theme-4" data-n55-enchanted-cta data-n55-wired4sound-click="10" data-n55-enchanted-cta-size="xsmall" onclick="doWTTCompStore('theme','success');" data-n55-theme="success" data-n55-toast="Success|Emerald #009473" data-n55-enchanted-cta-ambient="">
+        <a id="cta-toast-theme-4" data-n55-enchanted-cta data-n55-wired4sound-click="10" data-n55-enchanted-cta-size="xsmall" onclick="doWTTCompStore('theme','success');" data-n55-theme="success" data-n55-toast="Success|Emerald #009473" data-n55-enchanted-cta-ambient="" data-n55-enchanted-cta-dont-touch="true">
             <span data-n55-wired4sound-mouseover="10">Success</span><span>Emerald</span></a>
-        <a id="cta-toast-theme-5" data-n55-enchanted-cta data-n55-wired4sound-click="10" data-n55-enchanted-cta-size="xsmall" onclick="doWTTCompStore('theme','danger');" data-n55-theme="danger" data-n55-toast="Danger|Tangerine #DD4124" data-n55-enchanted-cta-ambient="">
+        <a id="cta-toast-theme-5" data-n55-enchanted-cta data-n55-wired4sound-click="10" data-n55-enchanted-cta-size="xsmall" onclick="doWTTCompStore('theme','danger');" data-n55-theme="danger" data-n55-toast="Danger|Tangerine #DD4124" data-n55-enchanted-cta-ambient="" data-n55-enchanted-cta-dont-touch="true">
             <span data-n55-wired4sound-mouseover="10">Danger</span><span>Tangerine</span></a>
-        <a id="cta-toast-theme-6" data-n55-enchanted-cta data-n55-wired4sound-click="10" data-n55-enchanted-cta-size="xsmall" onclick="doWTTCompStore('theme','warning');" data-n55-theme="warning" data-n55-toast="Warning|Illuminating #F5DF4D" data-n55-enchanted-cta-ambient="">
+        <a id="cta-toast-theme-6" data-n55-enchanted-cta data-n55-wired4sound-click="10" data-n55-enchanted-cta-size="xsmall" onclick="doWTTCompStore('theme','warning');" data-n55-theme="warning" data-n55-toast="Warning|Illuminating #F5DF4D" data-n55-enchanted-cta-ambient="" data-n55-enchanted-cta-dont-touch="true">
             <span data-n55-wired4sound-mouseover="10">Warning</span><span>Illuminating</span></a>
-        <a id="cta-toast-theme-7" data-n55-enchanted-cta data-n55-wired4sound-click="10" data-n55-enchanted-cta-size="xsmall" onclick="doWTTCompStore('theme','info');" data-n55-theme="info" data-n55-toast="Info|Aqua Sky #7BC4C4" data-n55-enchanted-cta-ambient="">
+        <a id="cta-toast-theme-7" data-n55-enchanted-cta data-n55-wired4sound-click="10" data-n55-enchanted-cta-size="xsmall" onclick="doWTTCompStore('theme','info');" data-n55-theme="info" data-n55-toast="Info|Aqua Sky #7BC4C4" data-n55-enchanted-cta-ambient="" data-n55-enchanted-cta-dont-touch="true">
             <span data-n55-wired4sound-mouseover="10">Info</span><span>Aqua Sky</span></a>
-        <a id="cta-toast-theme-8" data-n55-enchanted-cta data-n55-wired4sound-click="10" data-n55-enchanted-cta-size="xsmall" onclick="doWTTCompStore('theme','marcom');" data-n55-theme="marcom" data-n55-toast="Marcom|Radiant Ultra Violet #B163A3" data-n55-enchanted-cta-ambient="">
+        <a id="cta-toast-theme-8" data-n55-enchanted-cta data-n55-wired4sound-click="10" data-n55-enchanted-cta-size="xsmall" onclick="doWTTCompStore('theme','marcom');" data-n55-theme="marcom" data-n55-toast="Marcom|Radiant Ultra Violet #B163A3" data-n55-enchanted-cta-ambient="" data-n55-enchanted-cta-dont-touch="true">
             <span data-n55-wired4sound-mouseover="10">Marcom</span><span>Ultra Violet</span></a>
-        <a id="cta-toast-theme-9" data-n55-enchanted-cta data-n55-wired4sound-click="10" data-n55-enchanted-cta-size="xsmall" onclick="doWTTCompStore('theme','party');" data-n55-theme="party" data-n55-toast="Party|Coral Honeysuckle #FF6F61" data-n55-enchanted-cta-ambient="">
+        <a id="cta-toast-theme-9" data-n55-enchanted-cta data-n55-wired4sound-click="10" data-n55-enchanted-cta-size="xsmall" onclick="doWTTCompStore('theme','party');" data-n55-theme="party" data-n55-toast="Party|Coral Honeysuckle #FF6F61" data-n55-enchanted-cta-ambient="" data-n55-enchanted-cta-dont-touch="true">
             <span data-n55-wired4sound-mouseover="10">Party</span><span>Honeysuckle</span></a>
-        <a id="cta-toast-theme-10" data-n55-enchanted-cta data-n55-wired4sound-click="10" data-n55-enchanted-cta-size="xsmall" onclick="doWTTCompStore('theme','night');" data-n55-theme="night" data-n55-toast="Night|Charcole Gray #868686" data-n55-enchanted-cta-ambient="">
+        <a id="cta-toast-theme-10" data-n55-enchanted-cta data-n55-wired4sound-click="10" data-n55-enchanted-cta-size="xsmall" onclick="doWTTCompStore('theme','night');" data-n55-theme="night" data-n55-toast="Night|Charcole Gray #868686" data-n55-enchanted-cta-ambient="" data-n55-enchanted-cta-dont-touch="true">
             <span data-n55-wired4sound-mouseover="10">Night</span><span>Charcole Gray</span></a>
-        <a id="cta-toast-theme-11" data-n55-enchanted-cta data-n55-wired4sound-click="10" data-n55-enchanted-cta-size="xsmall" onclick="doWTTCompStore('theme','ghost');" data-n55-theme="ghost" data-n55-toast="Ghost|White  #FFFFFF" data-n55-enchanted-cta-ambient="">
+        <a id="cta-toast-theme-11" data-n55-enchanted-cta data-n55-wired4sound-click="10" data-n55-enchanted-cta-size="xsmall" onclick="doWTTCompStore('theme','ghost');" data-n55-theme="ghost" data-n55-toast="Ghost|White  #FFFFFF" data-n55-enchanted-cta-ambient="" data-n55-enchanted-cta-dont-touch="true">
             <span data-n55-wired4sound-mouseover="10">Ghost</span><span>Black or White</span></a>
     </div>
 </neodigm-template>
@@ -325,10 +358,9 @@
 <!-- The below script contains all custom logic for this component -->
 <script>
 let oWTTCompStore = {"token": "compress_json_wdg","theme": "brand", "ampm": "light", "optin": true, "copied": false, "protomolecule":neodigmWidget.getCronSync()}
+
 function doWTTCompStore( sAtr, sVal ){
-    if( sAtr == "optin" ){
-        sVal = !oWTTCompStore.optin
-    }
+    if( sAtr == "optin" ) sVal = !oWTTCompStore.optin
     if( sAtr == "ampm" ){ 
         let el = document.querySelector( "#js-wtt-a2yw-cta__ampm" )
         let elTxt = el.querySelector( "span > ampm-mode" )
@@ -356,11 +388,14 @@
     let aElInp = [ ... document.querySelectorAll( ".a2yw-n55__inp" )]  //  Advance Caro on CR
     let sMsg = ""
     switch( nPg ){
-        case 1:  //  email
+        case 1: //  QQQQ
+            //neodigmCarousel.nav({"id":"js-wtt-a2yw-caro__id","nav":"email"})
+        break;
+        case 2:  //  email
             if( aElInp[0].value ){
                 if( ( aElInp[0].value.indexOf("@") != -1 ) && ( aElInp[0].value.indexOf(".") != -1 ) ){
                     doWTTCompStore( "elm", aElInp[0].value )
-                    neodigmCarousel.nav({"id":"js-wtt-a2yw-caro__id","nav":"next"})
+                    neodigmCarousel.nav({"id":"js-wtt-a2yw-caro__id","nav":"domain"})
                 }else{
                     sMsg = "Hmm… That Email|Doesn't Look Valid"
                     neodigmSodaPop.shake()        
@@ -370,11 +405,11 @@
                 neodigmSodaPop.shake()                
             }
         break;
-        case 2:  //  domain
-        if( aElInp[1].value ){
+        case 3:  //  domain
+            if( aElInp[1].value ){
                 if( aElInp[1].value.indexOf(".") != -1 ){
                     doWTTCompStore("domain", aElInp[1].value )
-                    neodigmCarousel.nav({"id":"js-wtt-a2yw-caro__id","nav":"next"})
+                    neodigmCarousel.nav({"id":"js-wtt-a2yw-caro__id","nav":"roller"})
                 }else{
                     sMsg = "Hmm… That Website Address|Doesn't Look Valid"
                     neodigmSodaPop.shake()        
@@ -384,36 +419,35 @@
                 neodigmSodaPop.shake()                
             }
         break;
-        case 3:  //  roller
-
+        case 4:  //  roller
             fetch( "https://a55-wtt-api-v1.onrender.com/app/list" ).then( result => result.json() ).then(( res ) => {
                 setTimeout( ()=>{
-                    neodigmWired4Sound.sound( 15 )
+                    neodigmWired4Sound.sound( 22 )
                     document.getElementById("js-cta-a2yw__copy--id").classList.remove("h-ds__none")
                     document.getElementById("js-cta-a2yw__copy--id").classList.add("h-ds__inlineblock")
-                    neodigmCarousel.nav({"id":"js-wtt-a2yw-caro__id","nav":"next"})
-                }, 10e3)
+                    neodigmCarousel.nav({"id":"js-wtt-a2yw-caro__id","nav":"snippet"})
+                }, 3e3)
             console.log( " ~~~ res | " , res )
             } )
 
-            neodigmCarousel.nav({"id":"js-wtt-a2yw-caro__id","nav":"next"})
+            neodigmCarousel.nav({"id":"js-wtt-a2yw-caro__id","nav":"anticipation"})
             neodigmWired4Sound.sound( 8, "QUITE" )
             document.getElementById("js-cta-a2yw__next--id").classList.add("h-ds__none")
             document.getElementById("js-cta-a2yw__copy--id").classList.add("h-ds__none")
         break;
-        case 4:  //  anticipation
-            neodigmCarousel.nav({"id":"js-wtt-a2yw-caro__id","nav":"next"})
+        case 5:  //  anticipation
+            neodigmCarousel.nav({"id":"js-wtt-a2yw-caro__id","nav":"snippet"})
             neodigmWired4Sound.sound( 5, "QUITE" )
             document.getElementById("js-cta-a2yw__next--id").classList.add("h-ds__none")
             document.getElementById("js-cta-a2yw__copy--id").classList.add("h-ds__inlineblock")
         break;
-        case 5: //  snippet
-            neodigmCarousel.nav({"id":"js-wtt-a2yw-caro__id","nav":"next"})
+        case 6: //  snippet
+            neodigmCarousel.nav({"id":"js-wtt-a2yw-caro__id","nav":"sticky"})
         break;
-        case 6: //  sticky
-            neodigmCarousel.nav({"id":"js-wtt-a2yw-caro__id","nav":"next"})
+        case 7: //  sticky
+            neodigmCarousel.nav({"id":"js-wtt-a2yw-caro__id","nav":"upsell_custom"})
         break;
-        case 7: //  upsell
+        case 8: //  upsell_custom
             neodigmCarousel.nav({"id":"js-wtt-a2yw-caro__id","nav":"next"})
         break;
     }
@@ -425,7 +459,6 @@
     }
 }
 
-
 document.addEventListener("copy", ( ev ) => {
     if( neodigmCarousel.nav({"id":"js-wtt-a2yw-caro__id","nav":"getPage"}) == 5 ){
         oWTTCompStore.copied = true;
@@ -485,37 +518,37 @@
             neodigmCarousel.setOnAfterNav( ( sId, nPg )=>{
                 let bHideJuicebar = true
                 switch( nPg ){
-                    case 1:  //  email
+                    case 2:  //  email
                         setTimeout( ()=>{
                             document.getElementById("js-wtt-a2yw-inp__elm--id").focus()
                             doKeyFocusTrap("[data-n55-carousel-page-name='email']")
                         }, 1e3)
                     break;
-                    case 2:  //  domain
+                    case 3:  //  domain
                         setTimeout( ()=>{
                             document.getElementById("js-wtt-a2yw-inp__domain--id").focus()
                             doKeyFocusTrap("[data-n55-carousel-page-name='domain']")
                         }, 1e3)
                     break;
-                    case 3:  //  roller
+                    case 4:  //  roller
                         doKeyFocusTrap("[data-n55-carousel-page-name='roller']")
                         oWTTCompStore.theme = "brand"
                         oWTTCompStore.ampm = "light"
                     break;
-                    case 4:  //  anticipation
+                    case 5:  //  anticipation
                         doKeyFocusTrap("[data-n55-carousel-page-name='anticipation']")
                         bHideJuicebar = false
                     break;
-                    case 5:  //  snippet
+                    case 6:  //  snippet
                         doKeyFocusTrap("[data-n55-carousel-page-name='snippet']")
                     break;
-                    case 6:  //  sticky
+                    case 7:  //  sticky
                         doKeyFocusTrap("[data-n55-carousel-page-name='sticky']")
                         document.getElementById("js-cta-a2yw__next--id").classList.remove("h-ds__none")
                         document.getElementById("js-cta-a2yw__copy--id").classList.add("h-ds__none")
                     break;
-                    case 7:  //  upsell
-                        doKeyFocusTrap("[data-n55-carousel-page-name='upsell']")
+                    case 8:  //  upsell_custom
+                        doKeyFocusTrap("[data-n55-carousel-page-name='upsell_custom']")
                         document.getElementById("js-cta-a2yw__next--id").classList.add("h-ds__none")
                     break;
                 }
@@ -557,6 +590,27 @@
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+]
+
+
 <hr data-n55-theme="danger" data-n55-size="xlarge">
 
 <hr data-n55-theme="primary" data-n55-size="medium">
diff --git a/dist/neodigm55__v3_0.css b/dist/neodigm55__v3_0.css
new file mode 100644
index 0000000..05a2856
--- /dev/null
+++ b/dist/neodigm55__v3_0.css
@@ -0,0 +1,909 @@
+/*
+Neodigm 55 UX v3.0.0
+Copyright (c) 2021-2025, Arcanus 55 Privacy Paranoid Vault | Forged by Scott C. Krause
+
+Neodigm 55 is an eclectic JavaScript UX micro-library.
+The lightweight components come together in a unique way that will make your website playful and fun.
+
+All rights reserved. Redistributions of source code must retain the above copyright and notice.
+*/
+
+:root {
+    --neodigm-theme-brand: #edba08;   --neodigm-theme-brand-alt: #915E00;  /* Custom Override */
+
+    --neodigm-theme-primary: #92a8d1;   --neodigm-theme-primary-alt: #364C75;  /* Serenity approx. 25% darker */
+    --neodigm-theme-secondary: #EDCED0; --neodigm-theme-secondary-alt: #978284;  /* Sand Dollar */
+    --neodigm-theme-success: #009473;   --neodigm-theme-success-alt: #003817;  /* Emerald */
+    --neodigm-theme-danger: #DD4124;    --neodigm-theme-danger-alt: #810000;  /* Tangerine Tango */
+    --neodigm-theme-warning: #F5DF4D;   --neodigm-theme-warning-alt: #988200;  /* Illuminating */
+    --neodigm-theme-info: #7BC4C4;      --neodigm-theme-info-alt: #1F6868;  /* Aqua Sky */
+    --neodigm-theme-disabled: #d6d6d6;  --neodigm-theme-disabled-alt: #c6c6c6;  /* Light Gray */
+    --neodigm-theme-night: #6a6a6a;     --neodigm-theme-night-alt: #242424;  /* Charcoal */
+    --neodigm-theme-marcom: #B163A3;    --neodigm-theme-marcom-alt: #5F4B8B;  /* Radiant Orchid | Ultra Violet */
+    --neodigm-theme-party: #FF6F61;     --neodigm-theme-party-alt: #C93F60;  /* Living Coral | Honeysuckle */
+}
+
+neodigm-template { display: none; }
+
+/*  Neodigm Toast Begin  */
+.l-snackbar .snackbar__cont {
+	border-radius: 4px;
+	background: linear-gradient(45deg, var(--neodigm-theme-brand) 0%, var(--neodigm-theme-brand-alt) 100%);
+	box-shadow: inset var(--neodigm-theme-brand) 0 0 6px 2px;
+	border: solid 1px #d3cdb4;
+	left: 38%;
+	min-width: 20%;
+	padding: 0;
+	position: fixed;
+	transition: bottom .6s ease-in-out;
+	user-select: none;
+	z-index: 6408
+}
+.l-snackbar .snackbar__cont[data-n55-theme='brand'] { box-shadow: inset var(--neodigm-theme-brand) 0 0 6px 2px; background: linear-gradient(45deg, var(--neodigm-theme-brand) 0%, var(--neodigm-theme-brand-alt) 100%); }
+.l-snackbar .snackbar__cont[data-n55-theme='primary'] { box-shadow: inset var(--neodigm-theme-primary) 0 0 6px 2px; background: linear-gradient(45deg, var(--neodigm-theme-primary) 0%, var(--neodigm-theme-primary-alt) 100%); }
+.l-snackbar .snackbar__cont[data-n55-theme='secondary'] { box-shadow: inset var(--neodigm-theme-secondary) 0 0 6px 2px; background: linear-gradient(45deg, var(--neodigm-theme-secondary) 0%, var(--neodigm-theme-secondary-alt) 100%); }
+.l-snackbar .snackbar__cont[data-n55-theme='success'] { box-shadow: inset var(--neodigm-theme-success) 0 0 6px 2px; background: linear-gradient(45deg, var(--neodigm-theme-success) 0%, var(--neodigm-theme-success-alt) 100%); }
+.l-snackbar .snackbar__cont[data-n55-theme='danger'] { box-shadow: inset var(--neodigm-theme-danger) 0 0 6px 2px; background: linear-gradient(45deg, var(--neodigm-theme-danger) 0%, var(--neodigm-theme-danger-alt) 100%); }
+.l-snackbar .snackbar__cont[data-n55-theme='warning'] { box-shadow: inset var(--neodigm-theme-warning) 0 0 6px 2px; background: linear-gradient(45deg, var(--neodigm-theme-warning) 0%, var(--neodigm-theme-warning-alt) 100%); }
+.l-snackbar .snackbar__cont[data-n55-theme='info'] { box-shadow: inset var(--neodigm-theme-info) 0 0 6px 2px; background: linear-gradient(45deg, var(--neodigm-theme-info) 0%, var(--neodigm-theme-info-alt) 100%); }
+.l-snackbar .snackbar__cont[data-n55-theme='night'] { box-shadow: inset var(--neodigm-theme-night) 0 0 6px 2px; background: linear-gradient(45deg, var(--neodigm-theme-night) 0%, var(--neodigm-theme-night-alt) 100%); }
+.l-snackbar .snackbar__cont[data-n55-theme='marcom'] { box-shadow: inset var(--neodigm-theme-marcom) 0 0 6px 2px; background: linear-gradient(45deg, var(--neodigm-theme-marcom) 0%, var(--neodigm-theme-marcom-alt) 100%); }
+.l-snackbar .snackbar__cont[data-n55-theme='party'] { box-shadow: inset var(--neodigm-theme-party) 0 0 6px 2px; background: linear-gradient(45deg, var(--neodigm-theme-party) 0%, var(--neodigm-theme-party-alt) 100%); }
+
+.l-snackbar .snackbar__cont[data-n55-theme='brand'] .snackbar__progbar { background: linear-gradient(90deg, var(--neodigm-theme-brand-alt) 0%, var(--neodigm-theme-brand) 100%) }
+.l-snackbar .snackbar__cont[data-n55-theme='primary'] .snackbar__progbar { background: linear-gradient(90deg, var(--neodigm-theme-primary-alt) 0%, var(--neodigm-theme-primary) 100%) }
+.l-snackbar .snackbar__cont[data-n55-theme='secondary'] .snackbar__progbar { background: linear-gradient(90deg, var(--neodigm-theme-secondary-alt) 0%, var(--neodigm-theme-secondary) 100%) }
+.l-snackbar .snackbar__cont[data-n55-theme='success'] .snackbar__progbar { background: linear-gradient(90deg, var(--neodigm-theme-success-alt) 0%, var(--neodigm-theme-success) 100%) }
+.l-snackbar .snackbar__cont[data-n55-theme='danger'] .snackbar__progbar { background: linear-gradient(90deg, var(--neodigm-theme-danger-alt) 0%, var(--neodigm-theme-danger) 100%) }
+.l-snackbar .snackbar__cont[data-n55-theme='warning'] .snackbar__progbar { background: linear-gradient(90deg, var(--neodigm-theme-warning-alt) 0%, var(--neodigm-theme-warning) 100%) }
+.l-snackbar .snackbar__cont[data-n55-theme='info'] .snackbar__progbar { background: linear-gradient(90deg, var(--neodigm-theme-info-alt) 0%, var(--neodigm-theme-info) 100%) }
+.l-snackbar .snackbar__cont[data-n55-theme='night'] .snackbar__progbar { background: linear-gradient(90deg, var(--neodigm-theme-night-alt) 0%, var(--neodigm-theme-night) 100%) }
+.l-snackbar .snackbar__cont[data-n55-theme='marcom'] .snackbar__progbar { background: linear-gradient(90deg, var(--neodigm-theme-marcom-alt) 0%, var(--neodigm-theme-marcom) 100%) }
+.l-snackbar .snackbar__cont[data-n55-theme='party'] .snackbar__progbar { background: linear-gradient(90deg, var(--neodigm-theme-party-alt) 0%, var(--neodigm-theme-party) 100%) }
+
+.l-snackbar .snackbar__cont--hide {
+	bottom: -112px;
+	transition: bottom .6s ease-in-out
+}
+.l-snackbar .snackbar__cont--show {
+	bottom: 4px;
+	transition: bottom .6s ease-in-out
+}
+.l-snackbar .snackbar__cont--alt {
+	background: linear-gradient(45deg, #685b2d 0%, #d8ad12 100%) !important; 
+	box-shadow: inset #685b2d 0 0 6px 2px !important; 
+}
+.l-snackbar .snackbar__progbar {
+	height: 4px;
+	padding: 0; margin: 0;
+	position: relative;
+	top: 2px
+}
+.l-snackbar .snackbar__cont--hide .snackbar__progbar {
+	width: 0;
+	transition: width .1s ease-in-out;
+}
+.l-snackbar .snackbar__cont--show .snackbar__progbar {
+	width: 100%;
+	transition: width 5.2s ease-in-out;
+}
+.l-snackbar .snackbar__msg {
+	color: #fff;
+	font-family: sans-serif;
+	font-size: 18px;
+	margin: 18px;
+	text-align: center;
+	white-space: nowrap
+}
+@media print {
+    .l-snackbar { display: none;}
+}
+/*  Neodigm Toast End  */
+
+/*  Neodigm Soda Pop Begin  */
+body:has( .ndsp__bodyscroll ){ overflow: hidden; }
+neodigm-sodapop-scrim { display: none; }
+neodigm-sodapop-scrim[data-n55-sodapop-scrim='opened'] {
+    display: block!important;
+    position: fixed;
+    background-position: 50% 0; background-size: cover;
+    top: 0; right: 0; bottom: 0; left: 0;
+    backdrop-filter: blur(0px); transition: backdrop-filter 1s ease-in-out;
+    background: rgba(43, 30, 30, 0);
+    z-index: 256;
+}
+neodigm-sodapop-scrim:not(.ndsp__modal) { cursor: pointer; }
+neodigm-sodapop-scrim[data-n55-sodapop-scrim='opened'].ndsp__blur {
+    backdrop-filter: blur(8px);
+    background: hsla(0, 0%, 100%, .2);
+}
+neodigm-sodapop-scrim-close { display: none; }
+neodigm-sodapop-scrim-close:not(.ndsp__modal)[data-n55-sodapop-scrim='opened'] {
+    display: block!important;
+    cursor: pointer;
+    position: fixed;
+    top: 4px; right: 4px;
+    overflow-x: hidden;
+    transform: rotate(0deg);
+    transition: all .4s ease-in-out;
+    z-index: 264;
+}
+neodigm-sodapop-scrim-close:not(.ndsp__modal)[data-n55-sodapop-scrim='opened'] svg { pointer-events: none; }
+neodigm-sodapop-scrim-close:hover:not(.ndsp__modal)[data-n55-sodapop-scrim='opened'] { transform: rotate(90deg); }
+neodigm-sodapop {
+    background-color: #fff;
+    border-radius: 20px; transition: all .68s;
+    border: solid 1px #767676;
+    box-shadow: 0 0 4px rgba(100,100,100,0.4);
+    display: block !important;
+    margin: 0 auto; padding: 10px;
+    position: fixed;
+    top: 74px; right: 0; left: 0;
+     max-height: calc(100vh - 156px);
+    overflow-y: scroll; overflow-x: hidden;
+    z-index: 258;
+}
+neodigm-sodapop.n55SodapopFullscreen.ndsp__opened { height: calc(100vh - 56px); max-height: calc(100vh - 56px); }
+neodigm-sodapop.n55SodapopFullscreen.ndsp__opened { top: 16px; }
+
+[data-n55-ampm-theme="dark"] neodigm-sodapop,
+neodigm-sodapop[data-n55-ampm-theme="dark"] { background-color: var(--neodigm-theme-night-alt); }
+
+neodigm-sodapop.ndsp__opened {
+    border-radius: 8px;
+	transform: rotate(0deg);
+    min-height: 156px;
+    top: 60px;
+}
+neodigm-sodapop.ndsp__opened--shake1 {
+    animation-duration: 0.2s;
+    animation-iteration-count: 4;
+    animation-name: touch_shake;
+}
+
+neodigm-sodapop.ndsp__size--small  { width: 76%; }
+neodigm-sodapop.ndsp__size--medium { width: 86%; }
+neodigm-sodapop.ndsp__size--large  { width: 96%; }
+
+neodigm-sodapop:not(.ndsp__modal)::after {
+    cursor: pointer;
+    display: block;
+    position: absolute; top: -14px; right: -26px;
+    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23EDBA08'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M14.59 8L12 10.59 9.41 8 8 9.41 10.59 12 8 14.59 9.41 16 12 13.41 14.59 16 16 14.59 13.41 12 16 9.41 14.59 8zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E");
+    user-select: none;
+}
+@media only screen and (min-width:62em){/* sm med */
+    neodigm-sodapop.ndsp__size--small  { width: 44%; }
+    neodigm-sodapop.ndsp__size--medium { width: 66%; }
+    neodigm-sodapop.ndsp__size--large  { width: 88%; }
+}
+@media print { neodigm-sodapop-scrim-close { z-index: -256 !important;} }
+/*  Neodigm Soda Pop End  */
+
+/*  Neodigm Carousel Begin  */
+neodigm-carousel {
+    position: relative; display: block;
+    height: 100%; width: 100%;
+    overflow: hidden;
+}
+neodigm-carousel.n55-caro__blur {
+    animation: carousel_nav .90s ease-in-out;
+}
+neodigm-carousel > section {
+    position: relative; display: grid; gap: 8px;
+    grid-area: box-content; box-sizing: border-box; align-content: center;  
+    margin: 0 auto; padding: 8px; margin-left: 1px;
+	transition: all .86s ease-in-out;
+}
+neodigm-carousel > section > section { position: relative; display: block; }
+
+@keyframes carousel_nav {
+    0% { filter: blur(0); opacity: 1; }
+    30% { filter: blur(3px); }
+    60% { opacity: .3; }
+    100% { filter: blur(0); opacity: 1; }
+}
+/*  Neodigm Carousel End  */
+
+/*  Neodigm Parallax Begin  */
+neodigm-parallax[data-n55-parallax-mobile='false'],
+neodigm-parallax[data-n55-parallax-mobile='false'] * { display: none; }
+
+neodigm-parallax[data-n55-parallax] aside {
+    position: relative; overflow: hidden;
+    padding: 200px 0;
+    background-attachment: fixed;
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: middle center;
+    width: 100%;
+}
+neodigm-parallax[data-n55-parallax-size='micro']  aside { padding: 50px 0; }
+neodigm-parallax[data-n55-parallax-size='xsmall'] aside { padding: 100px 0; }
+neodigm-parallax[data-n55-parallax-size='small']  aside { padding: 200px 0; }
+neodigm-parallax[data-n55-parallax-size='medium'] aside { padding: 400px 0; }
+neodigm-parallax[data-n55-parallax-size='large']  aside { padding: 600px 0; }
+neodigm-parallax[data-n55-parallax-size='xlarge'] aside { padding: 1000px 0; }
+/*  Neodigm Parallax End  */
+
+/*  Neodigm Marquee Begin  */ 
+neodigm-marquee {
+    display: inline-block;
+    user-select: none;
+    width: 100%;
+    overflow: hidden;
+    background-color: #282828;
+        height: 38px;
+}
+[data-n55-ampm-theme="light"] neodigm-marquee[data-n55-theme='ghost'] { background-color: #fff; }
+[data-n55-ampm-theme="dark"]  neodigm-marquee[data-n55-theme='ghost'] { background-color: #282828; }
+
+[data-n55-enchanted-cta][data-n55-enchanted-cta-size='xsmall'] neodigm-marquee { background-color: rgba(0,0,0,0); max-width: 128px; }
+[data-n55-enchanted-cta][data-n55-enchanted-cta-size='small']  neodigm-marquee { background-color: rgba(0,0,0,0); max-width: 218px; }
+[data-n55-enchanted-cta][data-n55-enchanted-cta-size='medium'] neodigm-marquee { background-color: rgba(0,0,0,0); max-width: 238px; }
+[data-n55-enchanted-cta][data-n55-enchanted-cta-size='large']  neodigm-marquee { background-color: rgba(0,0,0,0); max-width: 268px; }
+[data-n55-enchanted-cta][data-n55-enchanted-cta-size='xlarge'] neodigm-marquee { background-color: rgba(0,0,0,0); max-width: 298px; }
+
+neodigm-marquee pre {
+    color: var(--neodigm-theme-brand);
+    font-family: 'Roboto Mono', monospace; 
+    padding: 0; margin: 2px; overflow: hidden;
+    font-weight: 100;
+        font-size: 30px; line-height: 1.1;
+
+    text-shadow:
+    -0.2rem -0.2rem 1rem #ed5808,
+    0.1rem 0.1rem .6rem #fff
+}
+neodigm-marquee pre[data-n55-theme='primary'],
+neodigm-marquee pre [data-n55-theme='primary'] { color: var(--neodigm-theme-primary); text-shadow: -0.2rem -0.2rem 1rem var(--neodigm-theme-primary-alt), 0.1rem 0.1rem .6rem #fff }
+neodigm-marquee pre[data-n55-theme='secondary'],
+neodigm-marquee pre [data-n55-theme='secondary'] { color: var(--neodigm-theme-secondary); text-shadow: -0.2rem -0.2rem 1rem var(--neodigm-theme-secondary-alt), 0.1rem 0.1rem .6rem #fff }
+neodigm-marquee pre[data-n55-theme='success'],
+neodigm-marquee pre [data-n55-theme='success'] { color: var(--neodigm-theme-success); text-shadow: -0.2rem -0.2rem 1rem var(--neodigm-theme-success-alt), 0.1rem 0.1rem .6rem #fff }
+neodigm-marquee pre[data-n55-theme='danger'],
+neodigm-marquee pre [data-n55-theme='danger'] { color: var(--neodigm-theme-danger); text-shadow: -0.2rem -0.2rem 1rem var(--neodigm-theme-danger-alt), 0.1rem 0.1rem .6rem #fff }
+neodigm-marquee pre[data-n55-theme='warning'],
+neodigm-marquee pre [data-n55-theme='warning'] { color: var(--neodigm-theme-warning); text-shadow: -0.2rem -0.2rem 1rem var(--neodigm-theme-warning-alt), 0.1rem 0.1rem .6rem #fff }
+neodigm-marquee pre[data-n55-theme='info'],
+neodigm-marquee pre [data-n55-theme='info'] { color: var(--neodigm-theme-info); text-shadow: -0.2rem -0.2rem 1rem var(--neodigm-theme-info-alt), 0.1rem 0.1rem .6rem #fff }
+neodigm-marquee pre[data-n55-theme='night'],
+neodigm-marquee pre [data-n55-theme='night'] { color: var(--neodigm-theme-night-alt); text-shadow: -0.2rem -0.2rem 1rem var(--neodigm-theme-night), 0.1rem 0.1rem .6rem #fff}
+neodigm-marquee pre[data-n55-theme='marcom'],
+neodigm-marquee pre [data-n55-theme='marcom'] { color: var(--neodigm-theme-marcom); text-shadow: -0.2rem -0.2rem 1rem var(--neodigm-theme-marcom-alt), 0.1rem 0.1rem .6rem #fff}
+neodigm-marquee pre[data-n55-theme='party'],
+neodigm-marquee pre [data-n55-theme='party'] { color: var(--neodigm-theme-party); text-shadow: -0.2rem -0.2rem 1rem var(--neodigm-theme-party-alt), 0.1rem 0.1rem .6rem #fff}
+neodigm-marquee pre[data-n55-theme='white'],
+neodigm-marquee pre [data-n55-theme='white'] { color: #fff; text-shadow: none; }
+[data-n55-ampm-theme="light"] neodigm-marquee pre[data-n55-theme='ghost'],
+[data-n55-ampm-theme="light"] neodigm-marquee pre [data-n55-theme='ghost'] { color: var(--neodigm-theme-night); text-shadow: none; }
+[data-n55-ampm-theme="dark"]  neodigm-marquee pre[data-n55-theme='ghost'],
+[data-n55-ampm-theme="dark"]  neodigm-marquee pre [data-n55-theme='ghost'] { color: #fff; text-shadow: none; }
+
+
+neodigm-marquee[data-n55-marquee-size='xsmall'] { height: 24px; }
+neodigm-marquee[data-n55-marquee-size='xsmall'] * {
+    font-size: 14px; line-height: 1;
+}
+neodigm-marquee[data-n55-marquee-size='small'] { height: 28px; }
+neodigm-marquee[data-n55-marquee-size='small'] * {
+    font-size: 20px; line-height: 1;
+}
+neodigm-marquee[data-n55-marquee-size='medium'] { height: 30px; }
+neodigm-marquee[data-n55-marquee-size='medium'] * {
+    font-size: 26px; line-height: .9;
+}
+neodigm-marquee[data-n55-marquee-size='large'] { height: 38px; }
+neodigm-marquee[data-n55-marquee-size='large'] * {
+    font-size: 30px; line-height: 1.1;
+}
+neodigm-marquee[data-n55-marquee-size='xlarge'] { height: 48px; }
+neodigm-marquee[data-n55-marquee-size='xlarge'] * {
+    font-size: 38px; line-height: 1.2;
+}
+/*  Neodigm Marquee End  */
+
+/*  Neodigm Claire Begin  */
+[data-n55-claire="true"] > * {
+    position: relative !important;
+}
+[data-n55-claire="true"] > * > canvas {
+background-color: rgba( 96, 88, 44, 0);
+    position: absolute;
+    top: 1px; left: 1px;
+    z-index: 32;
+}
+[data-n55-claire="false"] > * > canvas { display: none }
+/*  Neodigm Claire End  */
+
+/*  Neodigm Enchanted CTA Begin   */
+[data-n55-enchanted-cta]{ 
+    border-radius: 6px 22px; border: 0px;
+    Qborder: none;
+    QQQborder: solid 1px rgba( 254, 254, 254, 0);
+    color: #fff; cursor: pointer; 
+    display: inline-block;
+    font-family: 'Roboto',sans-serif; font-weight: 400;
+    overflow: hidden;
+    position: relative;
+    text-decoration: none;
+    transition: all .5s ease;
+    user-select: none;
+    margin: 4px 8px; 
+}
+[data-n55-enchanted-cta][data-n55-theme="disabled"] { cursor: default; }
+[data-n55-enchanted-cta][data-n55-theme="disabled"] span:nth-of-type(2){ display: none; }
+[data-n55-enchanted-cta]:not([data-n55-theme="disabled"]) { cursor: pointer; }
+  [data-n55-enchanted-cta][data-n55-shape-off] { border-radius: 6px !important; }
+[data-n55-enchanted-cta][data-n55-enchanted-cta-shape-off='true'] { border-radius: 6px !important; }
+[data-n55-enchanted-cta][data-n55-enchanted-cta-ambient='emit']:not([data-n55-theme="disabled"]){ 
+    animation: touch_emit 2s forwards infinite ease;
+}
+[data-n55-enchanted-cta][data-n55-enchanted-cta-ambient='radius']:not([data-n55-theme="disabled"]){
+    animation: touch_radius 2s forwards infinite ease;
+}
+[data-n55-enchanted-cta][data-n55-enchanted-cta-ambient='shake']:not([data-n55-theme="disabled"]){
+    animation: touch_shake 2s forwards infinite ease;
+}
+[data-n55-enchanted-cta][data-n55-enchanted-cta-ambient='scroll']:not([data-n55-theme="disabled"]) span:nth-of-type(1){
+    animation: touch_scroll_1 4s forwards infinite ease;
+}
+[data-n55-enchanted-cta][data-n55-enchanted-cta-ambient='scroll']:not([data-n55-theme="disabled"]) span:nth-of-type(2){
+    animation: touch_scroll_2 4s forwards infinite ease;
+}
+[data-n55-enchanted-cta][data-n55-enchanted-cta-ambient='alternate']:not([data-n55-theme="disabled"]) span:nth-of-type(1){
+    animation: touch_alternate_1 4s forwards infinite ease;
+}
+[data-n55-enchanted-cta][data-n55-enchanted-cta-ambient='alternate']:not([data-n55-theme="disabled"]) span:nth-of-type(2){
+    animation: touch_alternate_2 4s forwards infinite ease;
+}
+[data-n55-enchanted-cta][data-n55-enchanted-cta-ambient='flash_danger']:not([data-n55-theme="disabled"]){
+    animation: touch_flash_danger 2s forwards infinite ease;
+}
+[data-n55-enchanted-cta][data-n55-enchanted-cta-ambient='flash_warning']:not([data-n55-theme="disabled"]){
+    animation: touch_flash_warning 2s forwards infinite ease;
+}
+[data-n55-enchanted-cta][data-n55-enchanted-cta-size='xsmall']{
+    font-size: 14px; line-height: 1.3;
+    padding: 10px 12px; min-width: 84px;
+    border-radius: 6px 16px;
+}
+[data-n55-enchanted-cta][data-n55-enchanted-cta-size='xsmall']:hover span:nth-of-type(2){
+	transform: translateY(8px);
+}
+[data-n55-enchanted-cta][data-n55-enchanted-cta-size='small']{
+    font-size: 18px; line-height: 1.4;
+    padding: 12px 20px; min-width: 104px;
+}
+[data-n55-enchanted-cta][data-n55-enchanted-cta-size='medium']{
+    font-size: 20px; line-height: 1.4;
+    padding: 16px 24px; min-width: 186px;
+}
+[data-n55-enchanted-cta][data-n55-enchanted-cta-size='large']{
+    font-size: 22px; line-height: 1.4;
+    padding: 20px 28px; min-width: 216px;
+}
+[data-n55-enchanted-cta][data-n55-enchanted-cta-size='xlarge']{
+    font-size: 24px; line-height: 1.5;
+    padding: 22px 32px; min-width: 248px;
+    border-radius: 6px 26px;
+}
+[data-n55-enchanted-cta][data-n55-enchanted-cta-size='xlarge']:hover span:nth-of-type(2){
+	transform: translateY(12px);
+}
+[data-n55-enchanted-cta] span:nth-of-type(1){
+	display: block;
+	transform: translateY(0px);
+	transition: all .5s ease;
+    line-height: 1;
+	text-align: center;
+}
+[data-n55-enchanted-cta]:hover:not([data-n55-theme="disabled"], [data-n55-enchanted-cta-hover-an="false"]) span:nth-of-type(1){
+	transform: translateY(60px);
+}
+[data-n55-enchanted-cta]:not([data-n55-theme="disabled"], [data-n55-enchanted-cta-hover-an="false"]) span:nth-of-type(2){
+	display: block;
+	left: 0; top: 0;
+	position: absolute;
+	text-align: center;
+	transform: translateY(-60px);
+	transition: all .5s ease;
+	width: 100%;
+}
+[data-n55-enchanted-cta][data-n55-enchanted-cta-hover-an="false"] span:nth-of-type(2){ display: none; }
+
+[data-n55-enchanted-cta][data-n55-enchanted-cta-size='xsmall']:hover:not([data-n55-theme="disabled"], [data-n55-enchanted-cta-hover-an="false"]) span:nth-of-type(2){ transform: translateY(7px); }
+[data-n55-enchanted-cta][data-n55-enchanted-cta-size='small']:hover:not([data-n55-theme="disabled"],  [data-n55-enchanted-cta-hover-an="false"]) span:nth-of-type(2){ transform: translateY(8px); }
+[data-n55-enchanted-cta][data-n55-enchanted-cta-size='medium']:hover:not([data-n55-theme="disabled"], [data-n55-enchanted-cta-hover-an="false"]) span:nth-of-type(2){ transform: translateY(12px); }
+[data-n55-enchanted-cta][data-n55-enchanted-cta-size='large']:hover:not([data-n55-theme="disabled"],  [data-n55-enchanted-cta-hover-an="false"]) span:nth-of-type(2){ transform: translateY(14px); }
+[data-n55-enchanted-cta][data-n55-enchanted-cta-size='xlarge']:hover:not([data-n55-theme="disabled"], [data-n55-enchanted-cta-hover-an="false"]) span:nth-of-type(2){ transform: translateY(15px); }
+
+[data-n55-enchanted-cta][data-n55-theme='brand']     { background: linear-gradient(var(--neodigm-theme-brand), var(--neodigm-theme-brand-alt)); }
+[data-n55-enchanted-cta][data-n55-theme='primary']   { background: linear-gradient(var(--neodigm-theme-primary), var(--neodigm-theme-primary-alt)); }
+[data-n55-enchanted-cta][data-n55-theme='secondary'] { background: linear-gradient(var(--neodigm-theme-secondary), var(--neodigm-theme-secondary-alt)); }
+[data-n55-enchanted-cta][data-n55-theme='success']   { background: linear-gradient(var(--neodigm-theme-success), var(--neodigm-theme-success-alt)); }
+[data-n55-enchanted-cta][data-n55-theme='danger']    { background: linear-gradient(var(--neodigm-theme-danger), var(--neodigm-theme-danger-alt)); }
+[data-n55-enchanted-cta][data-n55-theme='warning']   { background: linear-gradient(var(--neodigm-theme-warning), var(--neodigm-theme-warning-alt)); }
+[data-n55-enchanted-cta][data-n55-theme='info']      { background: linear-gradient(var(--neodigm-theme-info), var(--neodigm-theme-info-alt)); }
+[data-n55-enchanted-cta][data-n55-theme='disabled']  { background: linear-gradient(var(--neodigm-theme-disabled), var(--neodigm-theme-disabled-alt)); }
+[data-n55-enchanted-cta][data-n55-theme='night']     { background: linear-gradient(var(--neodigm-theme-night), var(--neodigm-theme-night-alt)); }
+[data-n55-enchanted-cta][data-n55-theme='marcom']    { background: linear-gradient(var(--neodigm-theme-marcom), var(--neodigm-theme-marcom-alt)); }
+[data-n55-enchanted-cta][data-n55-theme='party']     { background: linear-gradient(var(--neodigm-theme-party), var(--neodigm-theme-party-alt)); }
+[data-n55-ampm-theme="light"] [data-n55-enchanted-cta][data-n55-theme='ghost'] { background: rgba(0,0,0,0); color: var( --neodigm-theme-night-alt );
+    outline: solid 1px var( --neodigm-theme-night-alt ); 
+}
+[data-n55-ampm-theme="dark"]  [data-n55-enchanted-cta][data-n55-theme='ghost'] { background: rgba(0,0,0,0); color: #fff;
+    outline: solid 1px #fff; 
+}
+
+@keyframes touch_emit{
+	0%{ box-shadow: 0 0 0 0 rgba(255,255,56, .25);}
+	70%{ box-shadow: 0 0 0 20px rgba(237, 186, 8, 0);}
+	100%{ box-shadow: 0 0 0 0 rgba(255,181,56, 0);}
+}
+@keyframes touch_radius{
+	0%{ border-radius: 6px 22px; }
+	50%{ border-radius: 22px 6px; }
+	100%{ border-radius: 6px 22px; }
+}
+@keyframes touch_shake{
+    0%  { transform: translate(1px, -3px) rotate(-2deg); }
+    10% { transform: translate(-1px, 2px) rotate(-1deg); }
+    20% { transform: translate(1px, 3px) rotate(0deg); }
+    30% { transform: translate(2px, 3px) rotate(1deg); }
+    40% { transform: translate(1px, -1px) rotate(2deg); }
+    50% { transform: translate(-1px, -3px) rotate(-1deg); }
+    60% { transform: translate(-2px, 1px) rotate(0deg); }
+    70% { transform: translate(3px, 1px) rotate(-1deg); }
+    80% { transform: translate(-1px, -1px) rotate(2deg); }
+    90% { transform: translate(-3px, 0px) rotate(1deg); }
+    100%{ transform: translate(1px, 1px) rotate(0deg); }
+  }
+
+@keyframes touch_scroll_1{
+    0%{ transform: translateY(80px);}
+    50%{ transform: translateY(0px); }
+    100%{ transform: translateY(80px); }
+}
+
+@keyframes touch_scroll_2{
+    0%{ transform: translateY(0px);}
+    50%{ transform: translateY(140px); }
+    100%{ transform: translateY(0px); }
+}
+
+@keyframes touch_alternate_1{
+    0%{ transform: translateY(80px);}
+    50%{ transform: translateY(0px); }
+    100%{ transform: translateY(80px); }
+}
+
+@keyframes touch_alternate_2{
+    0%{ transform: translateY(0px);}
+    50%{ transform: translateY(140px); }
+    100%{ transform: translateY(0px); }
+}
+
+@keyframes touch_flash_danger{
+    10%{ background:  var(--neodigm-theme-danger-alt); }
+    20%{ background:  var(--neodigm-theme-danger); }
+    30%{ background:  var(--neodigm-theme-danger-alt); }
+    40%{ background:  var(--neodigm-theme-danger); }
+    50%{ background:  var(--neodigm-theme-danger-alt); }
+    60%{ background:  var(--neodigm-theme-danger); }
+    70%{ background:  var(--neodigm-theme-danger-alt); }
+    80%{ background:  var(--neodigm-theme-danger); }
+    100%{ background: var(--neodigm-theme-danger-alt); }
+}
+
+@keyframes touch_flash_warning{
+    10%{ background:  var(--neodigm-theme-warning-alt); }
+    20%{ background:  var(--neodigm-theme-warning); }
+    30%{ background:  var(--neodigm-theme-warning-alt); }
+    40%{ background:  var(--neodigm-theme-warning); }
+    50%{ background:  var(--neodigm-theme-warning-alt); }
+    60%{ background:  var(--neodigm-theme-warning); }
+    70%{ background:  var(--neodigm-theme-warning-alt); }
+    80%{ background:  var(--neodigm-theme-warning); }
+    100%{ background: var(--neodigm-theme-warning-alt); }
+}
+/*  Neodigm Enchanted CTA End  */
+
+/*  Neodigm KPI Begin  */
+neodigm-kpi {
+    position: relative; overflow: hidden;
+    display: inline-block;
+    background-color: var( --neodigm-theme-brand-alt );
+    border-radius: 50%;
+    cursor: pointer; 
+    font-family: 'Roboto',sans-serif; font-weight: 100;
+    text-decoration: none;
+    transition: all .6s ease;
+    user-select: none;
+    text-align: center;
+    margin: 4px; padding: 4px;
+}
+neodigm-kpi > h5,
+neodigm-kpi > h6 {
+    position: relative; overflow: hidden;
+    text-align: center;
+    color: #fff;
+    font-family: 'Roboto Condensed',sans-serif; font-weight: 300;
+    margin: 4px; padding: 4px;
+    text-decoration: none;
+    transition: all .6s ease;
+}
+neodigm-kpi > h5 > span { display: none; }
+neodigm-kpi[data-n55-kpi-percent="true"] > h5 > span { display: inline-block; }
+neodigm-kpi > h5 { top: 22%; letter-spacing: -.08rem; }
+neodigm-kpi > h5 > span {font-size: 56%; margin-top: -20px; padding: 0 6px;}
+neodigm-kpi > h6 { top: 20%; }
+
+[data-n55-ampm-theme="light"]  neodigm-kpi[data-n55-theme='brand']     { background-color: var( --neodigm-theme-brand-alt ); }
+[data-n55-ampm-theme="light"]  neodigm-kpi[data-n55-theme='primary']   { background-color: var( --neodigm-theme-primary-alt ); }
+[data-n55-ampm-theme="light"]  neodigm-kpi[data-n55-theme='secondary'] { background-color: var( --neodigm-theme-secondary-alt ); }
+[data-n55-ampm-theme="light"]  neodigm-kpi[data-n55-theme='success']   { background-color: var( --neodigm-theme-success-alt ); }
+[data-n55-ampm-theme="light"]  neodigm-kpi[data-n55-theme='danger']    { background-color: var( --neodigm-theme-danger-alt ); }
+[data-n55-ampm-theme="light"]  neodigm-kpi[data-n55-theme='warning']   { background-color: var( --neodigm-theme-warning-alt ); }
+[data-n55-ampm-theme="light"]  neodigm-kpi[data-n55-theme='info']      { background-color: var( --neodigm-theme-info-alt ); }
+[data-n55-ampm-theme="light"]  neodigm-kpi[data-n55-theme='night']     { background-color: var( --neodigm-theme-night-alt ); }
+[data-n55-ampm-theme="light"]  neodigm-kpi[data-n55-theme='marcom']    { background-color: var( --neodigm-theme-marcom-alt ); }
+[data-n55-ampm-theme="light"]  neodigm-kpi[data-n55-theme='party']     { background-color: var( --neodigm-theme-party-alt ); }
+
+[data-n55-ampm-theme="dark"] neodigm-kpi[data-n55-theme='brand']     { background-color: var( --neodigm-theme-brand ); }
+[data-n55-ampm-theme="dark"] neodigm-kpi[data-n55-theme='primary']   { background-color: var( --neodigm-theme-primary ); }
+[data-n55-ampm-theme="dark"] neodigm-kpi[data-n55-theme='secondary'] { background-color: var( --neodigm-theme-secondary ); }
+[data-n55-ampm-theme="dark"] neodigm-kpi[data-n55-theme='success']   { background-color: var( --neodigm-theme-success ); }
+[data-n55-ampm-theme="dark"] neodigm-kpi[data-n55-theme='danger']    { background-color: var( --neodigm-theme-danger ); }
+[data-n55-ampm-theme="dark"] neodigm-kpi[data-n55-theme='warning']   { background-color: var( --neodigm-theme-warning ); }
+[data-n55-ampm-theme="dark"] neodigm-kpi[data-n55-theme='info']      { background-color: var( --neodigm-theme-info ); }
+[data-n55-ampm-theme="dark"] neodigm-kpi[data-n55-theme='night']     { background-color: var( --neodigm-theme-night ); }
+[data-n55-ampm-theme="dark"] neodigm-kpi[data-n55-theme='marcom']    { background-color: var( --neodigm-theme-marcom ); }
+[data-n55-ampm-theme="dark"] neodigm-kpi[data-n55-theme='party']     { background-color: var( --neodigm-theme-party ); }
+
+neodigm-kpi > h5, neodigm-kpi > h6 { margin: 0;}
+neodigm-kpi[data-n55-kpi-size='xsmall'] { height: 96px; width: 96px; }
+neodigm-kpi[data-n55-kpi-size='xsmall'] > h5 { font-size: 2rem;} /*  3/5  */
+neodigm-kpi[data-n55-kpi-size='xsmall'] > h6 { font-size: 10px;}
+neodigm-kpi[data-n55-kpi-size='small'] { height: 124px; width: 124px; }
+neodigm-kpi[data-n55-kpi-size='small'] > h5 { font-size: 2.2rem;}
+neodigm-kpi[data-n55-kpi-size='small'] > h6 { font-size: 13px;}
+neodigm-kpi[data-n55-kpi-size='medium'] { height: 206px; width: 206px; }
+neodigm-kpi[data-n55-kpi-size='medium'] > h5 { font-size: 6rem;}
+neodigm-kpi[data-n55-kpi-size='medium'] > h6 { font-size: 16px;}
+neodigm-kpi[data-n55-kpi-size='large'] { height: 236px; width: 236px; }
+neodigm-kpi[data-n55-kpi-size='large'] > h5 { font-size: 7rem;}
+neodigm-kpi[data-n55-kpi-size='large'] > h6 { font-size: 18px;}
+neodigm-kpi[data-n55-kpi-size='xlarge'] { height: 266px; width: 266px;}
+neodigm-kpi[data-n55-kpi-size='xlarge'] > h5 { font-size: 8rem;}
+neodigm-kpi[data-n55-kpi-size='xlarge'] > h6 { font-size: 20px;}
+/*  Neodigm KPI End  */
+
+/*  Neodigm Select Begin  */
+[data-n55-select]{
+    border: solid 3px #edba08; border-radius: 6px;
+    color: #edba08;
+    text-align-last: center;
+}
+[data-n55-select][data-n55-size='xsmall']{ font-size: 14px; line-height: 1;   padding: 10px 12px; min-width: 84px; }
+[data-n55-select][data-n55-size='small'] { font-size: 18px; line-height: 1;   padding: 12px 20px; min-width: 104px; }
+[data-n55-select][data-n55-size='medium']{ font-size: 20px; line-height: 1.1; padding: 16px 44px; min-width: 186px; }
+[data-n55-select][data-n55-size='large'] { font-size: 22px; line-height: 1.2; padding: 20px 28px; min-width: 216px; }
+[data-n55-select][data-n55-size='xlarge']{ font-size: 24px; line-height: 1.3; padding: 22px 32px; min-width: 248px; }
+
+[data-n55-select][data-n55-theme='brand']     { border-color: var(--neodigm-theme-brand ); color: var(--neodigm-theme-night ); }
+[data-n55-select][data-n55-theme='primary']   { border-color: var(--neodigm-theme-primary ); color: var(--neodigm-theme-night ); }
+[data-n55-select][data-n55-theme='secondary'] { border-color: var(--neodigm-theme-secondary ); color: var(--neodigm-theme-night ); }
+[data-n55-select][data-n55-theme='success']   { border-color: var(--neodigm-theme-success ); color: var(--neodigm-theme-night ); }
+[data-n55-select][data-n55-theme='danger']    { border-color: var(--neodigm-theme-danger ); color: var(--neodigm-theme-night ); }
+[data-n55-select][data-n55-theme='warning']   { border-color: var(--neodigm-theme-warning ); color: var(--neodigm-theme-night ); }
+[data-n55-select][data-n55-theme='info']      { border-color: var(--neodigm-theme-info ); color: var(--neodigm-theme-night ); }
+[data-n55-select][data-n55-theme='disabled']  { border-color: var(--neodigm-theme-disabled ); color: var(--neodigm-theme-night ); }
+[data-n55-select][data-n55-theme='night']     { border-color: var(--neodigm-theme-night ); color: var(--neodigm-theme-night ); }
+[data-n55-select][data-n55-theme='marcom']    { border-color: var(--neodigm-theme-marcom ); color: var(--neodigm-theme-night ); }
+[data-n55-select][data-n55-theme='party']     { border-color: var(--neodigm-theme-party ); color: var(--neodigm-theme-night); }
+/*  Neodigm Select End  */
+
+/*  Neodigm Tulip Begin  */ 
+neodigm-tulip{
+    position:fixed; display: block;
+    text-align: center;
+
+    top: 1px; left: 1px; height: 40px; min-width: 64px;
+
+    border: solid 2px var(--neodigm-theme-brand);
+    border-radius: 6px;
+	background: var(--neodigm-theme-night-alt);
+	padding: 0;
+	user-select: none;
+	z-index: 6408;
+}
+neodigm-tulip[data-n55-position='top']::after {
+    content: " "; position: absolute;
+    top: 100%; left: 50%; margin-left: -8px;
+    border: solid 8px; border-color: var( --neodigm-theme-tulip ) transparent transparent transparent;
+}
+neodigm-tulip[data-n55-position='bottom']::after {
+    content: " "; position: absolute;
+    bottom: 100%; left: 50%; margin-left: -8px;
+    border: solid 8px; border-color: transparent transparent var( --neodigm-theme-tulip ) transparent;
+}
+neodigm-tulip[data-n55-position='right']::after {
+    content: " "; position: absolute;
+    top: 32%; right: 100%; margin-left: -8px;
+    border: solid 8px; border-color: transparent var( --neodigm-theme-tulip ) transparent transparent;
+}
+neodigm-tulip[data-n55-position='left']::after {
+    content: " "; position: absolute;
+    top: 32%; left: 104%; margin-left: -8px;
+    border: solid 8px; border-color: transparent transparent transparent var( --neodigm-theme-tulip );
+}
+
+neodigm-tulip[data-n55-mrq='true'] neodigm-marquee { margin: 8px 6px; display: inline-block; width: 256px; }
+neodigm-tulip[data-n55-mrq='true'] > P { display: none; }
+neodigm-tulip neodigm-marquee { display: none; }
+
+neodigm-tulip[data-n55-size='xsmall']{ font-size: 10px; line-height: 2.6; min-width: 84px; }
+neodigm-tulip[data-n55-size='small'] { font-size: 14px; line-height: 1.8; min-width: 104px; }
+neodigm-tulip[data-n55-size='medium']{ font-size: 18px; line-height: 1;   min-width: 186px; }
+neodigm-tulip[data-n55-size='large']{  font-size: 22px; line-height: .8;  min-width: 216px; }
+neodigm-tulip[data-n55-size='xlarge']{ font-size: 26px; line-height: .5;  min-width: 248px; }
+
+neodigm-tulip[data-n55-lines='2'][data-n55-size='xsmall']{ line-height: 1.4;}
+neodigm-tulip[data-n55-lines='2'][data-n55-size='small'] { line-height: 1;}
+neodigm-tulip[data-n55-lines='2'][data-n55-size='medium']{ line-height: .9;}
+neodigm-tulip[data-n55-lines='2'][data-n55-size='medium'] > p{ margin: 1% 2px;}
+neodigm-tulip[data-n55-lines='2'][data-n55-size='large']{ line-height: 1;}
+neodigm-tulip[data-n55-lines='2'][data-n55-size='large'] > p{ margin: 1% 2px; font-size: 17px;}
+neodigm-tulip[data-n55-lines='2'][data-n55-size='xlarge']{ line-height: 1;}
+neodigm-tulip[data-n55-lines='2'][data-n55-size='xlarge'] > p{ margin: 1% 2px; font-size: 18px;}
+
+neodigm-tulip > p{
+    color: #fff;
+	font-family: sans-serif;
+	margin: 4% 2px; padding: 2px;
+	text-align: center;
+	white-space: nowrap
+}
+
+neodigm-tulip[data-n55-theme='brand']     { border-color: var( --neodigm-theme-brand ); }
+neodigm-tulip[data-n55-theme='primary']   { border-color: var( --neodigm-theme-primary ); }
+neodigm-tulip[data-n55-theme='secondary'] { border-color: var( --neodigm-theme-secondary ); }
+neodigm-tulip[data-n55-theme='success']   { border-color: var( --neodigm-theme-success ); }
+neodigm-tulip[data-n55-theme='danger']    { border-color: var( --neodigm-theme-danger ); }
+neodigm-tulip[data-n55-theme='warning']   { border-color: var( --neodigm-theme-warning ); }
+neodigm-tulip[data-n55-theme='info']      { border-color: var( --neodigm-theme-info ); }
+neodigm-tulip[data-n55-theme='night']     { border-color: var( --neodigm-theme-night ); }
+neodigm-tulip[data-n55-theme='marcom']    { border-color: var( --neodigm-theme-marcom ); }
+neodigm-tulip[data-n55-theme='party']     { border-color: var( --neodigm-theme-party ); }
+
+neodigm-tulip[data-n55-theme='white']     { border-color: #fff; }
+[data-n55-ampm-theme="light"] neodigm-tulip[data-n55-theme='ghost'] { border-color: var( --neodigm-theme-night ); background: #fff;}
+[data-n55-ampm-theme="light"] neodigm-tulip[data-n55-theme='ghost'] > P { color: var( --neodigm-theme-night ) !important; }
+
+[data-n55-ampm-theme="dark"]  neodigm-tulip[data-n55-theme='ghost'] { border-color: #fff; background: var(--neodigm-theme-night-alt);}
+[data-n55-ampm-theme="dark"]  neodigm-tulip[data-n55-theme='ghost'] > P { color: #fff !important; }
+
+neodigm-tulip.tulip__cont--hide { display: none; }
+neodigm-tulip.tulip__cont--show { display: block; }
+
+@media print { neodigm-tulip { display: none;} }
+/*  Neodigm Tulip End  */
+
+/*  Neodigm PopTart Begin  */
+[data-n55-poptart-open] {
+    position: absolute; display: block;
+    height: auto;
+    overflow-x: hidden; overflow-y: auto;
+    border: solid 2px var( --neodigm-theme-night );
+    border-radius: 4px;
+}
+[data-n55-ampm-theme="dark"][data-n55-poptart-open] { background-color: var( --neodigm-theme-night-alt ) !important; }
+[data-n55-ampm-theme="dark"] [data-n55-poptart-open] { border-color: #fff; background-color: var( --neodigm-theme-night-alt ); }
+
+[data-n55-ampm-theme="light"][data-n55-poptart-open] { background-color: #fff !important; }
+[data-n55-ampm-theme="light"] [data-n55-poptart-open] { border-color: var( --neodigm-theme-night-alt );background-color: #fff; }
+
+[data-n55-poptart-open].ndsp__opened--shake1 {
+    animation-duration: 0.2s;
+    animation-iteration-count: 4;
+    animation-name: touch_shake;
+}
+
+[data-n55-poptart-open][data-n55-theme='brand']    { border-color: var( --neodigm-theme-brand ) ;}
+[data-n55-poptart-open][data-n55-theme='primary']  { border-color: var( --neodigm-theme-primary ) ;}
+[data-n55-poptart-open][data-n55-theme='secondary']{ border-color: var( --neodigm-theme-secondary ) ;}
+[data-n55-poptart-open][data-n55-theme='success']  { border-color: var( --neodigm-theme-success ) ;}
+[data-n55-poptart-open][data-n55-theme='danger']   { border-color: var( --neodigm-theme-danger ) ;}
+[data-n55-poptart-open][data-n55-theme='warning']  { border-color: var( --neodigm-theme-warning ) ;}
+[data-n55-poptart-open][data-n55-theme='info']     { border-color: var( --neodigm-theme-info ) ;}
+[data-n55-poptart-open][data-n55-theme='night']    { border-color: var( --neodigm-theme-night ) ;}
+[data-n55-poptart-open][data-n55-theme='marcom']   { border-color: var( --neodigm-theme-marcom ) ;}
+[data-n55-poptart-open][data-n55-theme='party']    { border-color: var( --neodigm-theme-party ) ;}
+
+@media print { [data-n55-poptart-open] { display: none;} }
+/*  Neodigm PopTart End  */
+
+/*  Neodigm Acticon Begin  */ 
+neodigm-acticon{
+    position: relative; display: inline-block;
+    border: solid 1px; border-radius: 100%;
+    color: #fff; 
+    margin: 6px; padding: 6px;
+    transition: all .4s ease-in-out;
+    user-select: none;
+    box-sizing: content-box;
+}
+neodigm-acticon:not([data-n55-theme="disabled"]) { cursor: pointer; }
+
+neodigm-acticon:not([data-n55-theme="disabled"]):not([data-n55-theme="ghost"]):hover{ filter: brightness( 124% ); }
+[data-n55-ampm-theme="light"] neodigm-acticon[data-n55-theme="ghost"]:hover{  border-color: var( --neodigm-theme-night-alt ); }
+[data-n55-ampm-theme="dark"]  neodigm-acticon[data-n55-theme="ghost"]:hover{  background-color: rgba(255,255,255, .2); }
+
+[data-n55-ampm-theme="light"] neodigm-acticon:not([data-n55-theme="disabled"]) { color: var( --neodigm-theme-night-alt ); }
+[data-n55-ampm-theme="dark"]  neodigm-acticon { color: #fff; }
+
+neodigm-acticon[data-n55-size='micro'] { width: 18px; height: 18px; }
+neodigm-acticon[data-n55-size='xsmall']{ width: 24px; height: 24px; }
+neodigm-acticon[data-n55-size='small'] { width: 29px; height: 29px; }
+neodigm-acticon[data-n55-size='medium']{ width: 35px; height: 35px; }
+neodigm-acticon[data-n55-size='large'] { width: 42px; height: 42px; }
+neodigm-acticon[data-n55-size='xlarge']{ width: 50px; height: 50px; }
+
+neodigm-acticon[data-n55-size='micro'] .material-symbols-outlined  { font-size: 17px; }
+neodigm-acticon[data-n55-size='xsmall'] .material-symbols-outlined { font-size: 23px; }
+neodigm-acticon[data-n55-size='small'] .material-symbols-outlined  { font-size: 28px; }
+neodigm-acticon[data-n55-size='medium'] .material-symbols-outlined { font-size: 34px; }
+neodigm-acticon[data-n55-size='large'] .material-symbols-outlined  { font-size: 41px; }
+neodigm-acticon[data-n55-size='xlarge'] .material-symbols-outlined { font-size: 49px; }
+
+neodigm-acticon[data-n55-theme='brand']    { background-color: var( --neodigm-theme-brand ); border-color: var( --neodigm-theme-brand ) ;}
+neodigm-acticon[data-n55-theme='primary']  { background-color: var( --neodigm-theme-primary ); border-color: var( --neodigm-theme-primary ) ;}
+neodigm-acticon[data-n55-theme='secondary']{ background-color: var( --neodigm-theme-secondary ); border-color: var( --neodigm-theme-secondary ) ;}
+neodigm-acticon[data-n55-theme='success']  { background-color: var( --neodigm-theme-success ); border-color: var( --neodigm-theme-success ) ;}
+neodigm-acticon[data-n55-theme='danger']   { background-color: var( --neodigm-theme-danger ); border-color: var( --neodigm-theme-danger ) ;}
+neodigm-acticon[data-n55-theme='warning']  { background-color: var( --neodigm-theme-warning ); border-color: var( --neodigm-theme-warning ) ;}
+neodigm-acticon[data-n55-theme='info']     { background-color: var( --neodigm-theme-info ); border-color: var( --neodigm-theme-info ) ;}
+neodigm-acticon[data-n55-theme='night']    { background-color: var( --neodigm-theme-night ); border-color: var( --neodigm-theme-night ) ;}
+neodigm-acticon[data-n55-theme='marcom']   { background-color: var( --neodigm-theme-marcom ); border-color: var( --neodigm-theme-marcom ) ;}
+neodigm-acticon[data-n55-theme='party']    { background-color: var( --neodigm-theme-party ); border-color: var( --neodigm-theme-party ) ;}
+neodigm-acticon[data-n55-theme='disabled'] { background-color: var( --neodigm-theme-disabled ); border-color: var( --neodigm-theme-disabled ) ;}
+[data-n55-ampm-theme="light"] neodigm-acticon[data-n55-theme='ghost'] { background: rgba( 254, 254, 254, 0); color: var( --neodigm-theme-night-alt ); border-color: var( --neodigm-theme-disabled ); }
+[data-n55-ampm-theme="dark"]  neodigm-acticon[data-n55-theme='ghost'] { background: rgba( 254, 254, 254, 0); color: #fff; border-color: var( --neodigm-theme-disabled ); }
+/*  Neodigm Acticon End  */ 
+
+/*  Neodigm HR Begin  */ 
+HR[data-n55-theme]{ height: 1px; border: none; margin: 4px 0;}
+HR[data-n55-size='xsmall']{ height: 1px; } HR[data-n55-size='small']{ height: 2px; } HR[data-n55-size='medium']{ height: 3px; } HR[data-n55-size='large']{ height: 4px; } HR[data-n55-size='xlarge']{ height: 5px; }
+[data-n55-ampm-theme="light"] HR[data-n55-theme='brand']{ background-color: var( --neodigm-theme-brand )}
+[data-n55-ampm-theme="light"] HR[data-n55-theme='primary']{ background-color: var( --neodigm-theme-primary )}
+[data-n55-ampm-theme="light"] HR[data-n55-theme='secondary']{ background-color: var( --neodigm-theme-secondary )}
+[data-n55-ampm-theme="light"] HR[data-n55-theme='success']{ background-color: var( --neodigm-theme-success )}
+[data-n55-ampm-theme="light"] HR[data-n55-theme='danger']{ background-color: var( --neodigm-theme-danger )}
+[data-n55-ampm-theme="light"] HR[data-n55-theme='warning']{ background-color: var( --neodigm-theme-warning )}
+[data-n55-ampm-theme="light"] HR[data-n55-theme='info']{ background-color: var( --neodigm-theme-info )}
+[data-n55-ampm-theme="light"] HR[data-n55-theme='disabled']{ background-color: var( --neodigm-theme-disabled )}
+[data-n55-ampm-theme="light"] HR[data-n55-theme='night']{ background-color: var( --neodigm-theme-night )}
+[data-n55-ampm-theme="light"] HR[data-n55-theme='marcom']{ background-color: var( --neodigm-theme-marcom )}
+[data-n55-ampm-theme="light"] HR[data-n55-theme='party']{ background-color: var( --neodigm-theme-party )}
+[data-n55-ampm-theme="dark"] HR[data-n55-theme='brand']{ background-color: var( --neodigm-theme-brand-alt )}
+[data-n55-ampm-theme="dark"] HR[data-n55-theme='primary']{ background-color: var( --neodigm-theme-primary-alt )}
+[data-n55-ampm-theme="dark"] HR[data-n55-theme='secondary']{ background-color: var( --neodigm-theme-secondary-alt )}
+[data-n55-ampm-theme="dark"] HR[data-n55-theme='success']{ background-color: var( --neodigm-theme-success-alt )}
+[data-n55-ampm-theme="dark"] HR[data-n55-theme='danger']{ background-color: var( --neodigm-theme-danger-alt )}
+[data-n55-ampm-theme="dark"] HR[data-n55-theme='warning']{ background-color: var( --neodigm-theme-warning-alt )}
+[data-n55-ampm-theme="dark"] HR[data-n55-theme='info']{ background-color: var( --neodigm-theme-info-alt )}
+[data-n55-ampm-theme="dark"] HR[data-n55-theme='disabled']{ background-color: var( --neodigm-theme-disabled-alt )}
+[data-n55-ampm-theme="dark"] HR[data-n55-theme='night']{ background-color: var( --neodigm-theme-night-alt )}
+[data-n55-ampm-theme="dark"] HR[data-n55-theme='marcom']{ background-color: var( --neodigm-theme-marcom-alt )}
+[data-n55-ampm-theme="dark"] HR[data-n55-theme='party']{ background-color: var( --neodigm-theme-party-alt )}
+/*  Neodigm HR End  */ 
+
+/*  Neodigm icon Begin  */ 
+[data-n55-enchanted-cta] neodigm-icon { line-height: .1 !important; position: relative; bottom: -5px; }
+[data-n55-enchanted-cta][data-n55-enchanted-cta-size='xsmall'] neodigm-icon { font-size: 18px; }
+[data-n55-enchanted-cta][data-n55-enchanted-cta-size='small']  neodigm-icon { font-size: 20px; }
+[data-n55-enchanted-cta][data-n55-enchanted-cta-size='medium'] neodigm-icon { font-size: 22px; }
+[data-n55-enchanted-cta][data-n55-enchanted-cta-size='large']  neodigm-icon { font-size: 24px; }
+[data-n55-enchanted-cta][data-n55-enchanted-cta-size='xlarge'] neodigm-icon { font-size: 26px; }
+
+/*  Neodigm Standard Checkbox Begin  */
+[data-n55-checkbox] {
+    position: absolute;
+    opacity: 0;
+  }
+[data-n55-checkbox] + label {
+    position: relative;
+    cursor: pointer;
+    padding: 0;
+  }
+[data-n55-checkbox] + label:before {
+    content: "";
+    margin-right: 10px;
+    display: inline-block;
+    vertical-align: text-top;
+    width: 20px; height: 20px;
+    background: white;
+   border: solid 1px var(--neodigm-theme-brand-alt); border-radius: 3px;
+  }
+[data-n55-checkbox]:checked + label:before  {
+    background: var(--neodigm-theme-brand) ;
+  }
+[data-n55-checkbox]:focus + label:before {
+    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
+  }
+[data-n55-checkbox]:checked + label:after {
+    background: white;
+}
+[data-n55-checkbox]:checked + label:after {
+    content: "";
+    position: absolute;
+    left: 5px; top: 9px;
+    background: white;
+    width: 3px; height: 3px;
+    box-shadow: 3px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
+    transform: rotate(45deg);
+  }
+/*  Neodigm Standard Checkbox End  */
+
+/*  Neodigm JuiceBar Begin  */
+neodigm-juicebar{
+    display: block;
+    height: 4px; width: 99%;
+    background-color: #f8f8f8;
+    overflow: hidden;
+}
+neodigm-juicebar[data-n55-size='micro'] { height: 1px; }
+neodigm-juicebar[data-n55-size='xsmall']{ height: 2px; }
+neodigm-juicebar[data-n55-size='small'] { height: 4px; }
+neodigm-juicebar[data-n55-size='medium']{ height: 8px; }
+neodigm-juicebar[data-n55-size='large'] { height: 12px; }
+neodigm-juicebar[data-n55-size='xlarge']{ height: 16px; }
+[data-n55-ampm-theme="light"] neodigm-juicebar { background-color: #f8f8f8; }
+[data-n55-ampm-theme="dark"] neodigm-juicebar { background-color: var( --neodigm-theme-night-alt ); }
+
+neodigm-juicebar > DIV {
+    height: 100%;
+    background-color: var( --neodigm-theme-brand );
+    animation: juicebar_linear 1s infinite ease-in-out;
+    transform-origin: 0% 50%;
+}
+neodigm-juicebar[data-n55-show="false"] { visibility: hidden; }
+
+[data-n55-ampm-theme="light"] neodigm-juicebar[data-n55-theme='brand'] > DIV{ background-color: var( --neodigm-theme-brand )}
+[data-n55-ampm-theme="light"] neodigm-juicebar[data-n55-theme='primary'] > DIV{ background-color: var( --neodigm-theme-primary )}
+[data-n55-ampm-theme="light"] neodigm-juicebar[data-n55-theme='secondary'] > DIV{ background-color: var( --neodigm-theme-secondary )}
+[data-n55-ampm-theme="light"] neodigm-juicebar[data-n55-theme='success'] > DIV{ background-color: var( --neodigm-theme-success )}
+[data-n55-ampm-theme="light"] neodigm-juicebar[data-n55-theme='danger'] > DIV{ background-color: var( --neodigm-theme-danger )}
+[data-n55-ampm-theme="light"] neodigm-juicebar[data-n55-theme='warning'] > DIV{ background-color: var( --neodigm-theme-warning )}
+[data-n55-ampm-theme="light"] neodigm-juicebar[data-n55-theme='info'] > DIV{ background-color: var( --neodigm-theme-info )}
+[data-n55-ampm-theme="light"] neodigm-juicebar[data-n55-theme='disabled'] > DIV{ background-color: var( --neodigm-theme-disabled )}
+[data-n55-ampm-theme="light"] neodigm-juicebar[data-n55-theme='night'] > DIV{ background-color: var( --neodigm-theme-night )}
+[data-n55-ampm-theme="light"] neodigm-juicebar[data-n55-theme='marcom'] > DIV{ background-color: var( --neodigm-theme-marcom )}
+[data-n55-ampm-theme="light"] neodigm-juicebar[data-n55-theme='party'] > DIV{ background-color: var( --neodigm-theme-party )}
+[data-n55-ampm-theme="dark"] neodigm-juicebar[data-n55-theme='brand'] > DIV{ background-color: var( --neodigm-theme-brand-alt )}
+[data-n55-ampm-theme="dark"] neodigm-juicebar[data-n55-theme='primary'] > DIV{ background-color: var( --neodigm-theme-primary-alt )}
+[data-n55-ampm-theme="dark"] neodigm-juicebar[data-n55-theme='secondary'] > DIV{ background-color: var( --neodigm-theme-secondary-alt )}
+[data-n55-ampm-theme="dark"] neodigm-juicebar[data-n55-theme='success'] > DIV{ background-color: var( --neodigm-theme-success-alt )}
+[data-n55-ampm-theme="dark"] neodigm-juicebar[data-n55-theme='danger'] > DIV{ background-color: var( --neodigm-theme-danger-alt )}
+[data-n55-ampm-theme="dark"] neodigm-juicebar[data-n55-theme='warning'] > DIV{ background-color: var( --neodigm-theme-warning-alt )}
+[data-n55-ampm-theme="dark"] neodigm-juicebar[data-n55-theme='info'] > DIV{ background-color: var( --neodigm-theme-info-alt )}
+[data-n55-ampm-theme="dark"] neodigm-juicebar[data-n55-theme='disabled'] > DIV{ background-color: var( --neodigm-theme-disabled-alt )}
+[data-n55-ampm-theme="dark"] neodigm-juicebar[data-n55-theme='night'] > DIV{ background-color: var( --neodigm-theme-night-alt )}
+[data-n55-ampm-theme="dark"] neodigm-juicebar[data-n55-theme='marcom'] > DIV{ background-color: var( --neodigm-theme-marcom-alt )}
+[data-n55-ampm-theme="dark"] neodigm-juicebar[data-n55-theme='party'] > DIV{ background-color: var( --neodigm-theme-party-alt )}
+
+@keyframes juicebar_linear {
+    0% { transform: translateX(0) scaleX(0); }
+    30% { transform: translateX(0) scaleX(-0.4); }
+    100% { transform: translateX(100%) scaleX(0.8); }
+}
+/*  Neodigm JuiceBar End  */ 
+
+/*  Neodigm Utils Begin  */
+.shake__an {
+    animation-duration: 0.2s !important;
+    animation-iteration-count: 4 !important;
+    animation-name: touch_shake !important;
+}
+/*  Neodigm Utils End  */
diff --git a/dist/neodigm55__v3_0.js b/dist/neodigm55__v3_0.js
new file mode 100644
index 0000000..064ce1f
--- /dev/null
+++ b/dist/neodigm55__v3_0.js
@@ -0,0 +1,1583 @@
+/*
+Neodigm 55 UX v3.0.0
+Copyright (c) 2021-2025, Arcanus 55 Privacy Paranoid Vault | Forged by Scott C. Krause and team
+
+Neodigm 55 is an eclectic JavaScript UX micro-library.
+The lightweight components come together in a unique way that will make your website playful and fun.
+
+All rights reserved. Redistributions of source code must retain the above copyright and notice.
+*/
+
+//  Neodigm 55 Options Custom Config Begin  //
+let neodigmOpt = {
+  neodigmToast: true,
+    N55_GTM_DL_TOAST: "n55_gtm_dl_toast",
+  neodigmSodaPop: true,
+    N55_SP_DISABLE_SCROLL: true,
+    N55_GTM_DL_POP_OPEN: "n55_gtm_dl_pop_open",
+    N55_GTM_DL_POP_CLOSE: "n55_gtm_dl_pop_close",
+  neodigmWired4Sound: true,
+    W4S_VOLUME: .030,
+    EVENT_SOUNDS: true,
+  neodigmParallax: true,
+    PRLX_MOBILE: false,  //  Show Parallax on Mobile
+  neodigmMarquee: true,
+  neodigmEnchantedCTA: true,
+    N55_CTA_RND_TOUCH: 14001,  //  Touch random CTA button every Xms
+    N55_GTM_DL_CTA: "n55_gtm_dl_cta",
+    N55_CTA_LONG_TAP: true,  //  Wait 3.4s before firing cust LC func
+    N55_CTA_FX: [ "alternate", "emit", "flash_danger", "flash_warning", "radius", "scroll", "shake" ], // TODO glance!
+  neodigmKPI: true,  N55_GTM_DL_KPI: "n55_gtm_dl_kpi",
+  neodigmPWA: true,  N55_PWA_TEMPLATE_ID: "js-pup-n55-pwa",
+  neodigmCarousel: true,  N55_GTM_DL_CARSL: "n55_gtm_dl_carsl",
+    N55_CARO_BLUR: true,  //  Carousel transition blur / opacity fx
+neodigmTulip: true,
+neodigmPopTart: true,  N55_GTM_DL_POPTRT: "n55_gtm_dl_poptrt",
+neodigmWWInterval: true,
+  N55_ZIND: {"PopTart": 264},
+  CONSOLE_LOG_VER: true,
+  N55_DEBUG_lOG: false,
+  N55_AMPM_THEME: "light",
+  N55_EVENT_HAPTIC: true,
+  N55_GENRE_MOTIF: "neodigm",  //  anime artdeco casino cyberpunk expressionist graffiti noir rainforest seasonal steampunk
+  N55_THEME_DEFAULT: "brand",
+  N55_THEME_COLORS: {"brand":["EDBA08","915E00"], "primary":["92a8d1","364C75"], "secondary":["EDCED0","978284"], "success":["009473","003817"], "white":["FFFFFF","FDFDFD"], "ghost":["ffffff","000000"],
+   "danger":["DD4124","810000"], "warning":["F5DF4D","988200"], "info":["7BC4C4","1F6868"], "disabled":["868686","767676"], "night":["6a6a6a","242424"], "marcom":["B163A3","5F4B8B"], "party":["FF6F61","C93F60"]},
+  N55_APP_STATE: {"CONTEXT": "body", "FIRST_TAP": false, "ONLINE": true, "PWA_READY": false, "PWA_CONTAIN": false, "SHAKE": false, "CONTEXTMNU": false, "FOCUS": true, "AMPM": "light", "REDUCE_MOTION": true},
+  ROOT: document.querySelector(':root'),
+  N55_TYPE: "https://fonts.googleapis.com/css?family=Roboto+Condensed:wght@100;300;400|Roboto+Slab:wght@300|Roboto+Mono:wght@300|Material+Symbols+Outlined:opsz,wght,FILL,GRAD@40,300,0,0"
+}
+
+if( typeof neodigmOptCustom != 'undefined' ){
+    for( cnfgProp in neodigmOptCustom ){  //  Import Custom Objects props if exists
+      neodigmOpt[ cnfgProp ] = neodigmOptCustom[ cnfgProp ]
+    }
+}
+
+//  Neodigm 55 Utils Begin  //
+const neodigmUtils = ( ( _d ) =>{
+  return {
+    ver: "3.0.0",
+    isMobile: function(){ return (_d.body.clientWidth <= 768) ? true : false; },
+    isTouch: function(){ return (typeof document.body.ontouchstart != "undefined") },
+    f1210: function(){ return (Math.floor(Math.random() * (10) + 1)); },  //  1 to 10
+    f02x: function(x){ return (Math.floor(Math.random() * x)); },  //  0 to x
+    fAsyncJS: function( _d, _uri, _cb ){  //  Load JS Async then callback
+      var _js = _d.createElement( "script" )
+      _js.type = "text/javascript"
+      _js.async = true
+      if( _cb ) _js.onload = function(){ _cb(); }
+      _js.src = _uri
+      _d.getElementsByTagName( "head" )[0].appendChild( _js )
+    },
+    data2prop: function( sDset ){  //  Convert HTML data attrib name to JS dataset name
+      sDset = sDset.replace("data-", "").toLowerCase();
+      let aDset = sDset.split(""), aDret = [], bUpper = false;
+      aDset.forEach( (sVal ) => {
+          if( sVal == "-" ){
+              bUpper = true;
+          }else{
+              aDret.push( ( bUpper ) ? sVal.toUpperCase() : sVal ); bUpper = false;
+          }
+      });
+      return aDret.join("");
+    },
+    doDataLayer: function( event, msg ){
+      if( neodigmOpt.N55_DEBUG_lOG ) console.log( "~ga | " + event + " | " + msg )
+      if( window.dataLayer ) window.dataLayer.push( { "event": event, "msg": msg } )
+    },
+    appStateListen: function( fCb ){  //  Update body atr, dataLayer, console log, and Session Storage
+      document[ neodigmOpt.N55_APP_STATE.CONTEXT ].addEventListener( "click", ( ev ) =>{
+        if( !neodigmOpt.N55_APP_STATE.FIRST_TAP ){ neodigmOpt.N55_APP_STATE.FIRST_TAP = true }
+        if( neodigmOpt.neodigmTulip ) neodigmTulip.close() // TODOD refact into class ?
+      })
+      document[ neodigmOpt.N55_APP_STATE.CONTEXT ].addEventListener( "touchstart", ( ev ) =>{
+        if( !neodigmOpt.N55_APP_STATE.FIRST_TAP ){ neodigmOpt.N55_APP_STATE.FIRST_TAP = true }
+        if( neodigmOpt.neodigmTulip ) neodigmTulip.close() // TODOD refact into class ?
+      })
+      window.addEventListener( "resize", ( ev ) =>{
+        window.requestAnimationFrame(() => {
+          if( neodigmOpt.neodigmCarousel ) neodigmCarousel.init()
+          if( neodigmOpt.neodigmTulip ) neodigmTulip.close() // TODOD refact into class ?
+          if( neodigmOpt.neodigmPopTart ) neodigmPopTart.close()
+        })
+      })
+      window.addEventListener( "orientationchange", ( ev ) =>{
+        window.requestAnimationFrame(() => {
+          if( neodigmOpt.neodigmCarousel ) neodigmCarousel.init()
+          if( neodigmOpt.neodigmTulip ) neodigmTulip.close() // TODOD refact into class ?
+        })
+      })
+      window.addEventListener( "scroll", ( ev ) =>{
+        window.requestAnimationFrame(() => {
+          if( neodigmOpt.neodigmTulip ) neodigmTulip.close()
+        })
+      })
+      neodigmOpt.N55_APP_STATE.REDUCE_MOTION = !window.matchMedia( '(prefers-reduced-motion: no-preference)' ).matches
+      let sFirstAMPM = document[ neodigmOpt.N55_APP_STATE.CONTEXT ].querySelector( "[data-n55-Ampm-theme]" )?.dataset.n55AmpmTheme
+      if( sFirstAMPM ) neodigmOpt.N55_AMPM_THEME = neodigmOpt.N55_APP_STATE.AMPM = sFirstAMPM
+    },
+    capFirst: s => (s && s[0].toUpperCase() + s.slice(1)) || "",
+    genHash: (sV) => {sV = String(sV); return sV.split("").reduce((a,b) => (((a << 5) - a) + b.charCodeAt(0))|0, 0)},
+    robinTheme: function( sTheme = Object.keys( neodigmOpt.N55_THEME_COLORS )[0] ){  //  Round Robin Whole Page
+      if( !neodigmMetronome.isPaused() ){ // TODO test OS/UA motion mq
+        let aE = [ ... document[ neodigmOpt.N55_APP_STATE.CONTEXT ].querySelectorAll("[data-n55-theme") ]; const NDELAY = 32;
+        aE.forEach( ( eC, nDx ) => {
+          if( eC.dataset.n55Theme != "ghost" ){  //  TODO Disabled
+            if( !eC.n55Theme ) eC.n55Theme = eC.dataset.n55Theme
+            setTimeout( function(){ eC.dataset.n55Theme = sTheme }, ( nDx * NDELAY ) )              
+            setTimeout( function(){ eC.dataset.n55Theme = eC.n55Theme }, ( nDx * (NDELAY + NDELAY) ) )            
+          }
+        });
+      }
+    },
+    countTo: function( _q, nVal, t=124 ){  //  Whole number
+      const NTIMES = [16, t];
+      [ ... document.querySelectorAll( _q ) ].forEach(function( e, nDx ){
+          let nDif = Math.abs( Number( e.textContent ) - nVal )
+          neodigmMetronome.unsubscribe( NTIMES[1] + nDx ).subscribe( function( mx ){
+            let nCur =  Number( e.textContent )
+            if( !Number.isNaN( nCur ) && !isNaN( nCur ) && nVal != nCur ){
+              let nValC = ( nDif ) / NTIMES[0]
+              nValC = Math.round( nValC )
+              if( mx != 0 ){
+                e.textContent = ( nCur < nVal ) ? nCur + nValC : nCur - nValC
+              }else{
+                e.textContent = nVal
+              }
+            }
+          }, NTIMES[1] + nDx, NTIMES[0] )
+      })
+    },
+    getValJSON: function( sAtr, sPrp ){  //  Return json object or construct an object w property | msg
+      try { return JSON.parse( sAtr ) } catch(e) {
+        return JSON.parse( '{ "' + sPrp + '": "' + sAtr + '" }' )
+      }
+    },
+    walkDOM3: function( elEv, sDatAtr ){  //  Walk up two nodes, parent, grand parent
+        if( elEv?.dataset[ sDatAtr ] ) return elEv.dataset[ sDatAtr ]
+        if( elEv?.parentNode?.dataset[ sDatAtr ] ) return elEv.parentNode.dataset[ sDatAtr ]
+        if( elEv.tagName != "BODY" && elEv?.parentNode?.parentNode?.dataset[ sDatAtr ] ) return elEv.parentNode.parentNode.dataset[ sDatAtr ]
+    },
+    doSetT: function( fCb, nT ){  //  Fire overloaded or native setT based on opt ff
+        if( neodigmOpt.neodigmWWInterval ) return window.setTimeoutN55( fCb, nT )
+        return setTimeout( fCb, nT )  //  TODO create doClearT, doSetI, and doClearI
+    },
+    shake: function( el, bSound = true) {
+        if( neodigmOpt.neodigmWired4Sound ) neodigmWired4Sound.doHaptic([8, 32, 48])
+        el.classList.add( "shake__an" );
+        setTimeout(function(){
+            el.classList.remove( "shake__an" );
+        }, 460)
+        if( bSound && neodigmOpt.neodigmWired4Sound && neodigmOpt.EVENT_SOUNDS ) neodigmWired4Sound.sound( 13, "QUITE" )
+        if( neodigmOpt.neodigmWired4Sound ) neodigmWired4Sound.doHaptic([48, 32, 8])
+    }
+  }
+})( document );
+
+//  Neodigm 55 Toast Begin  //
+let neodigmToast = (function(_d, eID, _q) {
+  let _nTimeout = 5200, _aQ = [], _eSb, _eSbText, _sTheme
+  let bIsInit = bIsPause = false 
+  let _fOpen = function() {
+      _eSbText.innerHTML = _aQ[0].sMsg.replace("|", "<br>").replace("##", "")
+      _eSb.style.left = ((_d.body.clientWidth / 2) - (_eSb.clientWidth / 2)) + "px"
+      if( _aQ[0].sTheme ) _eSb.dataset.n55Theme = _aQ[0].sTheme
+      if( _sTheme ) {
+        _eSb.dataset.n55Theme = _sTheme
+        _sTheme = ""
+      }
+      _eSb.classList.remove("snackbar__cont--hide")
+      if( neodigmOpt.neodigmWired4Sound && neodigmOpt.EVENT_SOUNDS ) neodigmWired4Sound.sound( 1, "QUITE" )
+    _eSb.classList.add("snackbar__cont--show")
+    if( neodigmOpt.neodigmWired4Sound ) neodigmWired4Sound.doHaptic([48, 56])
+    neodigmUtils.doSetT( _fClose, _nTimeout )  //  Call overloaded setT if FF is true
+  };
+  return {
+      init: function(){
+          _eSb = _d.getElementById(eID)
+          if( _eSb ){
+              _eSbText  = _eSb.querySelector("p")
+              _fClose = function() {
+                  _aQ.shift()
+                  _eSb.classList.remove("snackbar__cont--show")
+                  _eSb.classList.add("snackbar__cont--hide")
+                  if(_aQ.length != 0) {
+                    neodigmUtils.doSetT( _fOpen, 1200 )  //  Call overloaded setT if FF is true
+                  }
+                  _eSb.classList.remove("snackbar__cont--alt")
+              }
+          }
+          _d[ neodigmOpt.N55_APP_STATE.CONTEXT ].addEventListener("click", ( ev )=>{
+            let evToast = ev?.target?.dataset.n55Toast || ev?.target?.parentNode?.dataset.n55Toast
+            if( evToast ){
+              let evTheme = ev?.target?.dataset.n55Theme || ev?.target?.parentNode?.dataset.n55Theme || neodigmOpt.N55_THEME_DEFAULT
+              if( evTheme && evTheme != "disabled" ) neodigmToast.q( evToast, evTheme )              
+            }
+          }, true)
+          bIsInit = true
+      },
+      q: function( sMsg, sTheme ) {
+          if( bIsInit && !bIsPause ){ 
+            if( sMsg && sMsg != _aQ[0]?.sMsg ){
+              _aQ.push( {"sMsg": sMsg, "sTheme":sTheme} ) // temporal debounce
+              if( neodigmOpt.N55_GTM_DL_TOAST ) neodigmUtils.doDataLayer( neodigmOpt.N55_GTM_DL_TOAST, sMsg )
+              if(_aQ.length == 1) _fOpen()              
+            }
+          }
+          return neodigmToast
+      },
+      setTheme: function( sTheme ){
+        if( bIsInit && !bIsPause ){ _sTheme = sTheme }
+        return neodigmToast
+      },
+      getQ: function(){ return _aQ; },
+      clearQ: function(){ _aQ = []; return neodigmToast; },
+      pause: function(){ bIsPause = true; return neodigmToast; },
+      play: function(){ bIsPause = false; return neodigmToast; }
+  }
+})(document, "js-snackbar__id", "[data-n55-toast]");
+
+//  Neodigm 55 Soda Pop Begin  //
+class NeodigmSodaPop {
+    constructor(_d, _aQ) {  //  Flux Capacitor
+        this._d = _d; this._aQ = _aQ; this.sId = ""
+        this.eSoda = this.eScrim = this.eClose = this.fOnBeforeUserExit = null
+        this.fOnBeforeOpen = {}; this.fOnAfterOpen = {}; this.fOnClose = {}
+        this.bIsOpen = this.bIsModal = this.bIsInit = false
+    }
+    init() {
+        if( !this.bIsInit ){
+            this.eScrim = this._d.querySelector(this._aQ[0])
+            this.eClose = this._d.querySelector(this._aQ[0] + "-close")
+            this._d[ neodigmOpt.N55_APP_STATE.CONTEXT ].addEventListener("click", ( ev ) => {  //  TODO Keyboard trap
+                let evAtr = neodigmUtils.walkDOM3( ev?.target, "n55SodapopId" )
+                let evTheme = neodigmUtils.walkDOM3( ev?.target, "n55Theme" )
+                if( evAtr && (evTheme != "disabled") ) {
+                    ev.preventDefault()
+                    neodigmSodaPop.open( evAtr )
+                }
+                if("NEODIGM-SODAPOP-SCRIM" == ev.target.tagName) {
+                    if( this.bIsModal ) { this.shake() } else { this.close() }
+                }
+                if("NEODIGM-SODAPOP-SCRIM-CLOSE" == ev.target.tagName) this.close()
+                if( ev?.target?.dataset?.sodapopScrimSvg ) this.close()
+                if("SUMMARY" == ev.target.tagName) {  //  Details / Summary
+                    if( neodigmOpt.neodigmWired4Sound && neodigmOpt.EVENT_SOUNDS ) neodigmWired4Sound.sound( ev.target.parentElement.hasAttribute( "open" ) ? 9 : 7, "QUITE" )
+                }
+            }, false)
+            this._d[ neodigmOpt.N55_APP_STATE.CONTEXT ].addEventListener("keydown", ( ev ) => {  //  Close on Esc Key
+                if ( ev.key == "Escape" ){
+                    if( this.bIsModal ) { this.shake() } else { if( this.bIsOpen ) this.close() }
+                }
+            }, true)
+            this._d[ neodigmOpt.N55_APP_STATE.CONTEXT ].addEventListener("mouseleave", (ev) => {  //  User focus exit
+                if( this.fOnBeforeUserExit && !sessionStorage.getItem( "n55_userExit" ) ) this.fOnBeforeUserExit()
+                sessionStorage.setItem( "n55_userExit", Date.now() )
+            })
+            this.bIsInit = true
+        }
+        return this
+    }
+    open( _sId ) {
+        let bOkOpen = true  //  The specific CB can cancel the generic DEF
+        this.sId = _sId
+        if(this.bIsOpen) this.close(true)
+        this.eTmpl = this._d.getElementById( _sId )
+        if( this.fOnBeforeOpen[ _sId] ) bOkOpen = this.fOnBeforeOpen[ _sId]( this.sId )
+        if( bOkOpen && this.fOnBeforeOpen["def"]) bOkOpen = this.fOnBeforeOpen["def"]( this.sId )
+        if( bOkOpen && this.bIsInit && this.eTmpl && this.eScrim ) {
+            this.bIsModal = (this.eTmpl.dataset.n55SodapopModal == "true")
+            if(this.bIsModal) { this.eClose.classList.add("ndsp__modal") }else{
+                this.eClose.classList.remove("ndsp__modal")
+            }
+            this.eScrim.dataset.n55SodapopScrim = this.eClose.dataset.n55SodapopScrim = "opened"
+            this.eSoda = this._d.createElement(this._aQ[1])
+            setTimeout(function() { neodigmSodaPop.eScrim.classList.add("ndsp__blur"); }, 96)
+            if( this.bIsModal ) this.eSoda.classList.add( "ndsp__modal" )
+            this.eSoda.dataset.n55AmpmTheme = ( this.eTmpl.dataset?.n55AmpmTheme ) ? this.eTmpl.dataset.n55AmpmTheme : ""  //  Isolate Pup AMPM theme
+            this.eSoda.classList.add("ndsp__size--" + this.eTmpl.dataset.n55SodapopSize ) 
+            if( neodigmOpt.N55_SP_DISABLE_SCROLL ) neodigmSodaPop.eSoda.classList.add( "ndsp__bodyscroll" )
+            setTimeout(function() { neodigmSodaPop.eSoda.classList.add("ndsp__opened"); }, 276)
+            this.eSoda.innerHTML = this.eTmpl.innerHTML
+            this._d[ neodigmOpt.N55_APP_STATE.CONTEXT ].appendChild( this.eSoda )
+
+            if( neodigmOpt.neodigmWired4Sound ) neodigmWired4Sound.doHaptic([16, 8])
+            if(neodigmOpt.neodigmWired4Sound && neodigmOpt.EVENT_SOUNDS) neodigmWired4Sound.sound( 7, "QUITE" )
+            this.bIsFS = ( this.eTmpl.dataset.n55SodapopFullscreen == "true" && neodigmOpt.N55_APP_STATE.FIRST_TAP )
+            if( this.bIsFS ){
+                this._d.body.requestFullscreen().catch(( e )=>{
+                    if( neodigmOpt.N55_DEBUG_lOG ) console.log( "~No Fullscreen | ", e )
+                    this.bIsFS = false 
+                })
+                neodigmSodaPop.eSoda.classList.add("n55SodapopFullscreen")
+            }
+            this.bIsOpen = true;
+            if(this.fOnAfterOpen[_sId]) this.fOnAfterOpen[_sId]( this.sId )
+            if(this.fOnAfterOpen["def"]) this.fOnAfterOpen["def"]( this.sId )
+            if( neodigmOpt.N55_GTM_DL_POP_OPEN ) neodigmUtils.doDataLayer( neodigmOpt.N55_GTM_DL_POP_OPEN, _sId )
+        }
+        return neodigmSodaPop
+    }
+    close( _bFast ) {
+        if(this.bIsInit && this.bIsOpen) {
+            let bOkClose = true  //  CBs must explicitly return false to prevent closing
+            if( this.fOnClose[ this.sId ] ) bOkClose = !(this.fOnClose[ this.sId ]( this.sId ) === false)  //  The specific can cancel the generic
+            if( bOkClose && this.fOnClose[ "def" ] ) bOkClose = !(this.fOnClose[ "def" ]( this.sId ) === false)
+            if( bOkClose ){
+                this.eClose.dataset.n55SodapopScrim = "closed"
+                if(_bFast) {
+                    this.eSoda.remove()
+                    this.eScrim.dataset.n55SodapopScrim = "closed"
+                    this.eScrim.classList.remove("ndsp__blur", "ndsp__modal")
+                } else {
+                    setTimeout(function() {
+                        neodigmSodaPop.eSoda.remove()
+                        setTimeout(function() {
+                            neodigmSodaPop.eScrim.dataset.n55SodapopScrim = "closed"
+                            neodigmSodaPop.eScrim.classList.remove("ndsp__blur", "ndsp__modal")
+                        }, 332)
+                    }, 186)
+                }
+                if( neodigmOpt.neodigmWired4Sound ) neodigmWired4Sound.doHaptic([8, 16])
+                if(neodigmOpt.neodigmWired4Sound && neodigmOpt.EVENT_SOUNDS) neodigmWired4Sound.sound( 3, "QUITE" )
+                this.bIsOpen = false
+                if( this.bIsFS ) this._d.exitFullscreen();
+                if( neodigmOpt.N55_GTM_DL_POP_CLOSE ) neodigmUtils.doDataLayer( neodigmOpt.N55_GTM_DL_POP_CLOSE, "close" )
+            }
+        }
+        return this
+    }
+    shake( bSound = true) {
+        if(this.bIsInit && this.bIsOpen) {
+            if( neodigmOpt.neodigmWired4Sound ) neodigmWired4Sound.doHaptic([8, 32, 48])
+            neodigmSodaPop.eSoda.classList.add("ndsp__opened--shake1");
+            setTimeout(function(){
+                neodigmSodaPop.eSoda.classList.remove("ndsp__opened--shake1");
+            }, 460)
+            if( bSound && neodigmOpt.neodigmWired4Sound && neodigmOpt.EVENT_SOUNDS ) neodigmWired4Sound.sound( 13, "QUITE" )
+            if( neodigmOpt.neodigmWired4Sound ) neodigmWired4Sound.doHaptic([48, 32, 8])
+        }
+        return this
+    }
+    autoOpen(_sId) {
+        setTimeout(function() {
+            neodigmSodaPop.open(_sId)
+        }, 256);
+        return this
+    }
+    isOpen(){ return this.bIsOpen }
+    setOnBeforeOpen( _f, id="def"){ this.fOnBeforeOpen[ id ] = _f }
+    setOnAfterOpen( _f, id="def"){ this.fOnAfterOpen[ id ] = _f }
+    setOnClose( _f, id="def"){ this.fOnClose[ id ] = _f }
+    setOnBeforeUserExit(_f){ this.fOnBeforeUserExit = _f }
+}
+let neodigmSodaPop = new NeodigmSodaPop( document, ["neodigm-sodapop-scrim", "neodigm-sodapop", "data-n55-sodapop-modal"] )
+
+//  Neodigm 55 Tulip Begin  //
+class NeodigmTulip {  //  Tooltip
+  constructor(_d, _aQ) {
+      this._d = _d; this._aQ = _aQ; this.sId = ""
+      this.eTulip = this.eTulipTxt = this.eTulMrq = null
+      this.bIsOpen = this.bIsInit = this.bIsPause = this.bIsAuto = false
+      this.oCnfDef = {"msg":"tulip","mrq":false,"tmpt":"","theme": neodigmOpt.N55_THEME_DEFAULT,"size":"small","position":"top","icon":""}
+      this.oCnfCur = Object.assign( this.oCnfDef )
+      this.fOnBeforeOpen = {};
+  }
+  init() {  //  rinit
+    if( !this.bIsInit && !neodigmUtils.isMobile() ){  //  once events app_state.context
+      this.eTulip = this._d.querySelector( this._aQ[0] )
+      this.eTulMrq = this.eTulip.querySelector("neodigm-marquee")
+      this.eTulPre = this.eTulMrq.querySelector("pre")
+      if( this.eTulip ){
+        this.eTulipTxt = this.eTulip.querySelector( "p" );
+        this._d[ neodigmOpt.N55_APP_STATE.CONTEXT ].addEventListener( "mouseover", ( ev ) =>{
+          if( this.bIsInit && !this.bIsPause ){
+            let sCnf = neodigmUtils.walkDOM3( ev?.target, "n55Tulip" )
+            this.sId = ev?.target?.id;  //  Assumes tulip is on child (callback)
+            if( sCnf && ev?.target?.dataset?.n55Theme != "disabled" ){
+              neodigmTulip.prepOpen( sCnf, ev.target.getBoundingClientRect() )
+            }
+          }
+        }, false)
+        this._d[ neodigmOpt.N55_APP_STATE.CONTEXT ].addEventListener( "mouseout", ( ev ) =>{
+          if( !this.bIsPause ) neodigmTulip.close()
+        }, false)
+        this.bIsInit = true
+        return this      
+      }
+    }
+  }
+  prepOpen( sCnf, oRct ){
+    this.oCnfCur = Object.assign( JSON.parse( JSON.stringify( this.oCnfDef ) ), neodigmUtils.getValJSON( sCnf, "msg" ) );
+    for ( let sDS in this.oCnfCur ) {  //  Gen elem datast
+      this.eTulip.dataset[ "n55" + neodigmUtils.capFirst( sDS ) ] = this.oCnfCur[ sDS ]  //  Set Theme and ...
+    }
+    let nThemeAlt = ( neodigmOpt.N55_AMPM_THEME =="light" ) ? 1 : 0;  //  Dark alt if ghost /w ampm
+    if( neodigmOpt.ROOT ) neodigmOpt.ROOT.style.setProperty( "--neodigm-theme-tulip", "#" + neodigmOpt.N55_THEME_COLORS[ this.eTulip.dataset.n55Theme ][ ( this.eTulip.dataset.n55Theme == "ghost" ) ? nThemeAlt : 0 ]);
+    if( this.oCnfCur?.mrq ){
+      this.eTulip.dataset.n55Mrq = "true"
+      this.eTulMrq.dataset.n55MarqueeText = this.eTulPre.value = this.oCnfCur.msg
+      this.eTulMrq.dataset.n55Theme = this.eTulPre.dataset.n55Theme = this.oCnfCur.theme
+    }else{
+      this.eTulMrq.dataset.n55MarqueeText = this.eTulPre.value = ""
+      this.eTulip.dataset.n55Lines = ( this.oCnfCur.msg.indexOf( "|" ) == -1 ) ? "1" : "2" 
+      this.eTulipTxt.innerHTML = this.oCnfCur.msg.replace("|", "<br>")      
+    }
+    if(this.fOnBeforeOpen[ this.sId ]) this.fOnBeforeOpen[ this.sId ]( this.oCnfCur.msg )
+    if(this.fOnBeforeOpen["def"]) this.fOnBeforeOpen["def"]( this.oCnfCur.msg )
+    neodigmTulip.open( oRct )
+    this.oCnfCur = Object.assign( this.oCnfDef )  //  reset 2 default
+  }
+  autoOpen( sQry ) {  //  DOM query
+    let elTrg = this._d.querySelector( sQry )
+    if( elTrg && elTrg?.dataset[ "n55Tulip" ] ){
+      neodigmTulip.prepOpen( elTrg.dataset[ "n55Tulip" ], elTrg.getBoundingClientRect() )
+    }
+    this.bIsAuto = true
+    setTimeout( function(){ neodigmTulip.bIsAuto = false }, 2e3 )
+    return this;
+  }
+  open( oRct ) {
+    this.eTulip.classList.add("tulip__cont--show")
+    this.eTulip.classList.remove("tulip__cont--hide")
+    let nTlW = this.eTulip.getBoundingClientRect().width
+    let nPrW = oRct.width
+    let nPrC = oRct.left + Math.round( nPrW / 2 )
+    this.eTulip.style.top = oRct.top + "px";
+    this.eTulip.style.left = nPrC - Math.round( nTlW / 2 ) + "px";
+    const NOFFSET = 8
+    switch( this.eTulip.dataset.n55Position = this.oCnfCur.position ){
+      case "top":
+        this.eTulip.style.top = oRct.top - (NOFFSET * NOFFSET) + "px";
+      break
+      case "right":
+        this.eTulip.style.left = ( oRct.right + NOFFSET ) + "px";
+      break
+      case "bottom":
+        this.eTulip.style.top = oRct.bottom + (NOFFSET + NOFFSET) + "px";
+      break
+      case "left":
+          this.eTulip.style.left = ( oRct.left - ( nTlW + NOFFSET ) ) + "px";
+      break
+    }
+    this.bIsOpen = true
+    return this;
+  }
+  close() {
+    if( this.bIsInit && !this.bIsAuto ){
+      this.eTulip.classList.add("tulip__cont--hide")
+      this.eTulip.classList.remove("tulip__cont--show")
+      this.bIsOpen = false
+    }
+    return this;
+  }
+  pause ( nT ){
+    if( this.bIsInit ){
+      if( nT ) setTimeout( () =>{neodigmTulip.play()}, nT )
+      this.bIsPause = true;  return this;
+    }
+  }
+  play (){
+    this.bIsPause = false;
+    if( this.bIsOpen ) this.close()
+    return this;
+  }
+  isOpen(){ return this.bIsOpen }
+  setOnBeforeOpen( _f, id="def"){ this.fOnBeforeOpen[ id ] = _f }
+}
+let neodigmTulip = new NeodigmTulip( document, ["neodigm-tulip", "[data-n55-tulip]"] )
+
+//  Neodigm 55 PopTart Begin  //
+class NeodigmPopTart {
+  constructor(_d, _aQ) {  //  Orthogonal Diagonalizer | Protomolecule
+      this._d = _d; this._aQ = _aQ; this.oPopTmpls = {}
+      this.elBound = null; this.sBoundTheme = neodigmOpt.N55_THEME_DEFAULT
+      this.fOnBeforeOpen = {}; this.fOnAfterOpen = {}; this.fOnClose = {}
+      this.bIsOpen = this.bIsInit = false
+  }
+  init() {
+    if( !this.bIsInit ){  //  once
+        this._d[ neodigmOpt.N55_APP_STATE.CONTEXT ].addEventListener("mouseover", ( ev ) => {  //  data-n55-poptart-hover
+            if( ev.target?.dataset?.n55PoptartHover ){
+                const sAttrEv = ev.target?.dataset?.n55PoptartHover // || ev?.srcElement?.parentNode?.dataset?.n55PoptartHover
+                this.sBoundTheme = ev.target.n55Theme || ev.target?.dataset?.n55Theme || ev.target?.parentNode?.dataset?.n55Theme || neodigmOpt.N55_THEME_DEFAULT
+                if( this.sBoundTheme != "disabled" ) {
+                    let elPopTmpl = this._d[ neodigmOpt.N55_APP_STATE.CONTEXT ].querySelector( "#" + sAttrEv )
+                    if( elPopTmpl?.dataset?.n55Poptart ){
+                        this.elBound = ev.target
+                        this.sBoundTheme = this.elBound ||neodigmOpt.N55_THEME_DEFAULT
+                        ev.preventDefault()
+                        neodigmPopTart.open( this.oPopTmpls[ sAttrEv ] = elPopTmpl, JSON.parse( elPopTmpl.dataset.n55Poptart ) )
+                    }
+                }
+            }
+        }, false)
+        /* ADVANCED HOVER PATTERNS
+        this._d[ neodigmOpt.N55_APP_STATE.CONTEXT ].addEventListener("mouseout", ( ev ) => {  //  data-n55-poptart-hover
+            console.log( " ~~~ ev.target?.dataset?.n55PoptartHover | " + ev.target?.dataset?.n55PoptartHover )
+            let sPTCont = neodigmUtils.walkDOM3( ev?.target, "n55PoptartHover" )
+            console.log( " ~~~ sPTCont | " + sPTCont )
+
+            if( sPTCont ){
+                this.close()
+            }
+        } )
+        */
+        this._d[ neodigmOpt.N55_APP_STATE.CONTEXT ].addEventListener("click", ( ev ) => {  //  data-n55-poptart-click
+            if( ev.target?.dataset?.n55PoptartClick || ev.target?.parentNode?.dataset?.n55PoptartClick ){
+                const sAttrEv = ev.target?.dataset?.n55PoptartClick || ev.target?.parentNode?.dataset?.n55PoptartClick
+                this.sBoundTheme = ev.target.n55Theme || ev.target?.dataset.n55Theme || ev.target?.parentNode?.dataset.n55Theme || neodigmOpt.N55_THEME_DEFAULT
+                    if( this.sBoundTheme != "disabled" ) {
+                    let elPopTmpl = this._d[ neodigmOpt.N55_APP_STATE.CONTEXT ].querySelector( "#" + sAttrEv )
+                    if( elPopTmpl?.dataset?.n55Poptart ){
+                        this.elBound = ev.target
+                        ev.preventDefault()
+                        neodigmPopTart.open( this.oPopTmpls[ sAttrEv ] = elPopTmpl, JSON.parse( elPopTmpl.dataset.n55Poptart ) )
+                    }
+                }
+            }
+        }, false)
+        this._d[ neodigmOpt.N55_APP_STATE.CONTEXT ].addEventListener("click", ( ev ) => {  //  👁️ Outside Click
+            if( this.bIsOpen ){
+                let eTarget = ev.target, bInside = false;
+                while( eTarget.tagName !== "HTML" ){
+                    if( eTarget.dataset.n55PoptartOpen ){ bInside = true; break; }
+                    eTarget = eTarget.parentNode;
+                }
+                if( !bInside ){ neodigmPopTart.close() }
+            }
+        }, true)
+        this._d[ neodigmOpt.N55_APP_STATE.CONTEXT ].addEventListener("keydown", ( ev ) => {  //  Close on Esc Key
+            if ( ev.key == "Escape" ){ if( this.bIsOpen ) this.close() }
+        }, true)
+        this.bIsInit = true
+    }
+    return this;
+  }
+  open( elPop, oPos ) {
+    if( this.bIsInit && !this.bIsPause && elPop.id && !elPop.dataset?.n55PoptartOpen ) {
+        let nOffSetT, nOffSetL, nOffSetH, nOffSetW;  //  TODO oPos offsets conf
+        nOffSetT = nOffSetL = nOffSetH = nOffSetW = 0;
+        let oRctBound = this.elBound.getBoundingClientRect()
+        let pxLft  = window.pageXOffset || this._d.documentElement.scrollLeft
+        let pxTop = window.pageYOffset || this._d.documentElement.scrollTop
+        const NOFFSET = 10
+          //  Allow pre CB to cancel open
+        if( this.fOnBeforeOpen[ elPop.id ] ){ if( !this.fOnBeforeOpen[ elPop.id ]() ) return false; }
+        if( this.fOnBeforeOpen[ "def" ] ){ if( !this.fOnBeforeOpen[ "def" ]() ) return false; }
+
+        elPop.dataset.n55PoptartOpen = Date.now()
+        let oRctPopCt = elPop.getBoundingClientRect()
+        oPos.w = ( ( oPos.w ) ? oPos.w : ( oRctBound.width + nOffSetW ) )  //  W
+        oPos.x = ( ( oPos.x ) ? oPos.x : ( ( oRctBound.left + (oRctBound.width / 2) ) - ( oPos.w / 2) + pxLft + nOffSetL ) )  //  X  //  TODO calc and align x center of bound elm
+        oPos.y = ( ( oPos.y ) ? oPos.y : ( oRctBound.top  + pxTop - nOffSetT ) )  //  Y
+        oPos.z = ( ( oPos.z ) ? oPos.z : neodigmOpt.N55_ZIND.PopTart )  //  Z
+        oPos.h = ( ( oPos.h ) ? (oPos.h + nOffSetH) : "auto" )  //  H
+        oPos.position = ( ( oPos.position ) ? oPos.position : "bottom" )  //  P
+        switch( oPos.position ){
+            case "top":
+                oPos.y = ( oPos.y - ( oRctBound.height + oRctPopCt.height ) + NOFFSET )
+            break
+            case "right":
+                oPos.x = ( oPos.x + oRctBound.width )
+            break
+            case "bottom":
+                oPos.y = ( oPos.y + oRctBound.height ) + NOFFSET
+            break
+            case "left":
+                oPos.x = ( oPos.x - oRctBound.width )
+            break
+        }
+        elPop.style.left = oPos.x + "px"; elPop.style.top = oPos.y + "px"; elPop.style.width = oPos.w + "px"
+        elPop.style.height = ( oPos.h == "auto" ) ? "auto" : oPos.h + "px";
+        //elPop.style.position = "absolute";
+        elPop.style.zIndex = oPos.z;
+        if( !elPop.dataset?.n55Theme ) elPop.dataset.n55Theme = this.sBoundTheme  //  Inherit Theme from Bound El, may be flash theme
+        if( neodigmOpt.N55_GTM_DL_POPTRT ) neodigmUtils.doDataLayer( neodigmOpt.N55_GTM_DL_POPTRT, elPop.id )
+        this.bIsOpen = true
+        if( this.fOnAfterOpen[ elPop.id ] ) this.fOnAfterOpen[ elPop.id ]()
+        if( this.fOnAfterOpen["def"] ) this.fOnAfterOpen["def"]()
+    }
+    return this;
+  }
+  close() {
+    for( let e in this.oPopTmpls ){
+        if( this.oPopTmpls[ e ]?.dataset?.n55PoptartOpen ){
+            let sId = this.oPopTmpls[ e ]?.id
+            let bOkClose = true  //  CBs must explicitly return false to prevent closing
+            if( neodigmOpt.N55_DEBUG_lOG ) console.log( "~Poptart Close | " + sId, this.fOnClose[ sId ] )
+            if( this.fOnClose[ sId ] ) bOkClose = !(this.fOnClose[ sId ]( sId ) === false)  //  The specific can cancel the generic
+            if( bOkClose && this.fOnClose["def"] ) bOkClose = !(this.fOnClose["def"]( sId ) === false)
+            if( bOkClose ){
+                delete this.oPopTmpls[ e ].dataset.n55PoptartOpen;
+                this.bIsOpen = false
+            }
+        }
+    }
+    return this;
+  }
+  pause ( nT ){
+    if( this.bIsInit ){
+      if( nT ) setTimeout( () =>{neodigmPopTart.play()}, nT )
+      this.bIsPause = true;  return this;
+    }
+  }
+  play (){
+    this.bIsPause = false;
+    return this;
+  }
+  shake( bSound = true) {  //  Shake All Open
+    if(this.bIsInit && this.bIsOpen) {
+        if( neodigmOpt.neodigmWired4Sound ) neodigmWired4Sound.doHaptic([8, 32, 48])
+        for( let e in this.oPopTmpls ){
+            if( this.oPopTmpls[ e ]?.dataset?.n55PoptartOpen ){
+                this.oPopTmpls[ e ].classList.add("ndsp__opened--shake1");
+                setTimeout(function(){
+                    neodigmPopTart.oPopTmpls[ e ].classList.remove("ndsp__opened--shake1");
+                }, 460)
+            }
+        }
+        if( bSound && neodigmOpt.neodigmWired4Sound && neodigmOpt.EVENT_SOUNDS ) neodigmWired4Sound.sound( 13, "QUITE" )
+        if( neodigmOpt.neodigmWired4Sound ) neodigmWired4Sound.doHaptic([48, 32, 8])
+    }
+    return this
+}
+  isOpen(){ return this.bIsOpen }
+  setOnBeforeOpen( _f, id="def"){ this.fOnBeforeOpen[ id ] = _f }
+  setOnAfterOpen( _f, id="def"){ this.fOnAfterOpen[ id ] = _f }
+  setOnClose( _f, id="def"){ this.fOnClose[ id ] = _f }
+}
+let neodigmPopTart = new NeodigmPopTart( document, ["neodigm-poptart"] )
+
+//  Neodigm 55 Wired4Sound Begin  //
+class NeodigmWired4Sound {
+  constructor( _d, _aQ ){
+    this._d = _d
+    this._aQ = _aQ
+    this.aSnd = [
+      [,,625,.05,.14,.17,,0,-3.8,-1.7,150,,.06,.1,-1,,,.76,.08],
+      [,,1675,,.06,.24,1,1.82,,,837,.06],
+      [,,1e3,,,.5,,,,,99,.01,.03],
+      [,,129,.01,,.15,,,,,,,,5],
+      [1.01,,561,.05,.17,.39,,.78,5.8,1.9,,,.17,,,,,.66,.08,.4],
+      [,.5,847,.02,.3,.9,1,1.67,,,-294,.04,.13,,,,.1],
+      [,,172,.8,,.8,1,.76,7.7,3.73,-482,.08,.15,,.14],
+      [,,20,.04,,.6,,1.31,,,-990,.06,.17,,,.04,.07],
+      [2.11,0,73.41619,.01,.9,.27,,.51,,,50,-0.01,.26,,,-0.2,.16,.53,.13,.07],
+      [,,537,.02,.02,.22,1,1.59,-6.98,4.97],
+      [1.5,.5,270,,.1,,1,1.5,,,,,,,,.1,.01],
+      [1.99,,1477,.14,,0,3,.01,,,,,.07,,,,.39,.61,.05],
+      [,,646,,.16,.08,1,1.5,-15,,938,.06,,,-64,,,,.18],
+      [1.44,,666,.1,.15,.32,,1.15,,,,,.13,,4.3,,.19,.77,.27],
+      [1.99,,135,.09,.25,.13,1,.05,-0.3,,46,.05,.12,.3,,,.36,,.01,.62],
+      [1.82,,1442,.21,,.23,4,.12,-10,,-846,.01,,.1,,,.17,.12,.12],
+      [3,,1583,.01,,.02,4,.02,49,-2,,,.01,.1,,,.04,.59,,.01],
+
+      [3,6,239,.01,.29,.5,1,1.11,-8.6,0,-1,.19,.11,.1,50,0,0,.45,.14,.18],
+      [3,6,144,.06,.22,.28,0,1.1,-2.4,-0.1,56,.12,.13,0,31,0,0,.47,.12,.32],
+      [24,0,65.41,0,.04,.24,0,1.48,-0.2,.2,-200,0,.02,0,0,-0.1,.13,.06,.01,.37],
+      [3,.05,153,0,.08,0,4,.1,62,0,0,0,0,0,0,0,0,.58,.02,0],
+      [3,.05,1361,.01,.01,.18,4,.02,0,5.3,0,0,0,0,0,0,.01,.35,.1,0],
+      [3,.05,2,.08,.05,0,2,.12,4,90,572,.02,0,0,0,0,.06,1,0,0],
+      [3,.05,898,.01,.02,.03,2,1.95,-0.2,.2,368,.04,.02,-0.1,0,0,.13,1.4,.02,.02],
+      [10,.05,366,0,.18,.47,1,.65,.4,.2,0,0,.09,.1,3,-0.1,.03,-0.19,.07,.27]
+    ]
+    this.bIsInit = false
+  }
+  init () {
+    ["click", "mouseover"].forEach(( evName ) => {
+      this._d.querySelector( this._aQ[0] ).addEventListener(evName, ( ev )=>{
+        let sAtr = "n55Wired4sound" + neodigmUtils.capFirst( evName ).replace("Mouseover","Hover")  //  hover convention
+        let evAtr = neodigmUtils.walkDOM3( ev?.target, sAtr )
+        let evTheme = neodigmUtils.walkDOM3( ev?.target, "n55Theme" )
+        neodigmUtils.walkDOM3( ev?.target, "n55Tulip" )
+        if( evAtr && (evTheme != "disabled") ) neodigmWired4Sound.sound( evAtr )
+      }, false);
+    })
+    this.bIsInit = true; return this
+  }
+  pause ( nT ){
+    if( this.bIsInit ){
+      if( nT ) setTimeout( () =>{neodigmWired4Sound.play()}, nT )
+      this.bIsPause = true;  return this;
+    }
+  }
+  play ( sSnd ){ if( this.bIsInit ){
+    if( sSnd ) this.sound( sSnd )  //  Legacy compat
+    this.bIsPause = false; return this;
+  } }
+  sound ( nSnd, sMod=null ) {
+    if( this.bIsInit && !this.bIsPause && neodigmOpt.N55_APP_STATE.FIRST_TAP ){
+        if( sMod ){
+            if( sMod == "QUITE" ) zzfxV = zzfxV / 2.6
+            if( sMod == "LOUD" )  zzfxV = zzfxV * 2.6
+            setTimeout( ()=> { zzfxV = neodigmOpt.W4S_VOLUME }, 128 )
+        }
+        if(typeof nSnd  === "object"){
+            if( zzfx ) zzfx(... nSnd )
+        }else{
+            if(nSnd >= this.aSnd.length) nSnd = 1
+            if( zzfx ) zzfx(... this.aSnd[ nSnd ])
+        }
+    }
+    return this
+  }
+  doHaptic ( aVib ){
+    if( neodigmOpt.N55_APP_STATE.FIRST_TAP && neodigmOpt.N55_EVENT_HAPTIC && "vibrate" in navigator){
+      window.navigator.vibrate( aVib )
+    }
+    return this
+  }
+  setVolume ( nVol ) { if( zzfxV ) zzfxV = nVol; return this }
+}
+let neodigmWired4Sound = new NeodigmWired4Sound( document, [ neodigmOpt.N55_APP_STATE.CONTEXT ])
+
+//  Neodigm 55 Parallax Begin  //
+class NeodigmParallax {
+  constructor( _d, _aQ ) {
+      this._d = _d; this._aQ = _aQ
+      this.bIsInit = false
+  }
+  init () {
+    [ ... this._d.querySelectorAll( this._aQ[0] )].filter( ( ndP ) => {
+    if( neodigmUtils.isMobile() ) ndP.dataset.n55ParallaxMobile = neodigmOpt.PRLX_MOBILE;
+    let ndPDv = ndP.querySelector("aside")
+    if( ndPDv && ndP.dataset[ this._aQ[1] ] ){
+      let jRnd = []
+      try{
+        jRnd = JSON.parse( ndP.dataset[ this._aQ[1] ] )
+        jRnd = jRnd[ neodigmUtils.f02x( jRnd.length ) ]
+      }catch{
+        jRnd = ndP.dataset[ this._aQ[1] ]
+      }
+      ndPDv.style.backgroundImage = "url(" + jRnd + ")"
+    }
+    })
+    this.bIsInit = true
+    return this
+  }
+}
+let neodigmParallax = new NeodigmParallax( document, ["neodigm-parallax", "n55Parallax"] )
+
+//  Neodigm 55 Metronome Begin  //
+const neodigmMetronome = ( () =>{
+  let oEmit = {}, aIntv = []
+  let bIsInit = bIsPause = false 
+  return {  //  Oscillation Overthruster
+    init: function(){  //  Reset all
+      oEmit = {}
+      aIntv.forEach( ( i )=>{ clearInterval( i[0] ) } )
+      bIsInit = true
+      if( neodigmOpt.neodigmWWInterval ){ 
+        (function(){
+          let n55Timr;
+          function createWorker(){
+              let fWorkerSource = function(){
+                  let idMap = {};
+                  self.onmessage = function( e ){
+                      if (e.data.type === 'setInterval'){
+                          idMap[ e.data.id ] = setInterval(function(){
+                              self.postMessage({ type: 'tick', id: e.data.id });
+                          }, e.data.delay);
+                      } else if (e.data.type === 'clearInterval'){
+                          clearInterval(idMap[ e.data.id ]);
+                          delete idMap[ e.data.id ];
+                      } else if (e.data.type === 'setTimeout'){
+                          idMap[ e.data.id ] = setTimeout(function(){
+                              self.postMessage({ type: 'tick', id: e.data.id });
+                              delete idMap[ e.data.id ];
+                          }, e.data.delay);
+                      } else if (e.data.type === 'clearCallback'){
+                          clearTimeout(idMap[ e.data.id ]);
+                          delete idMap[ e.data.id ];
+                      }
+                  };
+              };
+              return new Worker(URL.createObjectURL(new Blob([
+                  '(',
+                  fWorkerSource.toString(),
+                  ')();'
+              ], {type: 'application/javascript'})));
+          }
+          n55Timr = { worker: createWorker(), idToCallback: {}, currentId: 0};
+          function generateId(){ return n55Timr.currentId++ }
+          function overloadSetInterval(callback, delay){
+              let intervalId = generateId();
+              if( neodigmOpt.N55_DEBUG_lOG ) console.log( "~MetroN55 setI | " + delay, callback )
+              n55Timr.idToCallback[ intervalId ] = callback;
+              n55Timr.worker.postMessage({ type: 'setInterval', delay: delay, id: intervalId });
+              return intervalId;
+          }
+          function overloadClearInterval( intervalId ){
+              n55Timr.worker.postMessage({ type: 'clearInterval', id: intervalId });
+              delete n55Timr.idToCallback[ intervalId ];
+          }
+          function overloadSetTimeout(callback, delay){
+              if( neodigmOpt.N55_DEBUG_lOG ) console.log( "~MetroN55 setT | " + delay, callback )
+              let intervalId = generateId();
+              n55Timr.idToCallback[ intervalId ] = function(){
+                callback();
+                delete n55Timr.idToCallback[ intervalId ];
+              };
+              n55Timr.worker.postMessage({ type: 'setTimeout', delay: delay, id: intervalId });
+              return intervalId;
+          }
+          function overloadClearTimeout( intervalId ){
+              n55Timr.worker.postMessage({ type: 'clearInterval', id: intervalId });
+              delete n55Timr.idToCallback[ intervalId ];
+          }
+          n55Timr.worker.onmessage = function(e){
+              if (e.data.type === 'tick'){
+                  if( typeof n55Timr.idToCallback[ e.data.id ] == "function" ) n55Timr.idToCallback[ e.data.id ]();
+              }
+          };
+          window.n55Timr = n55Timr;
+          window.setTimeoutN55 = overloadSetTimeout; window.clearTimeoutN55 = overloadClearTimeout;
+          window.setIntervalN55 = overloadSetInterval; window.clearIntervalN55 = overloadClearInterval;
+        })();
+      }
+      return neodigmMetronome;
+    },
+    tick: function( t ){
+      if( bIsInit && !bIsPause ){ oEmit[ t ].forEach( ( f )=>{
+        if( oEmit[ t ].mx || oEmit[ t ].mx == 0 ){
+          if( oEmit[ t ].mx ){ f( --oEmit[ t ].mx ) }
+        }else{ f() }
+      } ) }
+      return neodigmMetronome;
+    },
+    subscribe: function( f, t, mx ){  //  Usage: .subscribe(f, 1000, 5)
+      let _t = t
+      if( bIsInit ){
+        if( !oEmit[ _t ] ){
+          oEmit[ _t ] = []
+          aIntv.push( [setInterval( ()=>{ neodigmMetronome.tick( _t ) }, _t ), t] )
+        }
+        oEmit[ _t ].push( f )
+        if( mx ) oEmit[ _t ].mx = mx
+      }
+      return neodigmMetronome;
+    },
+    unsubscribe: function( t ){ 
+      oEmit[ t ] = null;
+      aIntv = aIntv.filter( ( i )=>{
+        if( i[1] == t ){clearInterval( i[0] ); return false; }
+        return true;
+      } )
+      return neodigmMetronome;
+    },
+    pause: function( nT ){
+      bIsPause = true;
+      if( nT ) setTimeout( neodigmMetronome.play, nT )
+      return neodigmMarquee; },
+    isPaused: function(){ return bIsPause },
+    play:  function(){ bIsPause = false; return neodigmMarquee; }
+  }
+})();
+
+//  Neodigm 55 Marquee Begin  //
+const neodigmMarquee = ( ( _d, _aQ, _t ) =>{
+    let aMarqs = [];
+    let bIsInit = bIsPause = bLTR = false
+    return {
+      init: function(){
+        aMarqs = [ ... _d.querySelectorAll( _aQ[0] )]
+        aMarqs.forEach( ( eMc )=>{
+            eMc.eMp = eMc.querySelector("pre")
+            if( eMc.dataset.n55MarqueeDirection !== "false"){
+              eMc.addEventListener("mouseover", neodigmMarquee.toggleDir )
+              eMc.addEventListener("mouseout", neodigmMarquee.toggleDir )              
+            }
+            eMc.addEventListener("mousedown", neodigmMarquee.pause )
+            eMc.addEventListener("mouseup", neodigmMarquee.play )
+        })
+        neodigmMetronome.subscribe( ()=>{ requestAnimationFrame( neodigmMarquee.tick ) }, _t )
+        bIsInit = true
+        return neodigmMarquee;
+      },
+      tick: function( t ){
+        if( bIsInit && !bIsPause ){
+            aMarqs.forEach( ( eMc )=>{
+                let aMt = [ ... eMc.dataset[ _aQ[1] ]]
+                if( bLTR ){
+                    aMt.unshift( aMt.pop() )
+                }else{
+                    aMt.push( aMt.shift() )
+                }
+                eMc.eMp.textContent = eMc.dataset[ _aQ[1] ] = aMt.join("")
+            })
+        }
+      },
+      toggleDir: function(){ if( bIsInit ){ bLTR = !bLTR; return neodigmMarquee; } },
+      pause: function( nT ){
+        bIsPause = true;
+        if( nT ) setTimeout( neodigmMarquee.play, nT )
+        return neodigmMarquee; },
+      play:  function(){ bIsPause = false; return neodigmMarquee; }
+    }
+})( document, ["neodigm-marquee", "n55MarqueeText"], 112 );
+
+//  Neodigm 55 Claire Begin  //
+class NeodigmClaireAtomOn{
+  constructor(x, y, ctx, cnvIdx, cnvMax){
+    this.complete = false; this.size = 1
+    this.x = x; this.y = y;
+    this.dotCtx = ctx; this.cnvIdx = cnvIdx
+    this.nInverse = cnvMax - cnvIdx
+    this.nMax = Math.max(this.dotCtx.height, this.dotCtx.width)
+  }
+  draw(){
+    let nRings = 0
+    if( !this.complete ) this.size = this.size + ( this.nMax * this.nInverse ) / 10
+    this.dotCtx.globalCompositeOperation = "destination-out"
+    this.dotCtx.beginPath()
+      this.dotCtx.arc(this.x, this.y, this.size, 0, 2 * Math.PI, false)
+      this.dotCtx.closePath()
+    this.dotCtx.fill()
+
+    while( nRings++ <= 2 ){
+      this.dotCtx.beginPath()
+        this.dotCtx.arc( neodigmUtils.f02x( this.nMax ), neodigmUtils.f02x( this.nMax ), neodigmUtils.f02x( this.nMax ) + 8, 0, 2 * Math.PI, false)
+        this.dotCtx.closePath()
+        this.dotCtx.lineWidth = neodigmUtils.f02x( 18 ) + 2
+        this.dotCtx.stroke()
+    }
+
+    this.dotCtx.globalCompositeOperation = "destination-atop";  //  "destination-atop"
+
+    this.complete = (this.size >= (  this.nMax * 1.4 ) )
+    return !this.complete
+  }
+}
+
+class NeodigmClaireAtomOff{
+  constructor(x, y, ctx, cnvIdx, cnvMax){
+    this.complete = false; this.size = 1
+    this.x = x; this.y = y;
+    this.dotCtx = ctx; this.cnvIdx = cnvIdx
+    this.nInverse = cnvMax - cnvIdx
+    this.nMax = Math.max(this.dotCtx.height, this.dotCtx.width)
+  }
+  draw(){
+    if( !this.complete ) this.size = this.size + ( this.nMax * this.nInverse ) / 4
+    this.dotCtx.globalCompositeOperation = "source-over"
+    this.dotCtx.beginPath()
+      this.dotCtx.arc(this.x, this.y, this.size, 0, 2 * Math.PI, false)
+      this.dotCtx.closePath()
+    this.dotCtx.fill()
+    this.complete = (this.size >= (  this.nMax * 1.4 ) )
+    return !this.complete
+  }
+}
+class NeodigmClaireConfetti{
+  constructor( ctx ){
+    this.size = ( neodigmUtils.f02x( 8 ) + 8 );
+    this.cCtx = ctx;
+    this.aTape = []
+    while( this.aTape.length <= (this.cCtx.width / 20) ){
+      this.aTape.push({
+        "x": neodigmUtils.f02x( this.cCtx.width ), "y": -20,
+        "sizeH": ( neodigmUtils.f02x( 14 ) + 4 ), "sizeW": ( neodigmUtils.f02x( 14 ) + 4 ),
+        "speed": (neodigmUtils.f02x( 4 ) + 2 ), "gravity": (neodigmUtils.f02x( 4 ) + 4 ),
+        "rotation": 9,
+        "complete": false,
+        "theme": neodigmOpt.N55_THEME_COLORS[ ["warning","info","danger","secondary","primary","night"][neodigmUtils.f02x( 5 )] ][ neodigmUtils.f02x( 2 ) ]
+      })
+    }
+    this.nMax = Math.max(this.cCtx.height, this.cCtx.width)
+  }
+  draw(){
+    this.cCtx.clearRect(0, 0, this.cCtx.width, this.cCtx.height)
+    var _this = this
+    this.aTape = this.aTape.filter(function(oTape){
+      if( !oTape.complete ) oTape.y = oTape.y + ( oTape.speed * oTape.gravity );
+      _this.cCtx.globalCompositeOperation = "source-over"
+        _this.cCtx.fillStyle = "#" + oTape.theme
+        _this.cCtx.fillRect( oTape.x, oTape.y, oTape.sizeW, oTape.sizeH )
+      _this.cCtx.fill()
+
+      oTape.complete = ( oTape.y >= ( _this.nMax + 6 ) )
+      return !oTape.complete
+    })
+    return ( this.aTape.length )
+  }
+}
+class NeodigmClaire {
+/*
+Create hidden canvas the size of
+      All target DOM child elements, given the two farthest x/y coordinance
+Paint a generative / procedural anime on the hidden canvas
+Directionally paint each DOM el in turn, with it's slice of the hidden canvas.
+Fire completed callback  //  Cut Out Layer
+*/
+/*
+Accessed through components via data tags or through JS via API for non-components
+data-n55-claire-theme
+data-n55-claire-waxon
+data-n55-claire-waxoff
+
+data-n55-claire-click - confetti
+*/
+    //constructor( _d, _aQ ) {
+        //this._d = _d; this._aQ = _aQ
+    //}
+    static _d = document; static bIsInit = false; static bIsPause = false;
+    static _theme = neodigmOpt.N55_THEME_DEFAULT;  //  brand
+    static get theme (){ return this._theme; }
+    static aAtoms = []
+
+    static init (){
+        this.bIsInit = true
+        return this
+    }
+    static showCanv ( sQ, nOpc=1 ){
+      if( this.bIsInit && !this.bIsPause ){
+        let canvCntr = this._d.querySelector( sQ )  //  One Single
+        let aElCanv = [ ... canvCntr.querySelectorAll( ":scope > *" )]  //  1st decendants
+        if( canvCntr && aElCanv ){
+          canvCntr.dataset.n55Claire = "true"
+          if( !canvCntr.aElCanv ){  //  Once
+            canvCntr.aElCanv = []
+            aElCanv.forEach(function( el ){
+              let cnv = document.createElement( "canvas" )
+              cnv.setAttribute("height", el.clientHeight)
+              cnv.setAttribute("width",  el.clientWidth)
+              cnv.style.height = el.clientHeight; cnv.style.width = el.clientWidth;
+              if( nOpc ) cnv.style.opacity = nOpc; 
+              el.appendChild( cnv )
+              canvCntr.aElCanv.push( [cnv, cnv.getContext("2d"), el.clientHeight, el.clientWidth] )
+          })
+          }
+        }
+      }
+      return this
+    }
+    static hideCanv ( sQ ){
+      if( this.bIsInit && !this.bIsPause ){
+        let canvCntr = this._d.querySelector( sQ )  //  One Single
+        if( canvCntr && canvCntr.aElCanv ) canvCntr.dataset.n55Claire = "false"
+      }
+      return this
+    }
+    static initCanvOn( sQ ){  //  Cover Canvas with Themed Rect
+      if( this.bIsInit && !this.bIsPause ){
+        let canvCntr = this._d.querySelector( sQ )  //  One Single
+        if( canvCntr && canvCntr?.aElCanv ){
+          canvCntr.aElCanv.forEach(function( aCnv ){
+            let ctx = aCnv[1]
+            let themeRadGrad = ctx.createRadialGradient(0, 0, aCnv[2], aCnv[3], (aCnv[2] / 2), aCnv[2] );
+            themeRadGrad.addColorStop(0, "#" + neodigmOpt.N55_THEME_COLORS[ NeodigmClaire.theme ][0]);
+            themeRadGrad.addColorStop(.6, "#" + neodigmOpt.N55_THEME_COLORS[ NeodigmClaire.theme ][1]);
+            themeRadGrad.addColorStop(1, "#" + neodigmOpt.N55_THEME_COLORS[ NeodigmClaire.theme ][0]);
+            ctx.fillStyle = themeRadGrad
+            ctx.fillRect(0, 0, aCnv[3], aCnv[2])
+          })
+        }
+      }
+      return this;
+    }
+    static initCanvOff ( sQ ){  //  Cover Canvas with Themed Rect
+      if( this.bIsInit && !this.bIsPause ){
+        let canvCntr = this._d.querySelector( sQ )  //  One Single
+        if( canvCntr && canvCntr?.aElCanv ){
+          canvCntr.aElCanv.forEach(function( aCnv ){
+            let ctx = aCnv[1]
+            ctx.globalCompositeOperation = "destination-out"
+            ctx.fillRect(0, 0, aCnv[3], aCnv[2])
+          })
+        }
+      }
+      return this;
+    }
+    static doWaxOn( sQ, theme=neodigmOpt.N55_THEME_DEFAULT, scene="circle", nOpc=.6 ){
+      this.showCanv( sQ, nOpc ).setTheme( theme ).initCanvOn( sQ ).waxOn( sQ, scene )
+      return this
+    }
+    static doWaxOff( sQ, theme=neodigmOpt.N55_THEME_DEFAULT, scene="circle", nOpc=.6 ){
+      this.showCanv( sQ, nOpc ).setTheme( theme ).initCanvOff( sQ ).waxOff( sQ, scene )
+      return this
+    }
+    static waxOn( sQ ){
+      if( this.bIsInit && !this.bIsPause ){
+        let canvCntr = this._d.querySelector( sQ )  //  One Single
+        if( canvCntr ){
+          NeodigmClaire.aAtoms = []
+          canvCntr.aElCanv.forEach(function( elChild, cnvIdx ){
+            let ctx = elChild[1]; ctx.height = elChild[2]; ctx.width = elChild[3];
+            let nRndX = neodigmUtils.f02x( ctx.width ), nRndY = neodigmUtils.f02x( ctx.height )
+            NeodigmClaire.aAtoms.push( new NeodigmClaireAtomOn( nRndX, nRndY, ctx, cnvIdx, canvCntr.aElCanv.length ))
+          })
+          NeodigmClaire.anime( sQ, true )
+        }
+      }
+      return this
+    }
+    static waxOff( sQ ){
+      if( this.bIsInit && !this.bIsPause ){
+        let canvCntr = this._d.querySelector( sQ )  //  One Single
+        if( canvCntr ){
+          NeodigmClaire.aAtoms = []
+          canvCntr.aElCanv.forEach(function( elChild, cnvIdx ){
+            let ctx = elChild[1]; ctx.height = elChild[2]; ctx.width = elChild[3];
+            let nRndX = neodigmUtils.f02x( ctx.width ), nRndY = neodigmUtils.f02x( ctx.height )
+            NeodigmClaire.aAtoms.push( new NeodigmClaireAtomOff( nRndX, nRndY, ctx, cnvIdx, canvCntr.aElCanv.length ))
+          })
+          NeodigmClaire.anime( sQ, false )
+        }
+      }
+      return this
+    }
+    static doConfetti( sQ, theme="random", nOpc=1 ){
+      this.showCanv( sQ, nOpc ).setTheme( theme ).initCanvOff( sQ )
+      if( this.bIsInit && !this.bIsPause ){
+        let canvCntr = this._d.querySelector( sQ )  //  One Single
+        if( canvCntr ){
+          NeodigmClaire.aAtoms = []
+          canvCntr.aElCanv.forEach(function( elChild ){
+            let ctx = elChild[1]; ctx.height = elChild[2]; ctx.width = elChild[3];
+            let nCnt = 0
+            NeodigmClaire.aAtoms.push( new NeodigmClaireConfetti( ctx ))
+          })
+          NeodigmClaire.anime( sQ, true )
+        }
+      }
+      return this
+    }
+    static anime( sQ, bClose ){
+      if( this.bIsInit && !this.bIsPause ){
+        let _sQ = sQ
+        let aAtomRun = NeodigmClaire.aAtoms.filter( ( ar ) => !ar.complete )
+        if( aAtomRun.filter( function( ar ) { return ar.draw() } ).length ){
+          setTimeout(function(){NeodigmClaire.anime( sQ, bClose )}, 56)
+        }else{ if( bClose ) NeodigmClaire.hideCanv( _sQ, bClose )
+        }
+      }
+    }
+    static pause (){ this.bIsPause = true; return this; }
+    static play (){ this.bIsPause = false; return this; }
+    static setTheme ( sTheme = neodigmOpt.N55_THEME_DEFAULT ){
+      if( sTheme.indexOf("[") != -1 ) sTheme = JSON.parse( sTheme )  //  from HTML attrb
+      if( typeof sTheme == "object") sTheme = sTheme[ neodigmUtils.f02x( sTheme.length ) ]  //  array
+      this._theme = sTheme;
+      return this; }
+    }
+//  let neodigmClaire = new NeodigmClaire( document, ["neodigm-claire"] )
+
+//  Neodigm 55 Enchanted CTA Begin
+class NeodigmEnchantedCTA {
+    constructor( _d, _aQ ) {
+        this._d = _d; this._aQ = _aQ
+        this.bIsInit = false; this.bIsPause = false
+        this.fOnLongTap = {}; this.bLongTap = false
+        this.aE = []
+    }
+    init (){
+      this.aE = [ ... this._d.querySelectorAll( this._aQ[0] )]
+      if( !this.bIsInit ){  //  once events app_state.context
+        this._d[ neodigmOpt.N55_APP_STATE.CONTEXT ].addEventListener("click", ( ev ) => {
+          let sId = ev?.target?.id || ev?.target?.parentNode?.id || "add_id"
+          let bCta = ("n55EnchantedCta" in ev?.target?.dataset) || ("n55EnchantedCta" in ev?.target?.parentNode?.dataset)
+          if( bCta && neodigmOpt.N55_GTM_DL_CTA ) neodigmUtils.doDataLayer( neodigmOpt.N55_GTM_DL_CTA, sId )
+          let sTheme = ev?.target?.dataset?.n55Theme || ev?.target?.parentNode?.dataset?.n55Theme
+          if( sTheme != "disabled" ){
+            let sFlashTh = ev?.target?.dataset?.n55FlashTheme || ev?.target?.parentNode?.dataset?.n55FlashTheme
+            if( sFlashTh ) neodigmEnchantedCTA.flashTheme( sFlashTh )
+          }
+        }, false)
+        if( neodigmOpt.N55_CTA_LONG_TAP ){
+          this._d[ neodigmOpt.N55_APP_STATE.CONTEXT ].addEventListener("mousedown", ( ev ) => {
+            let sId = ev?.target?.id || ev?.target?.parentNode?.id || "add_id"
+            let bCta = ("n55EnchantedCta" in ev?.target?.dataset) || ("n55EnchantedCta" in ev?.target?.parentNode?.dataset)
+            if( bCta ){
+              neodigmEnchantedCTA.bLongTap = true
+              setTimeout( function(){
+                if( neodigmEnchantedCTA.bLongTap ){
+                  neodigmEnchantedCTA.bLongTap = false
+                  if(neodigmEnchantedCTA.fOnLongTap[ sId ]) neodigmEnchantedCTA.fOnLongTap[ sId ]()
+                  if(neodigmEnchantedCTA.fOnLongTap["def"]) neodigmEnchantedCTA.fOnLongTap["def"]()                     
+                }
+              }, 3400 )            
+            }
+          }, false)
+          this._d[ neodigmOpt.N55_APP_STATE.CONTEXT ].addEventListener("mouseup", ( ev ) => {
+            neodigmEnchantedCTA.bLongTap = false
+          }, false)          
+        }
+      }
+      if( neodigmOpt.N55_CTA_RND_TOUCH ){
+        neodigmMetronome.subscribe( function(){ neodigmEnchantedCTA.touch() }, neodigmOpt.N55_CTA_RND_TOUCH )
+      }
+      if( neodigmOpt.N55_DEBUG_lOG ) console.table( this.aE )
+      this.bIsInit = true
+      return this
+    }
+    pause (){ this.bIsPause = true; return this; }
+    play (){ this.bIsPause = false; return this; }
+    setTheme ( sTheme, sId ){
+      if( this.bIsInit && !this.bIsPause ){
+        this.aE.forEach( (eC) => {  //  orig once
+          if( eC.dataset.n55Theme && !eC.n55Theme ) eC.n55Theme = eC.dataset.n55Theme
+          if( sId ){
+            if( eC?.id == sId ) eC.dataset.n55Theme = sTheme
+          }else{
+            eC.dataset.n55Theme = sTheme
+          }
+        });
+      }
+    return this;
+    }
+    revertTheme ( sId ){  //  Revert orig theme at point of init
+      if( this.bIsInit && !this.bIsPause ){
+        this.aE.forEach( ( eC, nDx ) => {
+          if( sId ){
+            if( (eC?.id == sId) && eC.dataset.n55Theme && eC.n55Theme ) eC.dataset.n55Theme = eC.n55Theme
+          }else{
+            if( eC.dataset.n55Theme && eC.n55Theme ){
+              setTimeout( function(){  eC.dataset.n55Theme = eC.n55Theme }, ( nDx * 24 ) )              
+            }
+          }
+        });
+      }
+    return this;
+    }
+    flashTheme ( sTheme ){
+      if( this.bIsInit && !this.bIsPause && sTheme ){
+        this.setTheme( sTheme )
+        setTimeout( function(){ neodigmEnchantedCTA.revertTheme() }, 76 )
+      }
+    return this;
+    }
+    touch (){
+      if( this.bIsInit && !this.bIsPause && (this.aE.length >= 1) ){
+        let eCt = this.aE[ neodigmUtils.f02x( this.aE.length ) ]
+        if( eCt.dataset.n55Theme != "disabled" ){
+          if( eCt.dataset?.n55EnchantedCtaDontTouch != "true" ){
+            let sRndFX = neodigmOpt.N55_CTA_FX[ neodigmUtils.f02x(7) ]
+            if( eCt.dataset.n55EnchantedCtaAmbient && !eCt.n55EnchantedCtaAmbient ) eCt.n55EnchantedCtaAmbient = eCt.dataset.n55EnchantedCtaAmbient
+            eCt.dataset.n55EnchantedCtaAmbient = sRndFX
+            switch( sRndFX ){
+              case "alternate":
+                if( eCt.dataset.n55EnchantedCtaAlt ){
+                  if( !eCt.querySelector("neodigm-marquee") ){
+                    eCt["n55EnchantedCtaAlt"] = eCt.innerHTML
+                    eCt.querySelectorAll("span")[0].innerText = eCt.dataset.n55EnchantedCtaAlt.split("|")[0]
+                    eCt.querySelectorAll("span")[1].innerText = eCt.dataset.n55EnchantedCtaAlt.split("|")[1]                    
+                  }
+                }
+              break;
+            }
+            if( neodigmOpt.N55_DEBUG_lOG ) console.table( ["touch + " + eCt.id, eCt.innerHTML, eCt.dataset.n55EnchantedCtaAmbient] )
+            setTimeout(function(){ neodigmEnchantedCTA.revertTouch( eCt ) }, 8000)
+          }
+        }
+      }
+    return this;
+    }
+    revertTouch ( eCt ){
+      if( this.bIsInit && !this.bIsPause ){
+        eCt.dataset.n55EnchantedCtaAmbient = ""
+        if( eCt.n55EnchantedCtaAmbient ) eCt.dataset.n55EnchantedCtaAmbient = eCt.n55EnchantedCtaAmbient
+        if( eCt.n55EnchantedCtaAlt ) eCt.innerHTML = eCt.n55EnchantedCtaAlt
+      }
+    }
+    setOnLongTap( _f, id="def"){ this.fOnLongTap[ id ] = _f }
+}
+let neodigmEnchantedCTA = new NeodigmEnchantedCTA( document, ["[data-n55-enchanted-cta]"] )
+
+//  Neodigm 55 KPI Card Begin //
+class NeodigmKPI {
+  /*
+  Anim count up and down
+  percent
+  on scroll triggers
+  container queries
+  */
+  constructor( _d, _aQ ) {
+      this._d = _d; this._aQ = _aQ
+      this.bIsInit = false; this.bIsPause = false
+      this.aE = []
+  }
+  init (){
+    this.aE = [ ... this._d.querySelectorAll( this._aQ[0] )]
+    if( !this.bIsInit ) this._d[ neodigmOpt.N55_APP_STATE.CONTEXT ].addEventListener("click", ( ev ) => {  //  once event body
+      let sId = ev?.target?.id || ev?.target?.parentNode?.id || "add_id"
+      let bKPI = ("n55Kpi" in ev?.target?.dataset) || ("n55Kpi" in ev?.target?.parentNode?.dataset)
+      if( bKPI && neodigmOpt.N55_GTM_DL_KPI ) neodigmUtils.doDataLayer( neodigmOpt.N55_GTM_DL_KPI, sId )
+    }, false)
+    if( neodigmOpt.N55_CTA_RND_TOUCH ){
+      neodigmMetronome.subscribe( function(){ neodigmKPI.touch() }, neodigmOpt.N55_CTA_RND_TOUCH )
+    }
+    if( neodigmOpt.N55_DEBUG_lOG ) console.table( this.aE )
+    this.bIsInit = true
+    return this
+  }
+  pause (){ this.bIsPause = true; return this; }
+  play (){ this.bIsPause = false; return this; }
+  setTheme ( sTheme, sId ){
+    if( this.bIsInit && !this.bIsPause ){
+      this.aE.forEach( (eC) => {  //  orig once n55Theme Property
+        if( eC.dataset.n55Theme && !eC.n55Theme ) eC.n55Theme = eC.dataset.n55Theme
+        if( sId ){
+          if( eC?.id == sId ) eC.dataset.n55Theme = sTheme
+        }else{
+          eC.dataset.n55Theme = sTheme
+        }
+      });
+    }
+  return this;
+  }
+  touch (){ return this; }
+}
+let neodigmKPI = new NeodigmKPI( document, ["[data-n55-kpi]"] )
+
+//  Neodigm 55 Carousel  Begin //
+class NeodigmCarousel {
+  constructor( _d, _aQ ) {
+      this._d = _d; this._aQ = _aQ
+      this.bIsInit = false; this.bIsPause = false
+      this.aelNC = []; this.fOnAfterNav = []  //  TODO fOnBeforeNav
+  }
+  init ( elRootCntx = this._d[ neodigmOpt.N55_APP_STATE.CONTEXT ] ){  //  rinit
+    // TODO would like to fire rinit given a ref to a container element (ADD children)
+    this.aelNC = [ ... elRootCntx.querySelectorAll( this._aQ[0] )] // All Carousels within DOM context
+    if( this.aelNC.length ){
+      this.aelNC.forEach(function( elNC ){
+        if( elNC.id ) neodigmCarousel.formatNewCaro( elNC )
+      })
+      if( !this.bIsInit ) this._d[ neodigmOpt.N55_APP_STATE.CONTEXT ].addEventListener("click", ( ev ) => {  //  once event body
+        if( ("n55CarouselNav" in ev.target?.dataset) || ("n55CarouselNav" in ev?.target?.parentNode?.dataset) ){
+          let sId = ev.target?.id || ev?.target?.parentNode?.id || "add_id"
+          let oNav = JSON.parse( ev.target?.dataset?.n55CarouselNav || ev?.target?.parentNode?.dataset?.n55CarouselNav )
+          neodigmCarousel.nav( {id: oNav.id, nav: oNav.nav} )
+          if( neodigmOpt.N55_GTM_DL_CARSL ) neodigmUtils.doDataLayer( neodigmOpt.N55_GTM_DL_CARSL, sId )
+        }
+      }, false)
+      if( neodigmOpt.N55_DEBUG_lOG ) console.table( this.aelNC )
+      this.bIsInit = true
+    }
+    return this
+  }
+  formatNewCaro ( elNC ){
+    elNC.n55State = {nIdx: ( elNC.n55State?.nIdx ) ? elNC.n55State.nIdx : 1, width: elNC.offsetWidth}
+    let elNCCntr = elNC.firstElementChild
+    elNC.n55State.aTabCntr = [ ... elNCCntr.querySelectorAll("section") ]  //  Tab Containers
+    elNCCntr.style.width = ( elNC.n55State.aTabCntr.length * elNC.n55State.width ) + "px" // First Section contr width * num children
+    elNCCntr.style.gridTemplateColumns = "repeat(" + elNC.n55State.aTabCntr.length + ", 1fr)"
+    return elNC
+  }
+  nav ( oNav, bFireCB = true ){
+    if( oNav?.id && this.bIsInit && !this.bIsPause ){
+        let elNC = this.aelNC.filter(function( el ){ return ( oNav.id == el.id ); })[0]
+        if( !elNC ) {  // This caro did not exist durring init, so lets created it
+            let elNewNC = this._d[ neodigmOpt.N55_APP_STATE.CONTEXT ].querySelector( "#" + oNav.id )
+            if( elNewNC ) this.aelNC.push(elNC = neodigmCarousel.formatNewCaro( elNewNC ))
+            if( neodigmOpt.N55_DEBUG_lOG ) console.log( "~caro dyn create | " + oNav.id )
+        }
+        if( elNC ){
+            let elNCCntr = elNC.firstElementChild
+            let oState = elNC.n55State
+            if( oNav.nav == "loop" ) oNav.nav = "next"  //  Backward Compat - retire loop
+            switch( oNav.nav ){
+            case "next":  //  loops
+                if( oState.nIdx < oState.aTabCntr.length ){ oState.nIdx++ }else{ oState.nIdx = 1 }
+                break;
+            case "prev":
+                if( oState.nIdx != 1 ){ oState.nIdx-- }else{ oState.nIdx = oState.aTabCntr.length }
+                break;
+            case "random":
+                oState.nIdx = neodigmUtils.f02x( oState.aTabCntr.length ) + 1
+            break;
+            case "getPage":
+                return oState.nIdx;
+                break;
+            default:  //  literal num pg value or string name
+                if( typeof oNav.nav === "string" ){  //  Find Page by Name
+                    let nPgFromName = 0
+                    oState.aTabCntr.forEach( ( oP, nDx )=>{
+                        if( oP.dataset?.n55CarouselPageName == oNav.nav ) nPgFromName = ++nDx 
+                    } )
+                    if( nPgFromName ) oNav.nav = nPgFromName
+                }
+                if( ( oNav.nav >= 1 ) && ( oNav.nav < (oState.aTabCntr.length + 1) ) ) oState.nIdx = elNC.n55State.nIdx = oNav.nav
+            }
+            let nSP = ( oState.nIdx - 1 ) * oState.width  //  Scroll Position
+            if( neodigmOpt.N55_CARO_BLUR ) elNCCntr.parentElement.classList.add("n55-caro__blur")
+            elNC.parentElement.scrollTop = 0;
+            elNCCntr.style.marginLeft = ( nSP ) - ( nSP * 2 ) + "px"
+            if( bFireCB ){
+                if( neodigmOpt.N55_DEBUG_lOG ) console.table( this.fOnAfterNav )
+                if(this.fOnAfterNav[ elNC.id + "_" + oState.nIdx ]) this.fOnAfterNav[ elNC.id + "_" + oState.nIdx ]( elNC.id, oState.nIdx )  //  single pg
+                if(this.fOnAfterNav[ elNC.id ]) this.fOnAfterNav[ elNC.id ]( elNC.id, oState.nIdx )  //  all pages within this Caro
+                if(this.fOnAfterNav["def"]) this.fOnAfterNav["def"]( elNC.id, oState.nIdx )  //  all Caro
+            }
+            if( neodigmOpt.N55_CARO_BLUR ) setTimeout( ()=>{ elNCCntr.parentElement.classList.remove("n55-caro__blur"); }, 860 ) 
+        }
+    }  //  TODO datalayer
+    return this;
+  }
+  pause ( nT ){
+    if( this.bIsInit ){
+      if( nT ) setTimeout( () =>{ neodigmCarousel.play() }, nT )
+      this.bIsPause = true;  return this;
+    }
+  }
+  play (){ this.bIsPause = false; return this; }
+  setOnAfterNav ( _f, id="def", pg=""){ this.fOnAfterNav[ ( pg )?(id + "_" + pg):id ] = _f; return this; }
+  setTheme ( sTheme, sId ){
+    if( this.bIsInit && !this.bIsPause ){
+      this.aE.forEach( (eC) => {  //  orig once n55Theme Property
+        if( eC.dataset.n55Theme && !eC.n55Theme ) eC.n55Theme = eC.dataset.n55Theme
+        if( sId ){
+          if( eC?.id == sId ) eC.dataset.n55Theme = sTheme
+        }else{
+          eC.dataset.n55Theme = sTheme
+        }
+      });
+    }
+  return this;
+  }
+}
+let neodigmCarousel = new NeodigmCarousel( document, ["neodigm-carousel"] )
+
+//  Neodigm 55 PWA Begin //
+class NeodigmPWA {
+  /*
+  open soda after about 5 min (host logic) - IF compliant, no open sodas, and not in (standalone?)
+  Fire install (and toast) if CTA clicked. Add event to datalayer.
+  */
+  constructor( _d, _aQ ) {
+      this._d = _d; this._aQ = _aQ
+      this.bIsInit = false
+      this._beforeinstallprompt = null
+  }
+  init (){
+    this.aE = [ ... this._d.querySelectorAll( "#" + this._aQ[0] )]
+    if( this.aE ){
+      window.addEventListener("appinstalled", () => {
+        setTimeout(function(){
+            neodigmToast.q("Application Installed ✨", neodigmOpt.N55_THEME_DEFAULT)
+            if( neodigmOpt.EVENT_SOUNDS ) neodigmWired4Sound.sound( 8 )
+            neodigmUtils.doDataLayer( "event", "appinstalled" )
+        }, 1200)
+        if( neodigmOpt.N55_DEBUG_lOG ) console.log( "~n55 pwa | appinstalled" )
+      });
+      this.bIsInit = true      
+    }
+    return this
+  }
+  beforeinstallprompt ( ev ){  //  TODO update global body data attr INSTALLABLE
+    neodigmUtils.doDataLayer( "event", "beforeInstallPrompt" )
+    this._beforeinstallprompt = ev
+    if( neodigmOpt.N55_DEBUG_lOG ) console.log( "~n55 pwa | beforeinstallprompt" )
+  }
+  autoOpen ( pause = 0 ){ 
+    if( this.bIsInit ){
+      setTimeout(function(){  //  TODO SessionStorage semaphore
+        if( neodigmPWA._beforeinstallprompt && !neodigmSodaPop.isOpen() && !neodigmPWA.isInStandaloneMode() ) neodigmSodaPop.autoOpen( neodigmPWA._aQ[0] )
+      }, pause)      
+    }
+    return this;
+  }
+  install (){
+    if( this.bIsInit ){
+      if( this._beforeinstallprompt ) this._beforeinstallprompt.prompt(), this._beforeinstallprompt = null
+    }
+  }
+  isInStandaloneMode = () => ( "standalone" in window.navigator ) && ( window.navigator.standalone )
+}
+let neodigmPWA = new NeodigmPWA( document, [ neodigmOpt.N55_PWA_TEMPLATE_ID ] )
+
+
+// v2.5.0 - Refactor Toast and Metronome STATIC
+//  -Neodigm 55 SodaPop Simple Tab (Carosel) //
+//  Neodigm 55 Popover Begin  //
+//  -Neodigm 55 Enchanted CTA FlashTheme Round-robin //
+//  Neodigm 55 Claire Declaire-itive //
+//  -Neodigm 55 Confetti Begin (Claire) //
+//  Neodigm 55 Cypher Type FX Begin  //
+//  Neodigm 55 Post-It Begin (wdg) //
+
+// v2.x.0
+//  Neodigm 55 FAB Begin //
+//  -Neodigm 55 KPI Card Begin //
+//  Neodigm 55 Tradecraft Redact Begin  //
+//  Neodigm 55 VT100 Begin //
+//  Neodigm 55 Hot Keys Hover and Tripple Click Begin //
+
+// Claire
+//  Neodigm 55 Horizontal Accordion Begin //
+//  Neodigm 55 Card Deck Begin //
+//  Neodigm 55 Memory Slots Begin //
+//  Neodigm 55 Quiz | Questionnaire Challenge Begin // T/F, single/multi response, matching, or sequence questions
+//  Neodigm 55 Dynamic Infographic Begin //
+//  Neodigm 55 Voice Conversational Marketing //
+
+// Parking lot
+//  Neodigm 55 A11Y skip Begin  //
+//  Neodigm 55 Debugger - Capture all life cycle  //
+//  Neodigm 55 Dice Begin  //
+//  -Neodigm 55 ToolTip Marquee Begin  //
+//  Neodigm 55 Vivid Type Begin  //
+
+function doDOMContentLoaded(){
+  const neodigmMU = `
+<neodigm-sodapop-scrim></neodigm-sodapop-scrim>
+<neodigm-sodapop-scrim-close>
+<svg fill="#DD4124" height="48" viewBox="1 0 22 22" width="48" data-sodapop-scrim-svg><path d="M0 0h24v24H0z" fill="none"></path><path d="M14.59 8L12 10.59 9.41 8 8 9.41 10.59 12 8 14.59 9.41 16 12 13.41 14.59 16 16 14.59 13.41 12 16 9.41 14.59 8zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"></path></svg>
+</neodigm-sodapop-scrim-close>
+<neodiigm-snack class="l-snackbar" role="alert">
+<section id="js-snackbar__id" class="snackbar__cont snackbar__cont--hide" aria-live="polite" aria-atomic="true">
+<div class="snackbar__progbar"></div><p class="snackbar__msg"></p>
+</section>
+</neodiigm-snack>
+<neodigm-tulip class="tulip__cont--hide" role="tooltip"><p></p> <neodigm-marquee data-n55-marquee-text=" ##msg## " data-n55-marquee-size="xsmall"><pre data-n55-theme="##theme##"></pre></neodigm-marquee> </neodigm-tulip>`;  //  Universal Templs
+
+  let eMU = document.createElement("output");
+  eMU.innerHTML = neodigmMU;
+  document[ neodigmOpt.N55_APP_STATE.CONTEXT ].appendChild(eMU);
+  setTimeout( ()=>{
+    if( neodigmOpt.N55_TYPE ){
+        let elLk = document.createElement("link")
+        elLk.setAttribute("rel", "stylesheet"); elLk.setAttribute("type", "text/css");
+
+elLk.setAttribute("requestor", "Neodigm 55");
+        elLk.setAttribute("href", neodigmOpt.N55_TYPE )
+        document.head.appendChild( elLk )
+    }
+    neodigmUtils.appStateListen()  //  Bind to Host
+    neodigmMetronome.init()  //  Always-on
+    NeodigmClaire.init()
+    if( neodigmOpt.N55_AMPM_THEME && !document[ neodigmOpt.N55_APP_STATE.CONTEXT ].dataset.n55AmpmTheme ) document[ neodigmOpt.N55_APP_STATE.CONTEXT ].dataset.n55AmpmTheme = neodigmOpt.N55_AMPM_THEME
+    if( neodigmOpt.CONSOLE_LOG_VER ) console.log("%c Neodigm 55 the eclectic JavaScript UX micro-library ✨ v" + neodigmUtils.ver, "background: #000; color: #F5DF4D; font-size: 20px");
+    if( neodigmOpt.neodigmToast ) neodigmToast.init()
+    if( neodigmOpt.neodigmSodaPop ) neodigmSodaPop.init()
+    if( neodigmOpt.neodigmWired4Sound ) neodigmWired4Sound.init()
+    if( neodigmOpt.neodigmParallax ) neodigmParallax.init()
+    if( neodigmOpt.neodigmMarquee ) neodigmMarquee.init()
+    if( neodigmOpt.neodigmEnchantedCTA ) neodigmEnchantedCTA.init()
+    if( neodigmOpt.neodigmKPI ) neodigmKPI.init()
+    if( neodigmOpt.neodigmPWA ) neodigmPWA.init()
+    if( neodigmOpt.neodigmCarousel ) neodigmCarousel.init()
+    if( neodigmOpt.neodigmTulip ) neodigmTulip.init()
+    if( neodigmOpt.neodigmPopTart ) neodigmPopTart.init()
+  }, 56)
+}
+
+document.addEventListener("DOMContentLoaded", function() { doDOMContentLoaded() });
+
+// ZzFX - Zuper Zmall Zound Zynth - Micro Edition
+// MIT License - Copyright 2019 Frank Force
+// https://github.com/KilledByAPixel/ZzFX
+let zzfx,zzfxV,zzfxX
+zzfxV=neodigmOpt.W4S_VOLUME;
+zzfx=(p=1,k=.05,b=220,e=0,r=0,t=.1,q=0,D=1,u=0,y=0,v=0,z=0,l=0,E=0,A=0,F=0,c=0,w=1,m=0,B=0)=>{let
+M=Math,R=44100,d=2*M.PI,G=u*=500*d/R/R,C=b*=(1-k+2*k*M.random(k=[]))*d/R,g=0,H=0,a=0,n=1,I=0
+,J=0,f=0,x,h;e=R*e+9;m*=R;r*=R;t*=R;c*=R;y*=500*d/R**3;A*=d/R;v*=d/R;z*=R;l=R*l|0;for(h=e+m+
+r+t+c|0;a<h;k[a++]=f)++J%(100*F|0)||(f=q?1<q?2<q?3<q?M.sin((g%d)**3):M.max(M.min(M.tan(g),1)
+,-1):1-(2*g/d%2+2)%2:1-4*M.abs(M.round(g/d)-g/d):M.sin(g),f=(l?1-B+B*M.sin(d*a/l):1)*(0<f?1:
+-1)*M.abs(f)**D*p*zzfxV*(a<e?a/e:a<e+m?1-(a-e)/m*(1-w):a<e+m+r?w:a<h-c?(h-a-c)/t*w:0),f=c?f/
+2+(c>a?0:(a<h-c?1:(h-a)/c)*k[a-c|0]/2):f),x=(b+=u+=y)*M.cos(A*H++),g+=x-x*E*(1-1E9*(M.sin(a)
++1)%2),n&&++n>z&&(b+=v,C+=v,n=0),!l||++I%l||(b=C,u=G,n=n||1);p=zzfxX.createBuffer(1,h,R);p.
+getChannelData(0).set(k);b=zzfxX.createBufferSource();b.buffer=p;b.connect(zzfxX.destination
+);b.start();return b};zzfxX=new (window.AudioContext||webkitAudioContext)
\ No newline at end of file