From c8fdf38b368bf8a0505ff13395aa29431d79d88a Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Fri, 6 Nov 2026 06:20:09 +0000
Subject: [PATCH] Site: add a dual-rail Prove strip after the Prove step.

Self-verify stays on the live browser verifier. The SAMPLE door is a labeled Preview lab, burgundy instead of gold, and does not present a verified match.

Co-authored-by: Contravious Battle <ConWan30@users.noreply.github.com>
---
 site/index.html | 21 +++++++++++++++++++++
 site/style.css  | 23 +++++++++++++++++++++--
 2 files changed, 42 insertions(+), 2 deletions(-)

diff --git a/site/index.html b/site/index.html
index 80f2967..94b6d7d 100644
--- a/site/index.html
+++ b/site/index.html
@@ -59,6 +59,27 @@ <h2>Inside the Prove step</h2>
  </div>
 </section>
 
+<section class="wrap" id="prove-rails" aria-label="Prove paths">
+ <p class="num">prove · two doors</p>
+ <h2 class="split big">Same story. Two doors.</h2>
+ <p class="lede">Self-verify checks a real receipt in your browser. The SAMPLE path is a practice lab: a demo, not a real match.</p>
+ <div class="cards dual-rail">
+  <div class="card glass rail-real">
+   <p class="plan-kicker"><span class="dot"></span> real path</p>
+   <h3>Self-verify</h3>
+   <p>Paste a sealed receipt. Signatures, the chain, and the challenges run locally. Nothing is uploaded. Gold <b>VERIFIED</b> only when the live verifier says so.</p>
+   <a class="btn mag" href="verify/"><span>Open the verifier</span></a>
+  </div>
+  <div class="card glass rail-sample">
+   <p class="plan-kicker sample"><span class="dot"></span> SAMPLE · demo</p>
+   <h3>Try the SAMPLE path</h3>
+   <p>Walk Capture → Prove → Share on a redacted practice fixture. You get a clearly labeled <b>SAMPLE</b> receipt: a demo, not a real match. This door does not show a gold seal. A CoD HUD lock in the lab is correlated illustration only. It is not a seal of the Madden SAMPLE JSON, and it is not the same as sealing those CoD frames.</p>
+   <a class="btn ghost mag" href="https://cursor.com/agents/bc-4a3891c2-7098-58c8-98e5-9a84634c68bf" rel="noopener noreferrer" target="_blank"><span>Open SAMPLE lab (Preview)</span></a>
+   <span class="tag">SAMPLE · demo · not a real match · blank referee key</span>
+  </div>
+ </div>
+</section>
+
 <!-- 01 capture -->
 <section class="scene" id="capture">
  <div class="pin">
diff --git a/site/style.css b/site/style.css
index 0d9c498..229186e 100644
--- a/site/style.css
+++ b/site/style.css
@@ -54,7 +54,7 @@ h1 .accent .ch{background:inherit;-webkit-background-clip:text;background-clip:t
 /* scenes */
 .scene{position:relative}
 .pin{min-height:100vh;min-height:100svh;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:64px;padding:110px max(24px,calc((100vw - 1180px)/2)) 60px}
-.scene-copy h2,#platforms h2,#flow h2,.cta h2,.limits h2{font:900 clamp(42px,5.4vw,84px)/.9 var(--disp);text-transform:uppercase;margin:12px 0 20px}
+.scene-copy h2,#platforms h2,#flow h2,#prove-rails h2,.cta h2,.limits h2{font:900 clamp(42px,5.4vw,84px)/.9 var(--disp);text-transform:uppercase;margin:12px 0 20px}
 .scene-copy p{color:#b9c1d6;font-size:17px;max-width:480px}
 .scene-copy p+p{margin-top:12px}
 .num{font:600 13px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ac)}
@@ -230,7 +230,7 @@ body.page{background:radial-gradient(880px 520px at 92% -8%,rgba(79,124,255,.16)
 @media (max-width:400px){.nav nav a.keep{font-size:12px;padding:0 2px}}
 @media (max-width:340px){.hero,.page{padding-top:186px}} /* nav wraps to three rows below ~340px */
 @media (max-width:360px){
- .scene-copy h2,#platforms h2,#flow h2,.cta h2,.limits h2{font-size:32px}
+ .scene-copy h2,#platforms h2,#flow h2,#prove-rails h2,.cta h2,.limits h2{font-size:32px}
  .sb-score{font-size:40px;padding:8px}.sb-team{padding:0 8px;font-size:12px;gap:6px}.sb-clock{padding:0 6px;font-size:12px}
  .hero h1.kinetic{font-size:40px}
 }
@@ -249,3 +249,22 @@ body.page{background:radial-gradient(880px 520px at 92% -8%,rgba(79,124,255,.16)
 .step.plan{border-color:rgba(79,124,255,.4)}
 .step.plan .n{color:var(--ac)}
 @media (max-width:640px){.plan-panel .ctas .btn{flex:1 1 auto}}
+
+/* Dual-rail Prove strip. SAMPLE accent is burgundy/muted. Gold stays reserved for a referee VERIFIED result from the live verifier. */
+.cards.dual-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
+#prove-rails .lede{max-width:62ch;margin-bottom:0}
+.dual-rail .btn,.rail-sample .tag{align-self:flex-start;max-width:100%}
+.dual-rail .plan-kicker{color:#a9bdff}
+.rail-sample{border-color:rgba(143,58,74,.55);background:radial-gradient(480px 220px at 100% 0%,rgba(143,58,74,.2),transparent 62%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}
+.rail-sample:hover{border-color:rgba(184,92,108,.75)}
+.plan-kicker.sample,.rail-sample b{color:#e7cdd2}
+.plan-kicker.sample{border-color:rgba(143,58,74,.6);background:rgba(32,12,16,.62)}
+.plan-kicker.sample .dot{background:#a84a5a;box-shadow:0 0 10px rgba(168,74,90,.65)}
+.rail-sample .tag{color:#e7cdd2;border-color:rgba(168,74,90,.55);white-space:normal;line-height:1.45}
+.dual-rail .v.ok,
+.dual-rail .face .big,
+.dual-rail .tag.g,
+.dual-rail .lockg{color:#e7cdd2;text-shadow:none;box-shadow:none}
+.dual-rail .btn.vm{color:#f4ecee!important;background:rgba(255,255,255,.04)!important;box-shadow:inset 0 0 0 1px rgba(143,58,74,.65)!important}
+.dual-rail .btn.vm::after{background:rgba(42,16,22,.92)}
+@media (max-width:900px){.cards.dual-rail{grid-template-columns:1fr}}