diff --git a/docs.json b/docs.json
index 188f54d2..b68a6089 100644
--- a/docs.json
+++ b/docs.json
@@ -1471,7 +1471,6 @@
                                                     "evm/next/documentation/concepts/transactions",
                                                     "evm/next/documentation/concepts/predeployed-contracts",
                                                     "evm/next/documentation/concepts/eip-1559-feemarket",
-                                                    "evm/next/documentation/concepts/performance",
                                                     "evm/next/documentation/concepts/precision-handling"
                                                 ]
                                             },
diff --git a/index.mdx b/index.mdx
index a162a236..d6565a9d 100644
--- a/index.mdx
+++ b/index.mdx
@@ -15,27 +15,12 @@ import { TopicCard, TopicCardGrid } from '/snippets/topic-card-component.jsx';
           customNavId: 'custom-nav-links',
           intervalId: null,
 
+          // Only style our custom nav here, don't touch Mintlify header/buttons
           css: \`
-            .nav-tabs,
-            div.nav-tabs,
-            .nav-tabs-item,
-            button[aria-haspopup="menu"],
-            button[data-state],
-            button.group[class*="rounded-full"] {
-              display: none !important;
-              visibility: hidden !important;
-              opacity: 0 !important;
-              height: 0 !important;
-              width: 0 !important;
-              overflow: hidden !important;
-              position: absolute !important;
-              left: -9999px !important;
-            }
-
             #custom-nav-links {
               position: fixed !important;
               top: 20px !important;
-              right: 100px !important;
+              right: 160px !important; /* space for theme toggle (moon) */
               display: flex !important;
               gap: 24px !important;
               align-items: center !important;
@@ -79,7 +64,6 @@ import { TopicCard, TopicCardGrid } from '/snippets/topic-card-component.jsx';
             document.documentElement.scrollTop = 0;
             document.body.scrollTop = 0;
 
-            // Also scroll the main content area if it exists
             const mainContent = document.querySelector('main');
             if (mainContent) mainContent.scrollTop = 0;
           },
@@ -94,14 +78,11 @@ import { TopicCard, TopicCardGrid } from '/snippets/topic-card-component.jsx';
           },
 
           injectCustomNav() {
-            // Check if already injected
             if (document.getElementById(this.customNavId)) return;
 
-            // Create custom navigation container
             const navContainer = document.createElement('div');
             navContainer.id = this.customNavId;
 
-            // Define navigation links
             const links = [
               { label: 'Cosmos SDK', href: '/sdk/' },
               { label: 'Cosmos EVM', href: '/evm/' },
@@ -110,7 +91,6 @@ import { TopicCard, TopicCardGrid } from '/snippets/topic-card-component.jsx';
               { label: 'Hub', href: '/hub/' }
             ];
 
-            // Create and append links
             links.forEach(link => {
               const anchor = document.createElement('a');
               anchor.href = link.href;
@@ -122,7 +102,6 @@ import { TopicCard, TopicCardGrid } from '/snippets/topic-card-component.jsx';
               navContainer.appendChild(anchor);
             });
 
-            // Append directly to body (using fixed positioning)
             document.body.appendChild(navContainer);
           },
 
@@ -146,7 +125,6 @@ import { TopicCard, TopicCardGrid } from '/snippets/topic-card-component.jsx';
               this.injectCustomNav();
               this.scrollToTop();
 
-              // Start monitoring if not already
               if (!this.intervalId) {
                 this.intervalId = setInterval(() => {
                   if (this.isIndexPage()) {
@@ -172,29 +150,24 @@ import { TopicCard, TopicCardGrid } from '/snippets/topic-card-component.jsx';
           },
 
           interceptNavigation() {
-            // Intercept link clicks to manage navigation
             document.addEventListener('click', (e) => {
               const link = e.target.closest('a[href]');
               if (link && link.href) {
                 const url = new URL(link.href, window.location.href);
 
-                // Special handling for logo clicks that should go to index
                 const isLogoLink = link.querySelector('img[alt*="logo"]') ||
                                    link.textContent.includes('Cosmos Documentation home');
 
                 if (isLogoLink && url.pathname === '/') {
-                  // Force navigation to index page
                   e.preventDefault();
                   window.location.href = '/';
                   return;
                 }
 
-                // If navigating TO index page, ensure scroll to top
                 if (url.pathname === '/' || url.pathname === '/index') {
                   setTimeout(() => this.scrollToTop(), 0);
                 }
 
-                // If navigating FROM index page to another page, ensure cleanup
                 if (this.isIndexPage() && url.pathname !== window.location.pathname) {
                   setTimeout(() => this.cleanup(), 0);
                 }
@@ -203,18 +176,14 @@ import { TopicCard, TopicCardGrid } from '/snippets/topic-card-component.jsx';
           },
 
           init() {
-            // Initial setup
             this.manageNavigation();
 
-            // Set up event listeners
             document.addEventListener('DOMContentLoaded', () => this.manageNavigation());
             window.addEventListener('load', () => this.manageNavigation());
             window.addEventListener('popstate', () => this.manageNavigation());
 
-            // Intercept navigation
             this.interceptNavigation();
 
-            // Watch for URL changes (for Mintlify's client-side routing)
             let lastUrl = window.location.href;
             const urlObserver = new MutationObserver(() => {
               if (window.location.href !== lastUrl) {
@@ -227,7 +196,6 @@ import { TopicCard, TopicCardGrid } from '/snippets/topic-card-component.jsx';
           }
         };
 
-        // Initialize the navigation manager
         indexNavManager.init();
       })();
     `
