From 5f4e16bbb07c35f54fee8c7225ab8db6a6157ad3 Mon Sep 17 00:00:00 2001
From: nobswebdev <nobswebdev@noreply.git.nobswebdev.com>
Date: Sat, 19 Sep 2026 14:00:07 +0200
Subject: [PATCH] Fold privacy pillars into Privacy by design and tidy features
 grid.

Remove the standalone privacy section, pair e-commerce with privacy in the two-column layout, and drop unused pillar styles.
---
 css/styles.css |  44 -----------------
 index.html     | 129 +++++++++++++++----------------------------------
 2 files changed, 39 insertions(+), 134 deletions(-)

diff --git a/css/styles.css b/css/styles.css
index 940ed42..cadb22a 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -361,50 +361,6 @@ a:hover {
   margin-bottom: 0;
 }
 
-.pillars {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.625rem;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-.privacy-features {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(11.5rem, 1fr));
-  gap: 0.625rem;
-}
-
-.pillar {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.375rem;
-  padding: 0.5rem 0.875rem;
-  border: 1px solid var(--border);
-  border-radius: 999px;
-  background: var(--surface);
-  font-size: 0.8125rem;
-  font-weight: 500;
-  color: var(--text);
-  white-space: nowrap;
-}
-
-.pillar__dot {
-  width: 0.375rem;
-  height: 0.375rem;
-  border-radius: 50%;
-  flex-shrink: 0;
-}
-
-.pillar:nth-child(odd) .pillar__dot {
-  background: var(--brand);
-}
-
-.pillar:nth-child(even) .pillar__dot {
-  background: var(--accent);
-}
-
 .features-grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
diff --git a/index.html b/index.html
index 12652d0..303dc42 100644
--- a/index.html
+++ b/index.html
@@ -85,61 +85,6 @@
         </div>
       </section>
 
-      <section class="section" id="privacy">
-        <div class="container">
-          <h2 class="section__title">Privacy features</h2>
-          <p class="section__lead">
-            Privacy at every layer of the buyer experience.
-          </p>
-          <ul class="pillars privacy-features">
-            <li class="pillar">
-              <span class="pillar__dot" aria-hidden="true"></span> Free and open
-              source
-            </li>
-            <li class="pillar">
-              <span class="pillar__dot" aria-hidden="true"></span> No JS on
-              buyer shop
-            </li>
-            <li class="pillar">
-              <span class="pillar__dot" aria-hidden="true"></span> No buyer
-              accounts
-            </li>
-            <li class="pillar">
-              <span class="pillar__dot" aria-hidden="true"></span> Non-custodial
-              wallets
-            </li>
-            <li class="pillar">
-              <span class="pillar__dot" aria-hidden="true"></span> Monero
-              supported
-            </li>
-            <li class="pillar">
-              <span class="pillar__dot" aria-hidden="true"></span> Zero
-              third-party processors
-            </li>
-            <li class="pillar">
-              <span class="pillar__dot" aria-hidden="true"></span> Own wallet
-              integration
-            </li>
-            <li class="pillar">
-              <span class="pillar__dot" aria-hidden="true"></span> Encrypted
-              sensitive data
-            </li>
-            <li class="pillar">
-              <span class="pillar__dot" aria-hidden="true"></span> Auto order
-              data wipe
-            </li>
-            <li class="pillar">
-              <span class="pillar__dot" aria-hidden="true"></span> Self-hosted
-              clearnet + onion
-            </li>
-            <li class="pillar">
-              <span class="pillar__dot" aria-hidden="true"></span> SimpleX
-              merchant alerts
-            </li>
-          </ul>
-        </div>
-      </section>
-
       <section class="section section--border" id="features">
         <div class="container">
           <h2 class="section__title">Features</h2>
@@ -160,46 +105,22 @@
               </svg>
               <h3>Privacy by design</h3>
               <p class="feature-card__lead">
-                Your buyers don't need accounts. Your shop doesn't hoard their
-                data.
+                Privacy at every layer of the buyer experience. Your buyers
+                don't need accounts, and your shop doesn't hoard their data.
               </p>
               <ul>
-                <li>
-                  No JavaScript on the buyer shop - no client-side scripts
-                </li>
+                <li>Free and open source</li>
+                <li>No JavaScript needed on the buyer shop</li>
                 <li>Works in Tor Browser strictest security mode</li>
                 <li>
-                  No sign-up or profiles - orders open with a private access
-                  token
+                  No buyer accounts - orders open with a private access token
                 </li>
-              </ul>
-            </article>
-
-            <article class="feature-card">
-              <svg
-                class="feature-card__icon"
-                viewBox="0 0 24 24"
-                fill="none"
-                stroke="currentColor"
-                stroke-width="2"
-                aria-hidden="true"
-              >
-                <circle cx="12" cy="12" r="10" />
-                <path d="M12 6v12M8 10h8M8 14h8" />
-              </svg>
-              <h3>Direct crypto payments</h3>
-              <p class="feature-card__lead">
-                Built-in crypto wallets. No third-party payment services.
-              </p>
-              <ul>
-                <li>
-                  Payments go straight to your wallets - no custodial gateway
-                </li>
-                <li>
-                  Per-order addresses with QR codes, live rates, and fiat
-                  display
-                </li>
-                <li>You hold the keys - funds never touch a middleman</li>
+                <li>Non-custodial shop wallets</li>
+                <li>Monero supported</li>
+                <li>Encrypted sensitive data at rest</li>
+                <li>Automatic order data wipe</li>
+                <li>Self-hosted clearnet and Tor onion</li>
+                <li>SimpleX merchant alerts</li>
               </ul>
             </article>
 
@@ -243,6 +164,34 @@
               </ul>
             </article>
 
+            <article class="feature-card">
+              <svg
+                class="feature-card__icon"
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="2"
+                aria-hidden="true"
+              >
+                <circle cx="12" cy="12" r="10" />
+                <path d="M12 6v12M8 10h8M8 14h8" />
+              </svg>
+              <h3>Direct crypto payments</h3>
+              <p class="feature-card__lead">
+                Built-in crypto wallets. No third-party payment services.
+              </p>
+              <ul>
+                <li>
+                  Payments go straight to your wallets - no custodial gateway
+                </li>
+                <li>
+                  Per-order addresses with QR codes, live rates, and fiat
+                  display
+                </li>
+                <li>You hold the keys - funds never touch a middleman</li>
+              </ul>
+            </article>
+
             <article class="feature-card">
               <svg
                 class="feature-card__icon"