refactor: simplify product section content and layout

- Condensed GPU Architecture section from detailed bullet points to concise three-pillar overview
- Removed redundant descriptive paragraphs from Capabilities and Design sections
- Streamlined Network Hero messaging and added standalone/integrated positioning
- Created new NetworkCapabilities component with four-column grid layout

src/pages/network/Hero.tsx

@@ -82,15 +82,23 @@ export function Hero() {
               Mycelium Network
             </h1>
             <h2 className="mt-6 text-xl leading-normal tracking-tight text-gray-600 lg:text-2xl">
-              Unleashing the Power of Decentralized Networks
+              Encrypted Peer-to-Peer Connectivity Across the Globe
             </h2>
             <p className="mt-6 text-lg leading-tight text-gray-600 lg:text-xl lg:leading-normal">
-              Discover Mycelium, an end-to-end encrypted IPv6 overlay network. The future of secure, efficient, and scalable networking.
+              Mycelium Network provides an unbreakable sovereign IPv6 mesh that connects people, nodes, and applications directly, with no central servers. 
+            </p>
+            <p className="mt-6 text-lg leading-tight text-gray-600 lg:text-xl lg:leading-normal">
+              Works Alone. Works Together.
+              Mycelium Network can be used standalone, or together with Mycelium Cloud
+              for full-stack sovereignty.
             </p>
             <div className="mt-8 flex flex-wrap gap-x-6 gap-y-4">
               <Button to="/download" variant="solid" color="cyan">
                 Get Mycelium Connector
               </Button>
+              <Button to="/download" variant="outline" color="cyan">
+               Explore Docs
+              </Button>
             </div>
           </div>
           <div className="relative mt-0 lg:mt-10 lg:col-span-5 lg:row-span-2 xl:col-span-6">