@@ -235,7 +203,7 @@ import { TopicCard, TopicCardGrid } from '/snippets/topic-card-component.jsx';
 />
 
 <style>{`
-  /* Hide navigation tabs */
+  /* Hide Mintlify navigation tabs only (leave header + theme toggle alone) */
   .nav-tabs,
   div.nav-tabs,
   .nav-tabs-item,
@@ -245,10 +213,8 @@ import { TopicCard, TopicCardGrid } from '/snippets/topic-card-component.jsx';
     opacity: 0 !important;
   }
 
-  /* Hide version dropdown button */
-  button[aria-haspopup="menu"],
-  button[data-state],
-  button.group[class*="rounded-full"] {
+  /* Optionally hide version dropdown inside nav tabs if present */
+  .nav-tabs button[aria-haspopup="menu"] {
     display: none !important;
     visibility: hidden !important;
     opacity: 0 !important;
@@ -256,107 +222,33 @@ import { TopicCard, TopicCardGrid } from '/snippets/topic-card-component.jsx';
 `}</style>
 
 <script>{`
-  // Aggressive navigation hiding
-  function hideNavElements() {
-    const selectors = [
-      '.nav-tabs',
-      'div.nav-tabs',
-      '.nav-tabs-item',
-      'a.nav-tabs-item',
-      '.link.nav-tabs-item',
-      'button[aria-haspopup="menu"]',
-      'button[data-state]',
-      'button.group',
-      'button[class*="bg-background-light"]',
-      'button[class*="bg-background-dark"]',
-      'header button:not([aria-label*="theme"]):not([aria-label*="Theme"])',
-      'header a.link',
-      'header .link',
-      '[class*="rounded-full"]:not([aria-label*="theme"]):not([aria-label*="Theme"])',
-      '[class*="lg:flex"]',
-      'nav',
-      '[role="navigation"]',
-      'header a:not([href="/"])',
-      '[class*="version"]',
-      '[class*="Version"]',
-      '[class*="breadcrumb"]'
-    ];
-
-    selectors.forEach(selector => {
-      try {
-        document.querySelectorAll(selector).forEach(el => {
-          el.style.setProperty('display', 'none', 'important');
-          el.style.setProperty('visibility', 'hidden', 'important');
-          el.style.setProperty('opacity', '0', 'important');
-          el.style.setProperty('pointer-events', 'none', 'important');
-          el.style.setProperty('position', 'absolute', 'important');
-          el.style.setProperty('left', '-9999px', 'important');
-        });
-      } catch(e) {}
-    });
-  }
-
-  // Theme detection
+  // Keep #custom-index-content theme in sync with Mintlify (dark / light)
   function applyTheme() {
     const html = document.documentElement;
-    const theme = html.getAttribute('data-theme') ||
-                  (html.classList.contains('dark') ? 'dark' : 'light');
+    const theme =
+      html.getAttribute('data-theme') ||
+      (html.classList.contains('dark') ? 'dark' : 'light');
+
     const customContent = document.getElementById('custom-index-content');
     if (customContent) {
       customContent.setAttribute('data-theme', theme);
     }
   }
 
-  // Run immediately and repeatedly
   if (typeof window !== 'undefined') {
-    hideNavElements();
-    setTimeout(hideNavElements, 0);
-    setTimeout(hideNavElements, 100);
-    setTimeout(hideNavElements, 500);
-    setTimeout(hideNavElements, 1000);
-
-    window.addEventListener('load', hideNavElements);
-    document.addEventListener('DOMContentLoaded', hideNavElements);
-
-    // Apply theme on load
     applyTheme();
-    setTimeout(applyTheme, 0);
-    setTimeout(applyTheme, 100);
-    setTimeout(applyTheme, 500);
     window.addEventListener('load', applyTheme);
     document.addEventListener('DOMContentLoaded', applyTheme);
 
-    // Watch for dynamic content and theme changes
+    // Watch for theme changes (e.g. clicking the moon)
     const observer = new MutationObserver(() => {
-      hideNavElements();
       applyTheme();
     });
 
-    // Watch HTML element for theme changes
     observer.observe(document.documentElement, {
       attributes: true,
-      attributeFilter: ['data-theme', 'class']
+      attributeFilter: ['data-theme', 'class'],
     });
-
-    if (document.body) {
-      observer.observe(document.body, {
-        childList: true,
-        subtree: true,
-        attributes: true,
-        attributeFilter: ['class', 'style']
-      });
-    } else {
-      setTimeout(() => {
-        if (document.body) {
-          observer.observe(document.body, {
-            childList: true,
-            subtree: true,
-            attributes: true,
-            attributeFilter: ['class', 'style']
-          });
-        }
-      }, 100);
-    }
   }
 `}</script>
 
