제품 적격 리드

<div class="stage"><div class="label">USAGE SIGNALS</div><div class="signals"><span>CORE FEATURE <b>+3</b></span><span>TEAM INVITE <b>+2</b></span><span>REPEAT USE <b>+4</b></span></div><div class="score"><i></i><b>SALES-ASSIST READY</b></div></div>

.stage{position:relative;width:min(94vw,760px);height:min(88vh,310px);font:800 clamp(10px,max(3.4vmin,1vw),15px)/1.25 sans-serif}.stage *{box-sizing:border-box}.label{font-size:clamp(10px,max(3.4vmin,1vw),12px);letter-spacing:.1em;color:var(--muted)}.accent{color:var(--accent)}.pill{border:1.5px solid var(--fg);border-radius:999px;background:var(--surface);padding:.5em .8em}.hint{position:absolute;right:2%;bottom:0;font-size:clamp(10px,max(3.4vmin,1vw),12px);color:var(--muted)}.signals{position:absolute;inset:20% 3% 43%;display:flex;gap:2%;align-items:center}.signals span{flex:1;min-height:65%;display:grid;place-items:center;text-align:center;border:2px solid var(--fg);background:var(--surface);font-size:clamp(10px,max(3.4vmin,1vw),13px);animation:light 6s infinite}.signals span:nth-child(2){animation-delay:1.2s}.signals span:nth-child(3){animation-delay:2.4s}.signals b{color:var(--accent);font-size:1.6em}.score{position:absolute;left:3%;right:3%;bottom:9%;height:25%;border:2px solid var(--fg);display:flex;align-items:center;justify-content:flex-end;padding-right:3%;overflow:hidden}.score i{position:absolute;inset:0 auto 0 0;width:80%;background:var(--accent);animation:score 6s infinite}.score b{z-index:2;color:var(--fg);font-size:clamp(10px,max(3.4vmin,1vw),15px);background:var(--surface);padding:.3em}@keyframes score{0%{width:0}70%,100%{width:80%}}@keyframes light{0%,20%{opacity:.35}40%,100%{opacity:1}}