<!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}
svg{width:80cqw}.g line{stroke:#2a2a2c}.ln{fill:none;stroke:#7dd3b0;stroke-width:3;stroke-linejoin:round;stroke-dasharray:1000;stroke-dashoffset:1000;animation:t 5s ease-in-out infinite}
.ar{fill:#7dd3b0;opacity:0;animation:f 5s ease infinite}
@keyframes t{0%{stroke-dashoffset:1000}45%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
@keyframes f{0%,40%{opacity:0}55%,88%{opacity:.22}100%{opacity:0}}
</style></head>
<body><div class="stage"><svg viewBox="0 0 400 200"><g class="g"><line x1="0" x2="400" y1="40" y2="40"/><line x1="0" x2="400" y1="80" y2="80"/><line x1="0" x2="400" y1="120" y2="120"/><line x1="0" x2="400" y1="160" y2="160"/></g><path class="ar" d="M0 170 L50 150 L100 158 L150 120 L200 128 L250 90 L300 96 L350 50 L400 30 L400 200 L0 200 Z"/><path class="ln" d="M0 170 L50 150 L100 158 L150 120 L200 128 L250 90 L300 96 L350 50 L400 30"/></svg></div></body></html>