브랜드 포지셔닝

<div class="board"><div class="rivals"><span>FAST</span><span>FAST</span><span>FAST</span></div><div class="arrow">↓ FOCUS THE CHOICE</div><div class="claim"><small>FOR SMALL TEAMS</small><strong>SET UP IN ONE AFTERNOON</strong><em>WITH A GUIDED START</em></div></div>

.board{width:min(88%,500px);text-align:center;font:800 clamp(10px,max(2vmin,1vw),16px)/1.2 sans-serif}.rivals{display:flex;gap:6px}.rivals span{flex:1;padding:clamp(8px,2vmin,17px) 2px;background:var(--line);color:var(--muted);animation:fade 5s infinite}.rivals span:nth-child(2){animation-delay:.15s}.rivals span:nth-child(3){animation-delay:.3s}.arrow{margin:clamp(5px,1.5vmin,12px);color:var(--accent);letter-spacing:.07em}.claim{border:2px solid var(--accent);padding:clamp(9px,2vmin,20px);box-shadow:6px 6px 0 var(--accent);animation:focus 5s infinite}.claim>*{display:block}.claim small{font-size:clamp(10px,max(1.5vmin,1vw),12px)}.claim strong{font-size:clamp(15px,4vmin,36px);line-height:1.05;margin:4px 0}.claim em{font-style:normal;color:var(--muted);font-size:clamp(10px,max(1.5vmin,1vw),12px)}@keyframes fade{0%,15%{opacity:1}45%,80%{opacity:.35}100%{opacity:1}}@keyframes focus{0%,20%{transform:scale(.95);opacity:.55}42%,85%{transform:scale(1);opacity:1}100%{transform:scale(.95);opacity:.55}}@media(min-width:700px){body>div{transform:scale(1.8)}}