진정성 단서

<div class="auth"><div class="stamp" id="stamp">VAGUE</div><div class="paper"><b id="headline">PREMIUM QUALITY</b><div class="details"><span id="line1">What does it mean?</span><span id="line2">No method shown</span></div></div><div class="footer">CLAIM → INSPECTABLE DETAIL</div></div>

@media(min-width:700px){body>div{transform:scale(1.45)}}.auth{position:relative;width:min(86%,520px);font:800 clamp(10px,max(1.8vmin,1vw),13px)/1.15 sans-serif}.stamp{position:absolute;right:-8px;top:-12px;z-index:1;transform:rotate(8deg);background:var(--accent);color:white;padding:6px 10px;font-size:clamp(10px,max(1.8vmin,1vw),14px)}.paper{background:var(--surface);border:2px solid var(--fg);padding:clamp(13px,4vmin,30px);min-height:clamp(100px,29vmin,220px)}.paper b{display:block;font-size:clamp(17px,5vmin,43px);line-height:1;letter-spacing:-.04em}.details{display:grid;gap:clamp(5px,1.5vmin,13px);margin-top:clamp(10px,3vmin,22px);color:var(--muted)}.details span{border-left:4px solid var(--accent-2);padding-left:7px}.footer{margin-top:10px;color:var(--accent);letter-spacing:.08em}

const headline=document.querySelector('#headline');const first=document.querySelector('#line1');const second=document.querySelector('#line2');const stamp=document.querySelector('#stamp');let clear=false;function flip(){clear=!clear;headline.textContent=clear?'TESTED FOR DAILY USE':'PREMIUM QUALITY';first.textContent=clear?'Use: 30-day field trial':'What does it mean?';second.textContent=clear?'Method + limits available':'No method shown';stamp.textContent=clear?'SPECIFIC':'VAGUE'}setTimeout(flip,550);setInterval(flip,1900);