에이전트 성과 측정

<div class="roi"><div class="label">ILLUSTRATIVE COMPARISON</div><div class="metric"><b>REVIEW TIME</b><div><span class="before">BEFORE · 6h</span><span class="after">WITH AGENT · 2h</span></div></div><div class="result">CHECK NEXT → CONVERSION <strong>?</strong></div></div>

.roi{width:min(86%,520px);font:900 clamp(10px,max(3.7vmin,1vw),16px)/1.1 sans-serif}.label{color:var(--accent);letter-spacing:.08em;font-size:max(10px,1vw,.75em);margin-bottom:clamp(12px,3vmin,24px)}.metric{display:grid;gap:clamp(8px,2vmin,16px)}.metric>div{display:grid;gap:clamp(7px,1.8vmin,14px)}.metric span{display:block;white-space:nowrap;overflow:hidden;background:var(--fg);color:var(--bg);padding:clamp(8px,1.7vmin,15px)}.metric .before{width:100%}.metric .after{width:42%;min-width:140px;background:var(--accent);animation:shorten 3s infinite}.result{display:flex;justify-content:space-between;margin-top:clamp(12px,3vmin,25px);border-top:2px solid var(--line);padding-top:clamp(8px,2vmin,15px);color:var(--muted)}.result strong{color:var(--accent);font-size:1.6em}@keyframes shorten{0%,15%,100%{width:100%}40%,80%{width:42%}}