B2B 영상 신뢰

<div class="s-demo"><div class="bt"><div class="bt-video"><small>EXPLAINER</small><b>ONE CLAIM</b><span>▶</span></div><div class="bt-paths"><div><strong>OPERATIONS</strong><span>HOW IT WORKS</span></div><div><strong>SECURITY</strong><span>WHAT IS SAFE</span></div><div><strong>FINANCE</strong><span>WHAT IT COSTS</span></div></div></div></div>

.s-demo{position:absolute;inset:0;display:grid;place-items:center;padding:clamp(8px,3vmin,20px);font:700 clamp(10px,max(2.8vmin,1vw),16px)/1.25 sans-serif;color:var(--fg)}.s-demo *{box-sizing:border-box}@media(min-width:600px){.s-demo>div{transform:scale(1.4)}}.bt{width:min(92vw,520px);display:grid;grid-template-columns:38% 1fr;gap:clamp(8px,3vmin,20px);align-items:center}.bt-video{height:clamp(116px,37vmin,225px);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(8px,2vmin,15px);background:var(--fg);color:var(--bg)}.bt-video small{font-size:clamp(10px,max(1.7vmin,1vw),12px)}.bt-video b{font-size:clamp(14px,3.8vmin,24px)}.bt-video span{color:var(--accent-2);font-size:clamp(16px,5vmin,32px)}.bt-paths{display:grid;gap:clamp(4px,1.5vmin,10px)}.bt-paths>div{display:flex;flex-direction:column;justify-content:center;min-height:clamp(34px,11vmin,66px);padding:clamp(4px,1.2vmin,8px);background:var(--surface);border-left:4px solid var(--line);animation:btlight 6s infinite}.bt-paths>div:nth-child(2){animation-delay:2s}.bt-paths>div:nth-child(3){animation-delay:4s}.bt-paths strong{font-size:clamp(10px,max(1.9vmin,1vw),13px)}.bt-paths span{font-size:clamp(10px,max(1.6vmin,1vw),12px);color:var(--muted)}@keyframes btlight{0%,16%{border-color:var(--line);transform:translateX(0)}28%,48%{border-color:var(--accent);transform:translateX(6px)}60%,100%{border-color:var(--line);transform:translateX(0)}}