여정 관측 공백

<div class="gap"><div class="gap-label">CUSTOMER PATH</div><div class="gap-track"><span class="hidden">AI RESEARCH</span><span class="hidden">SHORTLIST</span><span>SITE VISIT</span><span>BUY</span></div><div class="gap-label">WEB ANALYTICS</div><div class="gap-track"><span class="blank" id="gap-blank">UNKNOWN</span><span class="blank">UNKNOWN</span><span>SITE VISIT</span><span>BUY</span></div><div class="gap-caption" id="gap-caption">2 PRE-VISIT STEPS ARE NOT IN THE WEB LOG</div></div>

.gap{width:min(92%,760px);display:grid;gap:clamp(6px,1.8vmin,13px);font:900 clamp(10px,max(1.8vmin,1vw),14px)/1 sans-serif}.gap-label{color:var(--muted);letter-spacing:.07em}.gap-track{display:flex;gap:clamp(3px,1vmin,8px)}.gap-track span{flex:1;text-align:center;min-width:0;padding:clamp(10px,2.5vmin,20px) 1px;border:2px solid var(--fg);background:var(--surface)}.gap-track .hidden{border-style:dashed;border-color:var(--accent);background:var(--accent-2);color:#211b19;animation:reveal 2.7s ease-in-out infinite alternate}.gap-track .blank{border-style:dashed;border-color:var(--line);color:var(--muted);background:none}.gap-caption{color:var(--accent);font-size:clamp(10px,max(2vmin,1vw),15px)}@keyframes reveal{from{opacity:.3}to{opacity:1}}