Sales-qualified lead

<div class="sql"><div class="sql-head"><b>LEAD 042</b><span id="sql-status">KEEP NURTURING</span></div><label>FIT <input id="sql-fit" type="range" min="0" max="100" value="80"><b id="sql-fit-value">80</b></label><label>INTENT <input id="sql-intent" type="range" min="0" max="100" value="45"><b id="sql-intent-value">45</b></label><div class="sql-gate"><span>FIT ≥ 70</span><span>INTENT ≥ 70</span><strong id="sql-result">NOT IN SALES QUEUE</strong></div></div>

.sql{width:min(88%,650px);display:grid;gap:clamp(8px,2vmin,15px);font:800 clamp(10px,max(1.8vmin,1vw),16px)/1.2 sans-serif}.sql-head{display:flex;justify-content:space-between}.sql-head span{color:var(--accent)}.sql label{display:grid;grid-template-columns:clamp(42px,8vmin,70px) 1fr clamp(25px,6vmin,45px);gap:8px;align-items:center}.sql input{width:100%;min-width:0;accent-color:var(--accent)}.sql label b{text-align:right}.sql-gate{display:grid;grid-template-columns:1fr 1fr;gap:clamp(4px,1vmin,8px)}.sql-gate span{border:2px solid var(--line);padding:clamp(5px,1.2vmin,10px);text-align:center}.sql-gate span.on{border-color:var(--accent);background:var(--accent-2);color:#211b19}.sql-gate strong{grid-column:1/-1;text-align:center;border:2px solid var(--fg);padding:clamp(6px,1.5vmin,12px);background:var(--surface)}.sql-gate strong.ready{background:var(--fg);color:var(--bg)}

const fit=document.getElementById('sql-fit'),intent=document.getElementById('sql-intent'),gates=[...document.querySelectorAll('.sql-gate span')],result=document.getElementById('sql-result');function show(){const f=Number(fit.value),i=Number(intent.value),ready=f>=70&&i>=70;document.getElementById('sql-fit-value').textContent=f;document.getElementById('sql-intent-value').textContent=i;gates[0].classList.toggle('on',f>=70);gates[1].classList.toggle('on',i>=70);result.classList.toggle('ready',ready);result.textContent=ready?'SEND TO SALES QUEUE':'NOT IN SALES QUEUE';document.getElementById('sql-status').textContent=ready?'SALES QUALIFIED':'KEEP NURTURING'}[fit,intent].forEach(el=>el.oninput=()=>{clearInterval(auto);show()});show();const auto=setInterval(()=>{intent.value=intent.value==='45'?'82':'45';show()},1300);