브랜드 신뢰 증거

<div class="proof"><div class="claim">“YOU CAN RELY ON US”</div><div class="evidence"><span>PUBLIC POLICY</span><span>REAL EXPERIENCE</span><span>PEER VOICE</span></div><div class="bar"><i></i></div><small>CLAIM + CHECKABLE PROOF</small></div>

.proof{width:min(90%,520px);text-align:center;font:900 clamp(10px,max(1.6vmin,1vw),12px)/1 sans-serif}.claim{padding:clamp(12px,3vmin,25px);border:2px solid var(--fg);font-size:clamp(15px,4vmin,33px)}.evidence{display:flex;gap:clamp(3px,1vmin,8px);margin:clamp(7px,2vmin,17px) 0}.evidence span{flex:1;min-width:0;padding:clamp(6px,1.7vmin,14px) 2px;background:var(--surface);border:1px solid var(--accent);color:var(--accent);animation:proof 5s infinite}.evidence span:nth-child(2){animation-delay:.4s}.evidence span:nth-child(3){animation-delay:.8s}.bar{height:clamp(8px,2vmin,16px);background:var(--line)}.bar i{display:block;height:100%;background:var(--accent);transform-origin:left;animation:grow 5s infinite}.proof small{display:block;margin-top:7px;color:var(--muted);letter-spacing:.08em;font-size:clamp(10px,max(1.4vmin,1vw),12px)}@keyframes proof{0%,15%{opacity:.25;transform:translateY(8px)}35%,88%{opacity:1;transform:none}100%{opacity:.25}}@keyframes grow{0%,15%{transform:scaleX(.16)}52%,85%{transform:scaleX(1)}100%{transform:scaleX(.16)}}@media(min-width:700px){body>div{transform:scale(1.8)}}