Center benefit cards; replace TEE-protected with Encrypted interactions

index.html

@@ -4,7 +4,7 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Inference Cooperative — Private AI, governed together</title>
-<meta name="description" content="A member-governed cooperative providing private AI inference. TEE-protected, member governance.">
+<meta name="description" content="A member-governed cooperative providing private AI inference. Encrypted interactions, member governance.">
 <link rel="icon" type="image/svg+xml" href="favicon.svg">
 <style>
   @font-face {
@@ -168,13 +168,14 @@
     border: 1px solid var(--border);
     border-radius: 16px;
     padding: 28px 24px;
-    text-align: left;
+    text-align: center;
   }
 
   .benefit-card .icon {
     width: 40px;
     height: 40px;
-    margin-bottom: 16px;
+    margin: 0 auto 16px;
+    display: block;
   }
 
   .benefit-card h2 {
@@ -193,6 +194,8 @@
   .benefit-card ul {
     list-style: none;
     padding: 0;
+    display: inline-block;
+    text-align: left;
   }
 
   .benefit-card li {
@@ -263,7 +266,7 @@
   <p class="tagline">Private AI, governed together. A member-governed cooperative for AI inference that protects your data and shares the benefits.</p>
 
   <div class="features">
-    <span class="tag">TEE-protected</span>
+    <span class="tag">Encrypted interactions</span>
     <span class="tag">Member-governed</span>
     <span class="tag">Open source</span>
   </div>
@@ -286,7 +289,7 @@
       <h2>Private AI chat</h2>
       <p>Talk to leading open models through a chat interface that protects your data.</p>
       <ul>
-        <li>TEE-protected inference</li>
+        <li>Encrypted interactions</li>
         <li>Web search built in</li>
         <li>File uploads &amp; documents</li>
       </ul>