<!doctype html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<style>
*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%;overflow:hidden;background:#0f0f10;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.stage{position:absolute;inset:0;display:grid;place-items:center;container-type:size}
.wrap{display:flex;align-items:center;gap:2cqw}
svg{width:14cqw;height:14cqw}
.p{fill:transparent;stroke:#7dd3b0;stroke-width:4;stroke-dasharray:300;stroke-dashoffset:300;animation:d 4s ease-in-out infinite}
@keyframes d{0%{stroke-dashoffset:300;fill:transparent}30%{stroke-dashoffset:0;fill:transparent}42%,80%{stroke-dashoffset:0;fill:#1f6f5c}100%{stroke-dashoffset:300;fill:transparent}}
.m{overflow:hidden}.t{display:block;color:#f5efe6;font-weight:800;font-size:8cqw;letter-spacing:-.03em;transform:translateX(-105%);animation:s 4s cubic-bezier(.7,0,.2,1) infinite}
@keyframes s{0%,35%{transform:translateX(-105%)}50%,80%{transform:translateX(0)}95%,100%{transform:translateX(-105%)}}
</style></head>
<body><div class="stage"><div class="wrap"><svg viewBox="0 0 100 100"><path class="p" d="M30 18 Q22 14 22 24 L22 76 Q22 86 30 82 L80 55 Q88 50 80 45 Z"/></svg><div class="m"><span class="t">addmotion</span></div></div></div></body></html>