@@ -413,7 +305,6 @@ import { TopicCard, TopicCardGrid } from '/snippets/topic-card-component.jsx';
     background: #000000 !important;
   }
 
-
   /* Text colors */
   #custom-index-content[data-theme="dark"] .text,
   #custom-index-content:not([data-theme]) .text {
@@ -526,89 +417,134 @@ import { TopicCard, TopicCardGrid } from '/snippets/topic-card-component.jsx';
 
 <div id="custom-index-content">
   {/* Banner */}
-  <div className="banner" style={{
-    minHeight: '25vh',
-    padding: '60px 40px',
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-    justifyContent: 'center',
-  }}>
-    <h1 className="heading" style={{
-      fontSize: '48px',
-      fontWeight: '700',
-      marginBottom: '16px',
-      textAlign: 'center',
-    }}>
+  <div
+    className="banner"
+    style={{
+      minHeight: '25vh',
+      padding: '60px 40px',
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'center',
+      justifyContent: 'center',
+    }}
+  >
+    <h1
+      className="heading"
+      style={{
+        fontSize: '48px',
+        fontWeight: '700',
+        marginBottom: '16px',
+        textAlign: 'center',
+      }}
+    >
       Cosmos Stack Developer Documentation
     </h1>
-    <p className="text" style={{
-      fontSize: '18px',
-      maxWidth: '800px',
-      textAlign: 'center',
-      lineHeight: '1.6',
-    }}>
+    <p
+      className="text"
+      style={{
+        fontSize: '18px',
+        maxWidth: '800px',
+        textAlign: 'center',
+        lineHeight: '1.6',
+      }}
+    >
       The most widely-adopted and battle-tested Layer 1 blockchain technology stack, in production with 200+ chains today.
     </p>
   </div>
 
   {/* Content */}
