Add consistent padding to product page sections after hero

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: congwang-mk

assets/css/technology.css

@@ -173,7 +173,7 @@
 
 /* Architecture Section */
 .how-it-works {
-    padding: var(--space-24) 0;
+    padding: var(--space-20) 0;
     background: white;
 }
 

products/enclaves.html

@@ -29,7 +29,7 @@ <h1>Kernel-Level Isolation for AI Agents</h1>
         </div>
     </section>
 
-    <section id="problem">
+    <section id="problem" class="value-section">
         <div class="section-container">
             <div class="section-header">
                 <h2 class="section-title">The Problem</h2>

products/platform.html

@@ -29,7 +29,7 @@ <h1>The Enterprise Split-Kernel Distribution</h1>
         </div>
     </section>
 
-    <section id="what">
+    <section id="what" class="value-section">
         <div class="section-container">
             <div class="section-header">
                 <h2 class="section-title">What You Get</h2>

products/resilience.html

@@ -29,7 +29,7 @@ <h1>Your Kernel Never Goes Down</h1>
         </div>
     </section>
 
-    <section id="planned">
+    <section id="planned" class="value-section">
         <div class="section-container">
             <div class="section-header">
                 <h2 class="section-title">Zero-Downtime Kernel Upgrades</h2>
@@ -99,7 +99,7 @@ <h3 class="capability-title">Automatic Recovery</h3>
         </div>
     </section>
 
-    <section id="benefits">
+    <section id="benefits" class="value-section">
         <div class="section-container">
             <div class="section-header">
                 <h2 class="section-title">Benefits</h2>