feat(website): update Invest section to 6 symmetric blocks

Added 2 more investment cards for symmetry (3x2 grid):
- $3M for 1% equity
- $300M valuation
- 3²¹ Phoenix Number
- 99% founder ownership
- 578× energy efficiency (NEW)
- ∞ potential (NEW)

Updated grid layout to 3 columns for better visual balance.
Added gradient styling to card values.

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

Author: gHashTag

website/messages/en.json

@@ -549,7 +549,9 @@
       { "value": "$3M", "label": "for 1% equity" },
       { "value": "$300M", "label": "valuation" },
       { "value": "3²¹", "label": "Phoenix Number" },
-      { "value": "99%", "label": "founder ownership" }
+      { "value": "99%", "label": "founder ownership" },
+      { "value": "578×", "label": "energy efficiency" },
+      { "value": "∞", "label": "potential" }
     ],
     "milestonesTitle": "18-Month Milestones:",
     "milestones": [

website/messages/ru.json

@@ -529,7 +529,8 @@
       { "value": "$300M", "label": "оценка" },
       { "value": "3²¹", "label": "Число Феникса" },
       { "value": "99%", "label": "доля основателя" },
-      { "value": "∞", "label": "потенциал возврат" }
+      { "value": "578×", "label": "энергоэффективность" },
+      { "value": "∞", "label": "потенциал" }
     ],
     "milestonesTitle": "Майлстоуны 18 месяцев:",
     "milestones": [

website/src/components/sections/InvestSection.tsx

@@ -12,7 +12,12 @@ export default function InvestSection() {
       <div className="radial-glow" style={{ opacity: 0.4 }} />
       <h2 className="fade" dangerouslySetInnerHTML={{ __html: inv.title }} />
 
-      <div className="grid">
+      <div className="grid" style={{ 
+        gridTemplateColumns: 'repeat(3, 1fr)', 
+        gap: '1.5rem',
+        maxWidth: '900px',
+        margin: '0 auto'
+      }}>
         {inv?.cards?.map((card: { value: string; label: string }, i: number) => (
           <motion.div 
             key={i} 
@@ -22,18 +27,26 @@ export default function InvestSection() {
             transition={{ duration: 0.5, delay: i * 0.1, type: 'spring', stiffness: 100 }}
             viewport={{ once: true }}
             whileHover={{ scale: 1.05 }}
-            style={{ textAlign: 'center' }}
+            style={{ textAlign: 'center', padding: '2rem 1rem' }}
           >
             <motion.h3 
               initial={{ opacity: 0, y: 20 }}
               whileInView={{ opacity: 1, y: 0 }}
               transition={{ delay: i * 0.1 + 0.2 }}
               viewport={{ once: true }}
-              style={{ fontSize: '3rem', fontWeight: 500, marginBottom: '0.5rem' }}
+              style={{ 
+                fontSize: 'clamp(2rem, 5vw, 3rem)', 
+                fontWeight: 600, 
+                marginBottom: '0.5rem',
+                background: 'linear-gradient(135deg, var(--accent), #8b5cf6)',
+                WebkitBackgroundClip: 'text',
+                WebkitTextFillColor: 'transparent',
+                backgroundClip: 'text'
+              }}
             >
               {card.value}
             </motion.h3>
-            <p style={{ fontSize: '0.9rem', color: 'var(--muted)' }}>{card.label}</p>
+            <p style={{ fontSize: '0.85rem', color: 'var(--muted)', margin: 0 }}>{card.label}</p>
           </motion.div>
         ))}
       </div>