style: update styles based on latest design

src/css/custom.scss

@@ -30,7 +30,6 @@ html[data-theme='light'] {
 }
 
 .buttons-row {
-  margin-top: 32px;
   display: flex;
   gap: 16px;
 }
@@ -42,3 +41,20 @@ html[data-theme='light'] {
     gap: 8px;
   }
 }
+
+h2 {
+  margin-top: unset !important;
+}
+
+#open-source-and-support {
+  h3 {
+    max-width: 460px;
+    font-size: 18px !important;
+    line-height: 24px;
+    margin-top: 24px;
+  }
+
+  a {
+    margin-top: 24px;
+  }
+}

src/pages/index.mdx

@@ -104,7 +104,7 @@ import { Button } from '@acid-info/lsd-react'
   </Box>
 </Box>
 
-<Box top={{ xs: 144, lg: 214 }}>
+<Box top={{ xs: 144, lg: 190 }}>
   <FeatureList
     id="clients"
     alignment="top"
@@ -134,7 +134,7 @@ import { Button } from '@acid-info/lsd-react'
 </Box>
 
 
-<Box top={{ xs: 144, lg: 216 }}>
+<Box top={{ xs: 144, lg: 190 }}>
   <CallToActionSection
     title="Get started"
     description={
@@ -203,7 +203,7 @@ import { Button } from '@acid-info/lsd-react'
           name="DSRV"
           logoSrc="/logo/dsrv.svg"
           logoSrcDark="/logo/dsrv.svg"
-          description="DSRV iis running Nimbus with close to 2000 validators on the Ethereum mainnet. We found Nimbus consensus client to be both reliable and easy to operate while requiring fewer resources, making it worth recommending to every validator – not just solo stakers."
+          description="DSRV is running Nimbus with close to 2000 validators on the Ethereum mainnet. We found Nimbus consensus client to be both reliable and easy to operate while requiring fewer resources, making it worth recommending to every validator – not just solo stakers."
           borderStyle="none"
         />
       </Grid.Item>
@@ -313,7 +313,12 @@ import { Button } from '@acid-info/lsd-react'
   />
 </Box>
 
-<Box top={{ xs: 144, lg: 166 }}>
+<Box top={{ xs: 144, lg: 190 }} id="open-source-and-support">
+  <Grid
+    xs={{ cols: 2, gap: '1.5rem 1rem', wrap: false, scrollButtons: false }}
+    md={{ cols: 2, gap: '1.5rem 1rem', wrap: true }}
+  >
+    <Grid.Item>
       <CallToActionSection
         columns={1}
         title="Free and open source"
@@ -334,9 +339,8 @@ import { Button } from '@acid-info/lsd-react'
           </Button>
         </a>
       </div>
-</Box>
+    </Grid.Item>
-
+    <Grid.Item>
-<Box top={{ xs: 144, lg: 166 }}>
       <CallToActionSection
         columns={1}
         title="Support"
@@ -346,9 +350,11 @@ import { Button } from '@acid-info/lsd-react'
         target="_blank"
         href="https://etherscan.io/address/0xDeb4A0e8d9a8dB30a9f53AF2dCc9Eb27060c6557s"
       />
+      </Grid.Item>
+  </Grid>
 </Box>
 
-<Box top={{ xs: 144, lg: 166 }}>
+<Box top={{ xs: 144, lg: 190 }}>
   <Roadmap
     title="Timeline"
     noBorder
@@ -395,7 +401,7 @@ import { Button } from '@acid-info/lsd-react'
 </Box>
 
 
-<Box top={{ xs: 144, lg: 166 }}>
+<Box top={{ xs: 144, lg: 190 }}>
   <SectionHeader title="Team" noBorder />
   <Box top={{ xs: 40, md: 80 }}>
     <Grid