feat(website): framework support section + Atmosphere brand color

Author: jfarcand

website/src/components/About.astro

@@ -13,16 +13,18 @@ const credentials = [
       <span class="section-label">Who we are</span>
       <h2 class="section-title">Built by the people who wrote the spec</h2>
       <p class="about-description">
-        Atmosphere has been commercially supported since 2013. The team
-        brings over 30 years of experience in real-time systems, JVM internals,
-        and AI infrastructure. We contributed to Java NIO/AIO and have been
-        shipping real-time Java infrastructure since before WebSocket
-        was standardized.
+        Atmosphere has been in continuous production since 2008 &mdash;
+        powering trading floors, healthcare systems, collaboration tools,
+        and AI applications at companies from startups to the Fortune 500.
+        The team brings over 30 years of experience in real-time systems,
+        JVM internals, and AI infrastructure.
       </p>
       <p class="about-description">
-        In continuous production since 2008 &mdash; powering trading floors,
-        healthcare systems, collaboration tools, and AI applications at
-        companies from startups to the Fortune 500.
+        We contributed to Java NIO/AIO and have been shipping real-time Java
+        infrastructure since before WebSocket was standardized. Atmosphere
+        itself has been open source since day one, and the project is backed
+        by a team of Java Champions and Apache Committers who have been
+        active in the JVM ecosystem for decades.
       </p>
 
       <div class="credentials">

website/src/components/Atmosphere.astro

@@ -251,7 +251,7 @@ const pillars = [
     background: var(--color-accent-glow);
     padding: 0.25em 0.75em;
     border-radius: 4px;
-    border: 1px solid rgba(0, 212, 255, 0.2);
+    border: 1px solid rgba(212, 176, 96, 0.2);
     margin-bottom: var(--space-md);
   }
 
@@ -375,7 +375,7 @@ const pillars = [
     background: var(--color-bg-secondary);
     border: 1px solid var(--color-border);
     border-radius: 20px;
-    box-shadow: 0 0 0 1px rgba(0, 212, 255, 0.08), 0 24px 64px -16px rgba(0, 0, 0, 0.7);
+    box-shadow: 0 0 0 1px rgba(212, 176, 96, 0.08), 0 24px 64px -16px rgba(0, 0, 0, 0.7);
     transform: translateY(32px) scale(0.95);
     opacity: 0;
     transition: transform 0.4s var(--ease-out-expo), opacity 0.35s ease;
@@ -411,7 +411,7 @@ const pillars = [
   .modal-close:hover {
     color: var(--color-text-primary);
     border-color: var(--color-accent-dim);
-    background: rgba(0, 212, 255, 0.08);
+    background: rgba(212, 176, 96, 0.08);
   }
 
   .modal-hero {
@@ -429,7 +429,7 @@ const pillars = [
     left: -40px;
     width: 200px;
     height: 200px;
-    background: radial-gradient(circle, rgba(0, 212, 255, 0.12) 0%, transparent 70%);
+    background: radial-gradient(circle, rgba(212, 176, 96, 0.12) 0%, transparent 70%);
     pointer-events: none;
   }
 
@@ -492,7 +492,7 @@ const pillars = [
     color: var(--color-accent);
     padding: var(--space-sm) var(--space-md);
     background: var(--color-accent-glow);
-    border: 1px solid rgba(0, 212, 255, 0.25);
+    border: 1px solid rgba(212, 176, 96, 0.25);
     border-radius: 6px;
     transition: all 0.2s var(--ease-out-quad);
     text-decoration: none;