[o]

.classList.remove(‘on’);words

[o]

.classList.add(‘out’);chips

[o]

.classList.remove(‘on’);
setTimeout(function(){words

[o]

.classList.remove(‘out’)},700);words

[w]

.classList.add(‘on’);chips

[w]

.classList.add(‘on’)},2200);

/* reveal on scroll */
var targets=root.querySelectorAll(‘.rv,.panels,.about-media’);
if(‘IntersectionObserver’ in window&&!reduce){var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add(‘in’);io.unobserve(e.target);}})},{threshold:.18,rootMargin:’0px 0px -6% 0px’});targets.forEach(function(t){io.observe(t)})}
else targets.forEach(function(t){t.classList.add(‘in’)});
function countUp(){var el=root.querySelector(‘[data-count]’);if(!el)return;var end=+el.getAttribute(‘data-count’),start=end-40,t0=null;
function step(ts){if(!t0)t0=ts;var p=Math.min((ts-t0)/1400,1),e=1-Math.pow(1-p,3);el.textContent=Math.round(start+(end-start)*e);if(p<1)requestAnimationFrame(step)}requestAnimationFrame(step)}

/* smooth scroll to in-page sections (header Contact Us, Start a project) */
document.querySelectorAll(‘a[href=”#contact”]’).forEach(function(a){a.addEventListener(‘click’,function(e){var t=document.getElementById(‘contact’);if(!t)return;e.preventDefault();t.scrollIntoView({behavior:reduce?’auto’:’smooth’});history.replaceState(null,”,’#contact’)})});

/* arriving from another page on /#contact: re-land after sections above finish building */
if(location.hash===’#contact’){var land=function(){var c=document.getElementById(‘contact’);if(c)c.scrollIntoView({behavior:’auto’})};setTimeout(land,60);window.addEventListener(‘load’,function(){setTimeout(land,120)})}

/* film player */
var dlg=root.querySelector(‘.smt-film’);document.body.appendChild(dlg);var fv=dlg.querySelector(‘video’),tabs=dlg.querySelectorAll(‘[data-film]’);
function pick(k){tabs.forEach(function(b){b.setAttribute(‘aria-selected’,b.getAttribute(‘data-film’)===k)});fv.src=FILMS[k];fv.play().catch(function(){})}
root.querySelectorAll(‘[data-film-open]’).forEach(function(b){b.addEventListener(‘click’,function(){dlg.classList.add(‘open’);pick(‘sig’)})});
tabs.forEach(function(b){b.addEventListener(‘click’,function(){pick(b.getAttribute(‘data-film’))})});
function close(){fv.pause();dlg.classList.remove(‘open’)}
dlg.querySelector(‘.smt-film-close’).addEventListener(‘click’,close);
dlg.addEventListener(‘click’,function(e){if(e.target===dlg)close()});
document.addEventListener(‘keydown’,function(e){if(e.key===’Escape’)close()});
})();
</script>
</div>
<!– ===== /SMT HOME ===== –>

<!– SMT lead popup: shows ONCE per visitor, 10 seconds after landing on any page. Injected into every page by build_deploy_2026.py. –>
<div class=”smt-pop” id=”smtPop” role=”dialog” aria-modal=”true” aria-labelledby=”smtPopTitle” hidden>
<div class=”smt-pop-card”>
<button class=”smt-pop-x” type=”button” aria-label=”Close”>
<svg viewBox=”0 0 24 24″ aria-hidden=”true”><path d=”M6 6l12 12M18 6L6 18″/></svg>
</button>
<div class=”smt-pop-media” aria-hidden=”true”><video muted loop playsinline preload=”none” poster=”https://wom-smt-website-2026.netlify.app/media/svc/anim-startup.jpg” data-src=”https://wom-smt-website-2026.netlify.app/media/svc/anim-startup.mp4″></video></div>
<form class=”smt-pop-form smt-ajax” method=”POST” action=”https://api.web3forms.com/submit”>
<input type=”hidden” name=”access_key” value=”5ec7d23e-8d9b-4a14-94ce-6f66a021c522″>
<input type=”hidden” name=”subject” value=”Website popup lead: smtautomationllc.com”>
<input type=”hidden” name=”from_name” value=”SMT Website Popup”>
<input type=”checkbox” name=”botcheck” class=”smt-hp” tabindex=”-1″ autocomplete=”off” aria-hidden=”true”>
<span class=”smt-pop-eyebrow”>SMT Automation</span>
<h2 id=”smtPopTitle”>Have a line that needs <em>to run?</em></h2>
<p class=”smt-pop-sub”>Tell us what you are working on and an SMT engineer will reach out.</p>
<label class=”smt-pop-fld”><span>Name</span><input type=”text” name=”name” autocomplete=”name” required></label>
<label class=”smt-pop-fld”><span>Work email</span><input type=”email” name=”email” autocomplete=”email” inputmode=”email” required></label>
<label class=”smt-pop-fld”><span>Company</span><input type=”text” name=”company” autocomplete=”organization”></label>
<label class=”smt-pop-check”><input type=”checkbox” name=”marketing_opt_in” value=”yes”><span>Send me SMT news and insights. Unsubscribe anytime.</span></label>
<button class=”smt-pop-btn” type=”submit”>Get in touch <span aria-hidden=”true”>‚Üí</span></button>
<div class=”f-ok” role=”status” hidden><b>Thank you.</b> The SMT team will be in touch shortly.</div>
<div class=”f-err” role=”alert” hidden>That did not send. Email <a href=”mailto:sales@smtautomationllc.com”>sales@smtautomationllc.com</a> instead.</div>
</form>
</div>
</div>
<style id=”smt-pop-css”>
.smt-pop{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(3,5,10,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .35s ease;font-family:’Instrument Sans’,-apple-system,sans-serif}
.smt-pop[hidden]{display:none}
.smt-pop.show{opacity:1}
.smt-pop-card{position:relative;display:grid;grid-template-columns:.9fr 1fr;width:min(860px,100%);max-height:calc(100vh – 40px);overflow:auto;background:#0B1018;border:1px solid rgba(242,190,65,.4);box-shadow:0 40px 100px rgba(0,0,0,.6);color:#E8ECF4;transform:translateY(24px) scale(.98);transition:transform .45s cubic-bezier(.16,1,.3,1)}
.smt-pop.show .smt-pop-card{transform:none}
.smt-pop-media{position:relative;background:#060A12;min-height:100%}
.smt-pop-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.smt-pop-form{display:flex;flex-direction:column;gap:12px;padding:40px 32px 32px}
.smt-pop-eyebrow{font:500 11px ‘IBM Plex Mono’,monospace;letter-spacing:2px;text-transform:uppercase;color:#F2BE41}
.smt-pop-form h2{font:700 30px/1.05 ‘Chakra Petch’,sans-serif;margin:0;letter-spacing:-.5px}
.smt-pop-form h2 em{font-style:normal;color:#F2BE41}
.smt-pop-sub{margin:0 0 4px;color:#B8C3D6;font-size:15px;line-height:1.55}
.smt-pop-fld{display:flex;flex-direction:column;gap:6px}
.smt-pop-fld span{font:500 11px ‘IBM Plex Mono’,monospace;letter-spacing:1.5px;text-transform:uppercase;color:#8E9CB5}
.smt-pop-fld input{min-height:48px;padding:12px 14px;background:#060A12;border:1px solid rgba(255,255,255,.16);color:#E8ECF4;font:500 16px ‘Instrument Sans’,sans-serif;border-radius:0;-webkit-appearance:none;appearance:none}
.smt-pop-fld input:focus{outline:none;border-color:#F2BE41;box-shadow:0 0 0 3px rgba(242,190,65,.18)}
.smt-pop-check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.45;color:#B8C3D6;cursor:pointer}
.smt-pop-check input{flex:none;width:20px;height:20px;margin-top:1px;accent-color:#F2BE41}
.smt-pop-btn{min-height:54px;border:0;background:#F2BE41;color:#050708;font:700 13px ‘Chakra Petch’,sans-serif;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:background .25s}
.smt-pop-btn:hover{background:#F6CD68}
.smt-pop-x{position:absolute;top:12px;right:12px;z-index:2;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);background:rgba(6,10,18,.75);border-radius:50%;cursor:pointer;transition:transform .3s,border-color .3s,background .3s}
.smt-pop-x svg{width:18px;height:18px;fill:none;stroke:#E8ECF4;stroke-width:2;stroke-linecap:round}
.smt-pop-x:hover{transform:rotate(90deg);border-color:#F2BE41;background:#F2BE41}
.smt-pop-x:hover svg{stroke:#050708}
.smt-pop .f-ok{padding:14px;border:1px solid rgba(108,192,74,.5);background:rgba(108,192,74,.08);line-height:1.5}
.smt-pop .f-err{padding:14px;border:1px solid rgba(255,120,120,.5);background:rgba(255,120,120,.06);line-height:1.5}
.smt-pop .f-err a{color:#F2BE41}
.smt-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (max-width:720px){
.smt-pop{align-items:flex-end;padding:0}
.smt-pop-card{grid-template-columns:1fr;width:100%;max-height:92vh;border-left:0;border-right:0;border-bottom:0;transform:translateY(100%)}
.smt-pop-media{display:none}
.smt-pop-form{padding:30px 20px calc(24px + env(safe-area-inset-bottom))}
.smt-pop-form h2{font-size:26px;padding-right:48px}
}
@media (prefers-reduced-motion:reduce){.smt-pop,.smt-pop-card{transition:none}}
</style>
<script>
(function(){
/* —- AJAX submit for every Netlify form on the page (contact form + popup) —- */
document.querySelectorAll(‘form.smt-ajax’).forEach(function(f){
f.addEventListener(‘submit’,function(e){
e.preventDefault();
if(!f.checkValidity()){f.reportValidity();return}
var ok=f.querySelector(‘.f-ok’),err=f.querySelector(‘.f-err’),btn=f.querySelector(‘[type=submit]’);
btn.disabled=true;btn.style.opacity=.6;err.hidden=true;
var data=Object.fromEntries(new FormData(f));
if(data.botcheck)return; // honeypot: bots tick it, people never see it
data.page=location.pathname; data.marketing_opt_in=data.marketing_opt_in?’YES, opted in to marketing emails’:’no’;
fetch(f.action,{method:’POST’,headers:{‘Content-Type’:’application/json’,Accept:’application/json’},body:JSON.stringify(data)})
.then(function(r){return r.json().then(function(j){if(!r.ok||!j.success)throw j;return j})})
.then(function(){
[].forEach.call(f.querySelectorAll(‘label,.f-head,.f-row,[type=submit],h2,.smt-pop-sub’),function(el){el.style.display=’none’});
ok.hidden=false;try{localStorage.setItem(‘smt_lead_sent’,’1′)}catch(x){}
if(f.classList.contains(‘smt-pop-form’))setTimeout(close,2600);
})
.catch(function(){err.hidden=false;btn.disabled=false;btn.style.opacity=1});
});
});

/* —- popup: once per visitor, 10 seconds in —- */
var pop=document.getElementById(‘smtPop’); if(!pop) return;
var KEY=’smt_popup_seen’, seen=false;
try{seen=localStorage.getItem(KEY)||localStorage.getItem(‘smt_lead_sent’)}catch(x){seen=sessionStorage&&sessionStorage.getItem(KEY)}
if(/[?&]popup=1/.test(location.search)) seen=false; // preview helper: ?popup=1 forces it
var vid=pop.querySelector(‘video’), lastFocus=null;
function open(){
if(document.documentElement.classList.contains(‘smt-menu-open’)||document.querySelector(‘.smt-film.open’)){return setTimeout(open,4000)}
lastFocus=document.activeElement;
pop.hidden=false; void pop.offsetWidth; setTimeout(function(){pop.classList.add(‘show’)},30);
try{localStorage.setItem(KEY,’1′)}catch(x){try{sessionStorage.setItem(KEY,’1′)}catch(y){}}
if(window.matchMedia(‘(min-width:721px)’).matches&&vid){if(!vid.getAttribute(‘src’))vid.src=vid.getAttribute(‘data-src’);vid.play().catch(function(){})}
setTimeout(function(){var i=pop.querySelector(‘input[name=name]’);if(i&&window.matchMedia(‘(min-width:721px)’).matches)i.focus({preventScroll:true})},450);
}
function close(){pop.classList.remove(‘show’);if(vid)vid.pause();setTimeout(function(){pop.hidden=true;if(lastFocus&&lastFocus.focus)lastFocus.focus({preventScroll:true})},350)}
pop.querySelector(‘.smt-pop-x’).addEventListener(‘click’,close);
pop.addEventListener(‘click’,function(e){if(e.target===pop)close()});
document.addEventListener(‘keydown’,function(e){if(e.key===’Escape’&&!pop.hidden)close()});
if(!seen) setTimeout(open,10000);
})();
</script>
</div>