-  <div className="content-container" style={{
-    maxWidth: '1200px',
-    margin: '0 auto',
-    padding: '60px 40px',
-  }}>
+  <div
+    className="content-container"
+    style={{
+      maxWidth: '1200px',
+      margin: '0 auto',
+      padding: '60px 40px',
+    }}
+  >
     {/* Introduction */}
-    <section className="section-border" style={{ marginBottom: '80px', paddingBottom: '80px' }}>
-      <h2 className="heading" style={{
-        fontSize: '32px',
-        fontWeight: '700',
-        marginBottom: '8px',
-      }}>
+    <section
+      className="section-border"
+      style={{ marginBottom: '80px', paddingBottom: '80px' }}
+    >
+      <h2
+        className="heading"
+        style={{
+          fontSize: '32px',
+          fontWeight: '700',
+          marginBottom: '8px',
+        }}
+      >
         Introduction
       </h2>
-      <div className="heading-underline" style={{
-        width: '66.67%',
-        height: '2px',
-        background: 'currentColor',
-        marginBottom: '20px',
-      }}></div>
-      <p className="text" style={{
-        fontSize: '18px',
-        lineHeight: '1.8',
-        marginBottom: '16px',
-      }}>
-        The Cosmos stack is the most widely-adopted and battle-tested Layer 1 blockchain technology stack, in production with <strong>200+ chains</strong> today. It is performant, customizable, and EVM-compatible, offering engineers full end-to-end control of their blockchain infrastructure and implementation.
+      <div
+        className="heading-underline"
+        style={{
+          width: '66.67%',
+          height: '2px',
+          background: 'currentColor',
+          marginBottom: '20px',
+        }}
+      ></div>
+      <p
+        className="text"
+        style={{
+          fontSize: '18px',
+          lineHeight: '1.8',
+          marginBottom: '16px',
+        }}
+      >
+        The Cosmos stack is the most widely-adopted and battle-tested Layer 1 blockchain technology stack, in production with{' '}
+        <strong>200+ chains</strong> today. It is performant, customizable, and EVM-compatible, offering engineers full
+        end-to-end control of their blockchain infrastructure and implementation.
       </p>
-      <p className="text" style={{
-        fontSize: '18px',
-        lineHeight: '1.8',
-      }}>
-        The stack is modular by design — leverage pre-existing core components and integrate custom features and logic for your use case, compliance needs, governance, consensus, and performance requirements. This documentation explains the open-source stack components: <strong>Cosmos SDK</strong>, <strong>Cosmos EVM</strong>, <strong>IBC</strong>, and <strong>CometBFT</strong>.
+      <p
+        className="text"
+        style={{
+          fontSize: '18px',
+          lineHeight: '1.8',
+        }}
+      >
+        The stack is modular by design — leverage pre-existing core components and integrate custom features and logic for your
+        use case, compliance needs, governance, consensus, and performance requirements. This documentation explains the
+        open-source stack components: <strong>Cosmos SDK</strong>, <strong>Cosmos EVM</strong>, <strong>IBC</strong>, and{' '}
+        <strong>CometBFT</strong>.
       </p>
     </section>
 
     {/* Stack Components */}
-    <section className="section-border" style={{ marginBottom: '80px', paddingBottom: '80px' }}>
-      <h2 className="heading" style={{
-        fontSize: '32px',
-        fontWeight: '700',
-        marginBottom: '8px',
-      }}>
+    <section
+      className="section-border"
+      style={{ marginBottom: '80px', paddingBottom: '80px' }}
+    >
+      <h2
+        className="heading"
+        style={{
+          fontSize: '32px',
+          fontWeight: '700',
+          marginBottom: '8px',
+        }}
+      >
         Get Started with the Cosmos Stack
       </h2>
