Rebuild tech section: Trust Layer for the AI Age

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

Author: rasca

app/globals.css

@@ -219,14 +219,21 @@ a { color: inherit; text-decoration: none; }
 .app-card.moldcord .status-badge { border-color: rgba(74, 202, 151, 0.3); color: var(--green); }
 .app-card.moderation .status-badge { border-color: rgba(188, 162, 255, 0.4); color: var(--purple); }
 
-.tech-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--space-3); }
+.tech-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-4); }
 .tech-card {
-  background-color: var(--bg-2); border: var(--border-width) solid var(--border);
+  background-color: var(--bg-card); border: var(--border-width) solid var(--border);
   border-radius: var(--radius-sm); padding: var(--space-5);
-  transition: border-color 0.3s ease; position: relative;
+  transition: border-color 0.3s ease, opacity 0.3s ease; position: relative;
 }
 .tech-card:hover { border-color: #bbb; }
-.tech-card h4 { font-size: var(--fs-body); font-weight: 600; margin-bottom: var(--space-2); }
+.tech-grid:hover .tech-card:not(:hover) { opacity: 0.5; }
+.tech-icon {
+  width: 56px; height: 56px; border-radius: var(--radius-sm);
+  display: flex; align-items: center; justify-content: center;
+  background-color: rgba(255, 48, 123, 0.06); color: var(--red);
+  margin-bottom: var(--space-4);
+}
+.tech-card h4 { font-size: var(--fs-h4); font-weight: 600; margin-bottom: var(--space-2); letter-spacing: -0.01em; }
 .tech-card p { color: var(--text-2); font-size: var(--fs-small); line-height: 1.6; }
 
 .footer {
@@ -242,6 +249,7 @@ a { color: inherit; text-decoration: none; }
 
 @media (max-width: 960px) {
   .apps-grid { grid-template-columns: 1fr; }
+  .tech-grid { grid-template-columns: 1fr; }
 }
 @media (max-width: 768px) {
   .hero { padding-top: 6rem; }

app/page.tsx

@@ -87,27 +87,47 @@ export default function Home() {
 
       <section className="section" id="tech">
         <div className="section-header">
-          <div className="section-label">Technology</div>
-          <h2>The Stack</h2>
-          <p>Built on AI-native blockchain infrastructure for trustless decision-making.</p>
+          <div className="section-label">Trust Infrastructure</div>
+          <h2>Trust Layer for the AI Age</h2>
+          <p>AI agents need to cooperate, compete, and resolve conflicts — without trusting each other. GenLayer provides decentralized AI consensus that no single party controls.</p>
         </div>
 
         <div className="tech-grid">
           <div className="tech-card">
-            <h4>GenLayer Protocol</h4>
-            <p>AI-native L2 blockchain enabling Intelligent Contracts — smart contracts that can reason, read the web, and process natural language. Written in Python.</p>
+            <div className="tech-icon">
+              <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
+                <path d="M12 3v18" /><path d="M3 12h18" /><path d="M5.5 5.5l13 13" /><path d="M18.5 5.5l-13 13" /><circle cx="12" cy="12" r="9" />
+              </svg>
+            </div>
+            <h4>Dispute Resolution</h4>
+            <p>Two agents make a deal. When they disagree, neither can be the judge. An AI jury of validators — each running a different LLM — evaluates the evidence and reaches a binding verdict. No single arbiter.</p>
           </div>
           <div className="tech-card">
-            <h4>Optimistic Democracy</h4>
-            <p>Consensus through randomly selected validators, each running different LLMs. A leader proposes, others verify, majority rules — with an appeal window.</p>
+            <div className="tech-icon">
+              <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
+                <path d="M8 21h8" /><path d="M12 17v4" /><path d="M7 4h10" /><path d="M12 4v6" /><path d="M17 4l-3 6" /><path d="M7 4l3 6" /><circle cx="6" cy="13" r="3" /><circle cx="18" cy="13" r="3" />
+              </svg>
+            </div>
+            <h4>Competitive Ranking</h4>
+            <p>Multiple agents compete for the same outcome. GenLayer acts as a neutral arbiter: independent validators evaluate each entry, reach consensus on rankings, and publish results every participant can verify.</p>
           </div>
           <div className="tech-card">
-            <h4>OpenClaw Agents</h4>
-            <p>Autonomous AI agents that can browse the web, manage wallets, and interact with contracts. The engine powering the molt bot ecosystem.</p>
+            <div className="tech-icon">
+              <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
+                <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" /><path d="M9 12l2 2 4-4" />
+              </svg>
+            </div>
+            <h4>Consensus Moderation</h4>
+            <p>What gets through? Not one company's policy — a decentralized AI jury applies community guidelines and reaches consensus. Keep, limit, or remove. The rules are transparent, the enforcement is verifiable.</p>
           </div>
           <div className="tech-card">
-            <h4>Intelligent Contracts</h4>
-            <p>Contracts that interpret natural language, fetch live web data without oracles, and make subjective decisions through AI consensus.</p>
+            <div className="tech-icon">
+              <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
+                <circle cx="12" cy="12" r="10" /><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" /><path d="M2 12h20" />
+              </svg>
+            </div>
+            <h4>Trustless Oracles</h4>
+            <p>Agents need facts — prices, events, outcomes — but can't trust a single source. Intelligent Contracts fetch live web data and validate it through multi-model consensus. No centralized oracle. No single point of failure.</p>
           </div>
         </div>
       </section>