Rebuild /my as a two-purpose tabbed page

Turns the member page into a persistent, tabbed dual-purpose page:
- Persistent context strip: "Member #X's RM Circle page · Verified · Qualified"
- Tab 1 "The Team Build": pitch for promoted-link visitors — hook, embedded
  overview video, 3 steps, live proof (member's real on-chain numbers), Join
  under #X CTA. Persistent (replaces the dismissible cold-intro banner).
- Tab 2 "Position Dashboard": the full dashboard as-is (facts, plan, matrix,
  pipeline, alerts, share, payments, lineage).
- Default: cold visitor opens on the pitch, the member opens on their dashboard;
  both always one tap apart. Retired the coldIntro banner + its handler.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

public/styles.css

@@ -167,6 +167,37 @@ a.brand{text-decoration:none;color:inherit}
 .gs-step strong{display:block;font-size:15px;margin-bottom:3px}
 .gs-step span{color:var(--muted);font-size:13px;line-height:1.45}
 @media(max-width:640px){.gs-steps{grid-template-columns:1fr}}
+/* two-purpose /my page: persistent context strip + tabs + pitch tab */
+.mp-context{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:rgba(11,28,44,.6);border:1px solid var(--line);border-radius:14px;padding:11px 16px;margin-bottom:14px}
+.mp-who{font-weight:800;font-size:15px}
+.mp-switch{margin-left:auto}
+.mp-tabs{display:flex;gap:8px;margin-bottom:22px}
+.mp-tab{flex:1;text-align:center;background:#0b1b2b;border:1px solid var(--line);border-radius:13px;padding:13px 10px;cursor:pointer;font-weight:800;font-size:15px;color:var(--muted);transition:.15s;font-family:inherit}
+.mp-tab span{display:block;font-size:11.5px;font-weight:600;color:var(--muted);margin-top:3px}
+.mp-tab.on{background:linear-gradient(160deg,#12293f,#0b1b2b);border-color:var(--teal);color:var(--text)}
+.mp-tab.on span{color:var(--teal)}
+.mp-panel{display:none}.mp-panel.on{display:block}
+.pitch-hero{padding:8px 0 4px}
+.pitch-h1{font-size:clamp(30px,6vw,52px);line-height:1;letter-spacing:-1.5px;margin:12px 0 12px;font-weight:900}
+.pitch-lede{font-size:clamp(16px,2.2vw,19px);color:var(--muted);line-height:1.55;max-width:640px;margin:0 0 22px}
+.pitch-video{margin:2px 0 24px;text-align:center}
+.pitch-video .promo{width:100%;max-width:700px;aspect-ratio:16/9;display:block;margin:0 auto;border-radius:16px;border:1px solid var(--line);box-shadow:0 18px 55px rgba(0,0,0,.5);background:#000}
+.pitch-vcap{color:var(--muted);font-size:13.5px;margin-top:10px;font-weight:600}.pitch-vcap strong{color:var(--text)}
+.pitch-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 22px}
+.pitch-step{display:flex;gap:11px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:15px 16px}
+.pitch-n{flex:0 0 auto;width:28px;height:28px;border-radius:8px;background:#173a52;border:1px solid #2a627b;color:var(--teal);font-weight:900;display:grid;place-items:center;font-size:15px}
+.pitch-step strong{display:block;font-size:16px;margin-bottom:4px}.pitch-step span{color:var(--muted);font-size:13.5px;line-height:1.45}
+.pitch-proof{background:linear-gradient(150deg,rgba(78,214,203,.09),rgba(243,190,67,.05));border:1px solid #2c5f66;border-radius:16px;padding:20px 22px;margin:0 0 22px}
+.pitch-proof .lab{color:var(--teal);text-transform:uppercase;letter-spacing:1.4px;font-weight:800;font-size:12px;margin-bottom:8px}
+.pitch-proof h3{margin:0 0 14px;font-size:20px;font-weight:800}
+.pitch-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
+.pnum b{display:block;font-size:26px;font-weight:900}.pnum .ok{color:var(--ok)}.pnum .gd{color:var(--gold)}.pnum .tl{color:var(--teal)}
+.pnum small{color:var(--muted);font-size:12px}
+.pitch-cta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.pitch-cta .btn{padding:13px 22px;font-size:16px}
+.pitch-l-lab{color:var(--muted);font-size:12.5px;font-weight:700;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}
+.pitch-l-row{display:flex;justify-content:space-between;gap:12px;background:#0b1b2b;border:1px solid var(--line);border-radius:11px;padding:11px 14px;margin-bottom:7px;font-size:14px;color:#cfdcea}
+.pitch-l-row b{color:var(--ok)}
+@media(max-width:680px){.pitch-steps,.pitch-nums{grid-template-columns:1fr}}
 
 /* Eight-generation matrix illustration — compact icons so 256 stays tidy */
 .matrix{overflow-x:auto;padding-bottom:10px}