Your links: URLs are tappable, plus an Open button per angle

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

public/assets/promo.js

@@ -118,8 +118,8 @@ window.IAPPromo = (function () {
         row.innerHTML = '<div class="angle-txt"><div class="angle-head"><span class="angle-name">' + esc(a.name) + '</span><span class="angle-hook">' + esc(a.hook) + '</span>'
           + (hasVideo ? '<span class="angle-tag">video</span>' : '') + '</div>'
           + '<div class="muted small">' + esc(a.use) + '</div>'
-          + '<div class="mono small angle-url">' + esc(url) + '</div></div>'
-          + '<div class="angle-btns"><button class="btn small" type="button">Copy</button><button class="btn small sec" type="button">Share</button></div>';
+          + '<a class="mono small angle-url" href="' + esc(url) + '" target="_blank" rel="noopener">' + esc(url) + '</a></div>'
+          + '<div class="angle-btns"><a class="btn small sec" href="' + esc(url) + '" target="_blank" rel="noopener">Open</a><button class="btn small" type="button">Copy</button><button class="btn small sec" type="button">Share</button></div>';
         const [copyBtn, shareBtn] = row.querySelectorAll('button');
         copyBtn.onclick = async () => { try { await navigator.clipboard.writeText(url); status((a.name === 'General' ? 'Invite' : a.name) + ' link copied.', 'ok'); } catch (e) { status('Copy failed.', 'bad'); } };
         shareBtn.onclick = async () => {

public/assets/site.css

@@ -634,7 +634,8 @@ img{max-width:100%}
 .angle-name{font-family:var(--disp);font-weight:700;font-size:15px}
 .angle-hook{color:var(--mint);font-size:13px}
 .angle-tag{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-strong);border-radius:999px;padding:1px 7px}
-.angle-url{overflow-wrap:anywhere;margin-top:4px}
+.angle-url{overflow-wrap:anywhere;margin-top:4px;display:block;color:var(--mint);text-decoration:none}
+.angle-url:hover{text-decoration:underline}
 .angle-btns{display:flex;gap:8px;flex-wrap:wrap}
 .angle-btns .btn{margin-top:0}
 .promo-pills{margin:4px 0 14px}