Подпись StackWorks: вариант «штамп» со знаком и анимацией полос

Claude-Session: https://claude.ai/code/session_01BFaqS6mH9sa99RWghq2j46

src/components/common/SwSignature.tsx

@@ -0,0 +1,30 @@
+/*
+ * Подпись студии StackWorks («штамп»): знак и две строки - «разработка и поддержка» / StackWorks.
+ * В остальных проектах она ставится скриптом https://stackworks.ru/sign/sw-sign.js,
+ * здесь - компонентом, чтобы React не спорил с чужими изменениями страницы.
+ * Оформление в src/index.css, классы swsig*.
+ */
+export default function SwSignature({ dark = false }: { dark?: boolean }) {
+  const bg = dark ? '#F3F1EB' : '#16171C';
+  const fg = dark ? '#16171C' : '#F3F1EB';
+  return (
+    <a
+      className={'swsig' + (dark ? ' swsig-dark' : '')}
+      href="https://stackworks.ru/?utm_source=mail.stackworks.ru&utm_medium=signature"
+      target="_blank"
+      rel="noopener"
+      aria-label="Разработка и поддержка - StackWorks"
+    >
+      <svg viewBox="0 0 100 100" aria-hidden="true">
+        <rect x="2" y="2" width="96" height="96" rx="25" fill={bg} />
+        <rect className="b b1" x="20" y="29" width="44" height="12" rx="6" fill={fg} />
+        <rect className="b b2" x="30" y="45" width="50" height="12" rx="6" fill="#FF4A1C" />
+        <rect className="b b3" x="40" y="61" width="34" height="12" rx="6" fill={fg} />
+      </svg>
+      <span className="swsig-txt">
+        <span className="swsig-cap">разработка и поддержка</span>
+        <span className="swsig-word">Stack<i>Works</i></span>
+      </span>
+    </a>
+  );
+}