Trust-building content

<div class="trust-track"><div class="claim">BRAND CLAIM</div><div class="proof"><span>CUSTOMER</span><span>EXPERT</span><span>USE DATA</span></div><div class="meter"><i></i><b>CONFIDENCE</b></div></div>

.trust-track{width:min(87%,580px);font:800 clamp(12px,3vmin,18px) var(--font-sans);display:grid;gap:clamp(7px,3vmin,18px)}.trust-track .claim{border:2px dashed var(--line);color:var(--muted);padding:clamp(6px,2vmin,12px);text-align:center}.trust-track .proof{display:flex;gap:clamp(3px,1.5vmin,9px)}.trust-track .proof span{flex:1;min-width:0;text-align:center;background:var(--surface);border:2px solid var(--fg);padding:clamp(8px,2vmin,14px) 2px;font-size:12px;animation:proof-light 4.5s infinite}.trust-track .proof span:nth-child(2){animation-delay:.5s}.trust-track .proof span:nth-child(3){animation-delay:1s}.trust-track .meter{position:relative;height:clamp(28px,8vmin,48px);border:2px solid var(--fg);background:var(--line);overflow:hidden}.trust-track .meter i{display:block;height:100%;width:80%;background:var(--accent-2);transform-origin:left;animation:confidence 4.5s infinite}.trust-track .meter b{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:#211b19;font-size:12px}@keyframes proof-light{0%,12%{opacity:.45;transform:translateY(5px)}35%,85%{opacity:1;transform:none}100%{opacity:.45}}@keyframes confidence{0%,10%{transform:scaleX(.2)}55%,85%{transform:scaleX(1)}100%{transform:scaleX(.2)}}