-      <div className="heading-underline" style={{
-        width: '66.67%',
-        height: '2px',
-        background: 'currentColor',
-        marginBottom: '20px',
-      }}></div>
-      <p className="text" style={{
-        fontSize: '18px',
-        lineHeight: '1.8',
-        marginBottom: '32px',
-      }}>
-        Explore the modular components that make up the Cosmos stack. Each component is optional, provides specific functionality and can be customized for your use case.
+      <div
+        className="heading-underline"
+        style={{
+          width: '66.67%',
+          height: '2px',
+          background: 'currentColor',
+          marginBottom: '20px',
+        }}
+      ></div>
+      <p
+        className="text"
+        style={{
+          fontSize: '18px',
+          lineHeight: '1.8',
+          marginBottom: '32px',
+        }}
+      >
+        Explore the modular components that make up the Cosmos stack. Each component is optional, provides specific functionality
+        and can be customized for your use case.
       </p>
 
       <TopicCardGrid cols={3}>
@@ -640,9 +576,15 @@ import { TopicCard, TopicCardGrid } from '/snippets/topic-card-component.jsx';
           links={[
             { text: 'GitHub Repository', href: 'https://github.com/cosmos/evm' },
             { text: 'EVM Overview', href: '/evm/next/documentation/overview' },
-            { text: 'Build a Chain', href: '/evm/next/documentation/getting-started/build-a-chain/overview' },
+            {
+              text: 'Build a Chain',
+              href: '/evm/next/documentation/getting-started/build-a-chain/overview',
+            },
             { text: 'Precompiles', href: '/evm/next/documentation/smart-contracts/precompiles/overview' },
-            { text: 'JSON-RPC API', href: '/evm/next/api-reference/ethereum-json-rpc/rpc-explorer' },
+            {
+              text: 'JSON-RPC API',
+              href: '/evm/next/api-reference/ethereum-json-rpc/rpc-explorer',
+            },
           ]}
         />
 
@@ -697,29 +639,47 @@ import { TopicCard, TopicCardGrid } from '/snippets/topic-card-component.jsx';
           links={[
             { text: 'InterchainTest', href: 'https://github.com/cosmos/interchaintest' },
             { text: 'InterchainJS', href: 'https://docs.hyperweb.io/interchain-js' },
-            { text: 'Skip API', href: 'https://docs.skip.build/go/api-reference/prod/info/get-v2infochains' },
-            { text: 'Skip Widget', href: 'https://docs.skip.build/go/general/getting-started' },
-            { text: 'EVM Testing & Fuzzing', href: '/evm/next/documentation/getting-started/tooling-and-resources/testing-and-fuzzing' },
+            {
+              text: 'Skip API',
+              href: 'https://docs.skip.build/go/api-reference/prod/info/get-v2infochains',
+            },
+            {
+              text: 'Skip Widget',
+              href: 'https://docs.skip.build/go/general/getting-started',
+            },
+            {
+              text: 'EVM Testing & Fuzzing',
+              href: '/evm/next/documentation/getting-started/tooling-and-resources/testing-and-fuzzing',
+            },
           ]}
         />
       </TopicCardGrid>
     </section>
 
     {/* About Sections */}
-    <section className="section-border" style={{ marginBottom: '80px', paddingBottom: '80px' }}>
-      <h2 className="heading" style={{
-        fontSize: '32px',
-        fontWeight: '700',
-        marginBottom: '8px',
-      }}>
+    <section
+      className="section-border"
+      style={{ marginBottom: '80px', paddingBottom: '80px' }}
+    >
+      <h2
+        className="heading"
+        style={{
+          fontSize: '32px',
+          fontWeight: '700',
+          marginBottom: '8px',
+        }}
+      >
         About the Stack
       </h2>
-      <div className="heading-underline" style={{
-        width: '66.67%',
-        height: '2px',
-        background: 'currentColor',
-        marginBottom: '20px',
-      }}></div>
+      <div
+        className="heading-underline"
+        style={{
+          width: '66.67%',
+          height: '2px',
+          background: 'currentColor',
+          marginBottom: '20px',
+        }}
+      ></div>
 
       <div
         id="cosmos-sdk"
