Add Get started section for self-hosted and managed setup.

Replace How it works with tier cards, nav link, and managed setup pricing copy.

css/styles.css

@@ -418,57 +418,46 @@ a:hover {
   margin-top: 0.375rem;
 }
 
-.steps {
+.tiers {
   display: grid;
-  grid-template-columns: repeat(3, 1fr);
+  grid-template-columns: repeat(2, 1fr);
   gap: 1.25rem;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  counter-reset: step;
 }
 
 @media (max-width: 48rem) {
-  .steps {
+  .tiers {
     grid-template-columns: 1fr;
   }
 }
 
-.step {
+.tier-card {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
   padding: 1.5rem;
   border: 1px solid var(--border);
   border-radius: var(--radius-lg);
   background: var(--surface);
 }
 
-.step::before {
+.tier-card h3 {
-  counter-increment: step;
+  margin: 0 0 0.75rem;
-  content: counter(step);
+  font-size: 1.0625rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 2rem;
-  height: 2rem;
-  margin-bottom: 1rem;
-  border-radius: 50%;
-  background: var(--brand);
-  color: #fff;
-  font-size: 0.875rem;
-  font-weight: 700;
-}
-
-.step h3 {
-  margin: 0 0 0.5rem;
-  font-size: 1rem;
   font-weight: 600;
 }
 
-.step p {
+.tier-card p {
-  margin: 0;
+  flex: 1;
+  margin: 0 0 1.25rem;
   font-size: 0.9375rem;
   color: var(--muted);
 }
 
+.tier-card p strong {
+  color: var(--text);
+  font-weight: 600;
+}
+
 .roadmap {
   display: grid;
   grid-template-columns: repeat(3, 1fr);

index.html

@@ -38,6 +38,7 @@
         </a>
         <nav class="site-nav" aria-label="Main">
           <a href="#features">Features</a>
+          <a href="#get-started">Get started</a>
           <a href="#gallery">Gallery</a>
           <a href="#demo">Live demo</a>
           <a href="#source">Open source</a>
@@ -221,32 +222,42 @@
         </div>
       </section>
 
-      <section class="section">
+      <section class="section section--border" id="get-started">
         <div class="container">
-          <h2 class="section__title">How it works</h2>
+          <h2 class="section__title">Get started</h2>
           <p class="section__lead">
-            Three steps from zero to selling with crypto.
+            Launch on your own server: install from the guide, or get one-time
+            help if you are not comfortable with VPS and DNS yourself.
           </p>
-          <ol class="steps">
+          <div class="tiers">
-            <li class="step">
+            <article class="tier-card">
-              <h3>Deploy</h3>
+              <h3>Self-hosted</h3>
               <p>
-                Clone the repo, configure your server, and go live on HTTPS and
+                Full NullCart is free and open source. Use the deployment guide
-                Tor.
+                in the repository to install on your VPS with HTTPS and Tor. You
+                handle provisioning, DNS, and updates.
               </p>
-            </li>
+              <a
-            <li class="step">
+                class="btn btn--primary"
-              <h3>Set up your shop</h3>
+                href="https://git.nobswebdev.com/nobswebdev/nullcart"
-              <p>Add products in the CMS and upload your branding.</p>
+                target="_blank"
-            </li>
+                rel="noopener noreferrer"
-            <li class="step">
+                >Repository</a
-              <h3>Sell</h3>
+              >
+            </article>
+            <article class="tier-card">
+              <h3>Managed setup</h3>
               <p>
-                Buyers pay in crypto. You fulfill orders, chat when needed, and
+                We will setup everything for you if you are not comfortable with
-                get notified via SimpleX.
+                servers yourself.
+                <strong>$25 USD</strong> paid in Monero covers our help to make
+                your shop up and running. VPS and domain are paid separately.
+                Optional upgrade to the latest version later:
+                <strong>$25 USD</strong> in Monero if you ever need it.
               </p>
-            </li>
+              <a class="btn btn--primary" href="#contact">Contact</a>
-          </ol>
+            </article>
+          </div>
         </div>
       </section>
 
@@ -625,6 +636,7 @@
         <p class="site-footer__copy">&copy; 2026 NullCart by nobswebdev.</p>
         <nav class="site-footer__nav" aria-label="Footer">
           <a href="#features">Features</a>
+          <a href="#get-started">Get started</a>
           <a href="#gallery">Gallery</a>
           <a href="#demo">Demo</a>
           <a href="#source">Open source</a>