chore: more homepage updates

src/index.vto

···
     <div class="columns">
       <div class="element">
         <p>
-          <strong style="color: var(--accent)">Diffuse is not exactly your typical streaming service, we have to add sources of audio so we have stuff to play.</strong> This button below adds some demo content, so you can experiment with the software right away.
+          <strong style="color: var(--accent)">Diffuse is not your typical streaming service, we have to add sources of audio so we have stuff to play.</strong> This button below adds some demo content, so you can experiment with the software right away.
         </p>
 
         <p>
···
 
         <p>
           <span class="button-row">
-            <a class="button button--bg-twist-2" href="{{ ('facets/playback/auto-queue/index.html') |> facetLoaderURL }}" target="_blank">
+            <a class="button button--bg-twist-1" href="{{ ('facets/playback/auto-queue/index.html') |> facetLoaderURL }}" target="_blank">
               <span class="with-icon">
                 <i class="ph-fill ph-number-circle-one"></i>
                 Fill up queue
               </span>
             </a>
-            <a class="button button--bg-twist-2" href="{{ ('themes/blur/artwork-controller/facet/index.html') |> facetLoaderURL }}" target="_blank">
+            <a class="button button--bg-twist-1" href="{{ ('themes/blur/artwork-controller/facet/index.html') |> facetLoaderURL }}" target="_blank">
               <span class="with-icon">
                 <i class="ph-fill ph-number-circle-two"></i>
                 Play audio
···
         </p>
 
         <p>
-          To do that, we have to visit our <strong style="color: var(--accent-twist-4)">kitchen</strong>. There you'll be able to browse through all the features and interfaces that are provided by Diffuse. To use a feature, you click the toggle to enable it, this will add it to your software. Interfaces can be added too, but it's not required, you can try them out right away by clicking the link in their title.
+          To do that, we have to visit our <strong style="color: var(--accent-twist-2)">kitchen</strong>. There you'll be able to browse through all the features and interfaces that are provided by Diffuse. To use a feature, you click the toggle to enable it, this will add it to your software. Interfaces can be added too, but it's not required, you can try them out right away by clicking the link in their title.
+        </p>
+
+        <p>
+          <a class="button button--bg-twist-2" href="kitchen/" target="_blank">Explore the kitchen</a>
+        </p>
+      </div>
+
+      <div class="element">
+        <p>
+          <em>What you mean, my software? What is software anyways?</em>
         </p>
 
         <p>
-          <a class="button button--bg-twist-4" href="kitchen/" target="_blank">Explore the kitchen</a>
+          When we say software, we mean, having a user interface or code that manipulates your data in some way. Because you are picking those pieces that change how it looks and behaves, you are composing your own software, you made it yours.
         </p>
       </div>
+    </div>
 
+    <div class="columns" style="margin-top: var(--space-xl)">
       <div class="element">
         <p>
           <em>What is a feature exactly?</em>
         </p>
 
         <p>
-          A <strong style="color: var(--accent-twist-4)">feature</strong> is a piece of code that expands the capabilities of your software or that makes it behave in a certain kind of way. It runs each time you open an interface, but may not necessarily be activated.
+          A <strong style="color: var(--accent-twist-4)">feature</strong> is a piece of code that expands the capabilities of your software or that makes it behave in a certain kind of way. It runs each time you open an interface, but may not necessarily be activated. Some examples, support for a particular audio source, or always add things automatically to the queue.
+        </p>
+      </div>
+
+      <div class="element">
+        <p>
+          <em>What makes it cooperative?</em>
+        </p>
+
+        <p>
+          These features and interfaces aren't required to be built into Diffuse, they can come from any place on the web. This makes it cooperative, you can share your features and interfaces, and use ones from other people. Any of these can be edited by clicking the edit button on the "your software" page.
+        </p>
+      </div>
+    </div>
+
+    <div class="columns" style="margin-top: var(--space-xl)">
+      <div class="element">
+        <p>
+          <em>How do I sync my data with my other devices?</em>
+        </p>
+
+        <p>
+          #
         </p>
       </div>
     </div>