fix: replace blue/purple colors with green accent

- BenchmarksSection: gradient #8b5cf6 → #00b377
- InvestSection: gradient #8b5cf6 → #00b377
- TheoremsSection: rgba(99,102,241) → rgba(0,229,153)
- PhoenixNumberSection: indigo/violet → green variants

Co-authored-by: Ona <no-reply@ona.com>

Author: gHashTag

website/src/components/sections/BenchmarksSection.tsx

@@ -59,7 +59,7 @@ function AnimatedValue({ value, delay }: { value: string; delay: number }) {
       fontWeight: 600, 
       color: 'var(--accent)', 
       marginBottom: '0.5rem',
-      background: 'linear-gradient(135deg, var(--accent), #8b5cf6)',
+      background: 'linear-gradient(135deg, var(--accent), #00b377)',
       WebkitBackgroundClip: 'text',
       WebkitTextFillColor: 'transparent',
       backgroundClip: 'text'

website/src/components/sections/InvestSection.tsx

@@ -38,7 +38,7 @@ export default function InvestSection() {
                 fontSize: 'clamp(2rem, 5vw, 3rem)', 
                 fontWeight: 600, 
                 marginBottom: '0.5rem',
-                background: 'linear-gradient(135deg, var(--accent), #8b5cf6)',
+                background: 'linear-gradient(135deg, var(--accent), #00b377)',
                 WebkitBackgroundClip: 'text',
                 WebkitTextFillColor: 'transparent',
                 backgroundClip: 'text'

website/src/components/sections/PhoenixNumberSection.tsx

@@ -20,7 +20,7 @@ export default function PhoenixNumberSection() {
       <div className="fade" style={{ 
         marginTop: '2rem',
         padding: '2rem',
-        background: 'linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(168, 85, 247, 0.1))',
+        background: 'linear-gradient(135deg, rgba(0, 229, 153, 0.1), rgba(0, 180, 120, 0.1))',
         borderRadius: '16px',
         border: '1px solid var(--border)',
         textAlign: 'center'
@@ -193,7 +193,7 @@ export default function PhoenixNumberSection() {
           ))}
           <div style={{
             padding: '1rem',
-            background: 'rgba(99, 102, 241, 0.1)',
+            background: 'rgba(0, 229, 153, 0.1)',
             textAlign: 'center',
             fontWeight: 600,
             color: 'var(--accent)'

website/src/components/sections/TheoremsSection.tsx

@@ -122,7 +122,7 @@ export default function TheoremsSection() {
 
             {/* Formula */}
             <div style={{ 
-              background: 'rgba(99, 102, 241, 0.08)', 
+              background: 'rgba(0, 229, 153, 0.08)', 
               padding: '0.8rem 1rem', 
               borderRadius: '6px',
               fontFamily: 'ui-monospace, monospace',