@@ -734,7 +694,9 @@ import { TopicCard, TopicCardGrid } from '/snippets/topic-card-component.jsx';
         }}
         onMouseEnter={(e) => {
           const card = e.currentTarget;
-          const theme = document.getElementById('custom-index-content').getAttribute('data-theme');
+          const theme = document
+            .getElementById('custom-index-content')
+            ?.getAttribute('data-theme');
           const isLight = theme === 'light';
           if (isLight) {
             card.style.background = '#E5E5E5';
@@ -759,18 +721,30 @@ import { TopicCard, TopicCardGrid } from '/snippets/topic-card-component.jsx';
         >
           Cosmos SDK
         </h3>
-        <p className="text" style={{
-          fontSize: '16px',
-          lineHeight: '1.7',
-          marginBottom: '12px',
-        }}>
-          The Cosmos SDK is a modular, open-source blockchain SDK for building secure, high-performance Layer 1 chains with full customizability. Developers can use the Cosmos SDK to easily and quickly spin up custom blockchains that can natively interoperate via a native integration with the Inter-Blockchain Communication Protocol.
+        <p
+          className="text"
+          style={{
+            fontSize: '16px',
+            lineHeight: '1.7',
+            marginBottom: '12px',
+          }}
+        >
+          The Cosmos SDK is a modular, open-source blockchain SDK for building secure, high-performance Layer 1 chains with full
+          customizability. Developers can use the Cosmos SDK to easily and quickly spin up custom blockchains that can natively
+          interoperate via a native integration with the Inter-Blockchain Communication Protocol.
         </p>
-        <p className="text" style={{
-          fontSize: '16px',
-          lineHeight: '1.7',
-        }}>
-          The Cosmos SDK is tailored for building secure, sovereign application-specific blockchains. Developers building with the Cosmos SDK can use <strong>predefined modules</strong> that cover standard blockchain functionality or <strong>create custom modules</strong> for their specific use case. This composable architecture enables robust customization. The SDK provides abstractions for permissioning, governance, state management, account abstraction, tokenization processes, application logic, and more.
+        <p
+          className="text"
+          style={{
+            fontSize: '16px',
+            lineHeight: '1.7',
+          }}
+        >
+          The Cosmos SDK is tailored for building secure, sovereign application-specific blockchains. Developers building with the
+          Cosmos SDK can use <strong>predefined modules</strong> that cover standard blockchain functionality or{' '}
+          <strong>create custom modules</strong> for their specific use case. This composable architecture enables robust
+          customization. The SDK provides abstractions for permissioning, governance, state management, account abstraction,
+          tokenization processes, application logic, and more.
         </p>
       </div>
 
@@ -787,7 +761,9 @@ import { TopicCard, TopicCardGrid } from '/snippets/topic-card-component.jsx';
         }}
         onMouseEnter={(e) => {
           const card = e.currentTarget;
-          const theme = document.getElementById('custom-index-content').getAttribute('data-theme');
+          const theme = document
+            .getElementById('custom-index-content')
+            ?.getAttribute('data-theme');
           const isLight = theme === 'light';
           if (isLight) {
             card.style.background = '#E5E5E5';
@@ -812,11 +788,19 @@ import { TopicCard, TopicCardGrid } from '/snippets/topic-card-component.jsx';
         >
           Cosmos EVM
         </h3>
-        <p className="text" style={{
-          fontSize: '16px',
-          lineHeight: '1.7',
-        }}>
-          Cosmos EVM is a plug-and-play solution that adds EVM compatibility and customizability to Cosmos SDK chains. It provides complete Ethereum capabilities: Solidity smart contracts, Ethereum JSON-RPC, native support for the EVM wallet/token/user experience, and access to the entire Ethereum developer ecosystem. Its <strong>precompiles and extensions</strong> allow developers to leverage modules like IBC within the EVM and get native ERC-20 support for tokens on Cosmos. It can run any valid smart contract from Ethereum and also implement new features that are not yet available on the standard Ethereum VM.
+        <p
+          className="text"
+          style={{
+            fontSize: '16px',
+            lineHeight: '1.7',
+          }}
+        >
+          Cosmos EVM is a plug-and-play solution that adds EVM compatibility and customizability to Cosmos SDK chains. It provides
+          complete Ethereum capabilities: Solidity smart contracts, Ethereum JSON-RPC, native support for the EVM
+          wallet/token/user experience, and access to the entire Ethereum developer ecosystem. Its <strong>precompiles and
+          extensions</strong> allow developers to leverage modules like IBC within the EVM and get native ERC-20 support for
+          tokens on Cosmos. It can run any valid smart contract from Ethereum and also implement new features that are not yet
+          available on the standard Ethereum VM.
         </p>
       </div>
 
@@ -833,7 +817,9 @@ import { TopicCard, TopicCardGrid } from '/snippets/topic-card-component.jsx';
         }}
         onMouseEnter={(e) => {
           const card = e.currentTarget;
-          const theme = document.getElementById('custom-index-content').getAttribute('data-theme');
+          const theme = document
+            .getElementById('custom-index-content')
+            ?.getAttribute('data-theme');
           const isLight = theme === 'light';
           if (isLight) {
             card.style.background = '#E5E5E5';
@@ -858,11 +844,17 @@ import { TopicCard, TopicCardGrid } from '/snippets/topic-card-component.jsx';
         >
           IBC Protocol
         </h3>
-        <p className="text" style={{
-          fontSize: '16px',
-          lineHeight: '1.7',
-        }}>
-          The Inter-Blockchain Communication protocol (IBC) is a blockchain interoperability solution that allows blockchains to talk to each other. Blockchains that speak IBC can transfer any kind of data encoded in bytes—including tokens, messages, and arbitrary application logic. IBC is <strong>secure, permissionless, and designed to connect sovereign blockchains</strong> into a single interoperable network.
+        <p
+          className="text"
+          style={{
+            fontSize: '16px',
+            lineHeight: '1.7',
+          }}
+        >
+          The Inter-Blockchain Communication protocol (IBC) is a blockchain interoperability solution that allows blockchains to
+          talk to each other. Blockchains that speak IBC can transfer any kind of data encoded in bytes—including tokens,
+          messages, and arbitrary application logic. IBC is <strong>secure, permissionless, and designed to connect sovereign
+          blockchains</strong> into a single interoperable network.
         </p>
       </div>
 
@@ -872,13 +864,16 @@ import { TopicCard, TopicCardGrid } from '/snippets/topic-card-component.jsx';
         style={{
           borderRadius: '12px',
           padding: '40px',
+          marginBottom: '24px',
           transition: 'all 0.3s ease',
           transform: 'translateY(0)',
           cursor: 'default',
         }}
         onMouseEnter={(e) => {
           const card = e.currentTarget;
-          const theme = document.getElementById('custom-index-content').getAttribute('data-theme');
+          const theme = document
+            .getElementById('custom-index-content')
+            ?.getAttribute('data-theme');
           const isLight = theme === 'light';
           if (isLight) {
             card.style.background = '#E5E5E5';
@@ -903,57 +898,104 @@ import { TopicCard, TopicCardGrid } from '/snippets/topic-card-component.jsx';
         >
           CometBFT
         </h3>
-        <p className="text" style={{
-          fontSize: '16px',
-          lineHeight: '1.7',
-          marginBottom: '12px',
-        }}>
-          CometBFT is the most widely-adopted, battle-tested consensus engine in blockchain. It is a Byzantine Fault Tolerant (BFT) middleware that takes a state transition machine—written in any programming language—and securely replicates it on many machines.
+        <p
+          className="text"
+          style={{
+            fontSize: '16px',
+            lineHeight: '1.7',
+            marginBottom: '12px',
+          }}
+        >
+          CometBFT is the most widely-adopted, battle-tested consensus engine in blockchain. It is a Byzantine Fault
+          Tolerant (BFT) middleware that takes a state transition machine—written in any programming language—and securely
+          replicates it on many machines.
         </p>
-        <p className="text" style={{
-          fontSize: '16px',
-          lineHeight: '1.7',
-        }}>
-          CometBFT is highly performant and achieves speeds of up to <strong>10,000 transactions per second (TPS)</strong>. Its flagship feature, <strong>ABCI++</strong>, enables developers to add programmability and customization to every step of the consensus engine. Developers can use CometBFT for BFT state machine replication of applications written in any programming language and development environment. It is a fork of Tendermint.
+        <p
+          className="text"
+          style={{
+            fontSize: '16px',
+            lineHeight: '1.7',
+          }}
+        >
+          CometBFT is highly performant and achieves speeds of up to <strong>10,000 transactions per second (TPS)</strong>. Its
+          flagship feature, <strong>ABCI++</strong>, enables developers to add programmability and customization to every step of
+          the consensus engine. Developers can use CometBFT for BFT state machine replication of applications written in any
+          programming language and development environment. It is a fork of Tendermint.
         </p>
       </div>
     </section>
 
     {/* Maintainers and Contributors */}
     <section style={{ marginBottom: '60px' }}>
-      <h2 className="heading" style={{
-        fontSize: '32px',
-        fontWeight: '700',
-        marginBottom: '8px',
-      }}>
+      <h2
+        className="heading"
+        style={{
+          fontSize: '32px',
+          fontWeight: '700',
+          marginBottom: '8px',
+        }}
+      >
         Maintainers and Contributors
       </h2>
-      <div className="heading-underline" style={{
-        width: '66.67%',
-        height: '2px',
-        background: 'currentColor',
-        marginBottom: '24px',
-      }}></div>
-
-      <p className="text" style={{
-        fontSize: '16px',
-        lineHeight: '1.7',
-        marginBottom: '16px',
-      }}>
-        <strong>Cosmos Labs</strong> maintains the core components of the stack: Cosmos SDK, CometBFT, IBC, Cosmos EVM, and various developer tools and frameworks. In addition to developing and maintaining the Cosmos Stack, Cosmos Labs provides advisory and engineering services for blockchain solutions.
+      <div
+        className="heading-underline"
+        style={{
+          width: '66.67%',
+          height: '2px',
+          background: 'currentColor',
+          marginBottom: '24px',
+        }}
+      ></div>
+
+      <p
+        className="text"
+        style={{
+          fontSize: '16px',
+          lineHeight: '1.7',
+          marginBottom: '16px',
+        }}
+      >
+        <strong>Cosmos Labs</strong> maintains the core components of the stack: Cosmos SDK, CometBFT, IBC, Cosmos EVM, and
+        various developer tools and frameworks. In addition to developing and maintaining the Cosmos Stack, Cosmos Labs provides
+        advisory and engineering services for blockchain solutions.
       </p>
-      <p className="text" style={{
-        fontSize: '16px',
-        lineHeight: '1.7',
-        marginBottom: '16px',
-      }}>
-        <a href="https://cosmoslabs.io/" target="_blank" rel="noopener noreferrer" className="text-link" style={{ textDecoration: 'underline' }}>Cosmos Labs</a> is a wholly-owned subsidiary of the <a href="https://interchain.io/" target="_blank" rel="noopener noreferrer" className="text-link" style={{ textDecoration: 'underline' }}><strong>Interchain Foundation</strong></a>, the Swiss nonprofit responsible for treasury management, funding public goods, and supporting governance for Cosmos.
+      <p
+        className="text"
+        style={{
+          fontSize: '16px',
+          lineHeight: '1.7',
+          marginBottom: '16px',
+        }}
+      >
+        <a
+          href="https://cosmoslabs.io/"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="text-link"
+          style={{ textDecoration: 'underline' }}
+        >
+          Cosmos Labs
+        </a>{' '}
+        is a wholly-owned subsidiary of the{' '}
+        <a
+          href="https://interchain.io/"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="text-link"
+          style={{ textDecoration: 'underline' }}
+        >
+          <strong>Interchain Foundation</strong>
+        </a>
+        , the Swiss nonprofit responsible for treasury management, funding public goods, and supporting governance for Cosmos.
       </p>
-      <p className="text" style={{
-        fontSize: '16px',
-        lineHeight: '1.7',
-        marginBottom: '24px',
-      }}>
+      <p
+        className="text"
+        style={{
+          fontSize: '16px',
+          lineHeight: '1.7',
+          marginBottom: '24px',
+        }}
+      >
         The Cosmos Stack is supported by a global community of open-source contributors.
       </p>