diff --git a/index.html b/index.html
index 768037f..945733c 100644
--- a/index.html
+++ b/index.html
@@ -69,6 +69,37 @@ <h3 class="card-title">Pro</h3>
             </div>
             <button class="download-button primary">Get Pro</button>
         </div>
+        <div class="card">
+            <div class="card-top">
+                <h3 class="card-title">Organisation</h3>
+                <p class="card-price">
+                    <span class="card-price-amount">$20</span>
+                    <span class="card-price-period">/mo.</span>
+                </p>
+                <div class="card-content">
+                    <p class="includes-text">Everything in Hobby, plus:</p>
+                    <ul class="features-list">
+                        <li>
+                            <span class="checkmark">✓</span>
+                            Extended limits on Agent
+                        </li>
+                        <li>
+                            <span class="checkmark">✓</span>
+                            Unlimited Tab completions
+                        </li>
+                        <li>
+                            <span class="checkmark">✓</span>
+                            Background Agents
+                        </li>
+                        <li>
+                            <span class="checkmark">✓</span>
+                            Maximum context windows
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <button class="download-button primary">Get Pro</button>
+        </div>
     </div>
 </body>
 </html>
diff --git a/jsx-version.html b/jsx-version.html
index c31d822..b533b2b 100644
--- a/jsx-version.html
+++ b/jsx-version.html
@@ -59,7 +59,7 @@ <h1 className="card-title">{title}</h1>
                 includesText: 'Includes:',
                 features: ['No credit card required', 'Limited Agent requests', 'Limited Tab completions'],
                 buttonText: 'Download',
-                buttonVariant: 'secondary',
+                buttonVariant: 'outline',
             };
             const proPlan = {
                 title: 'Pro',
@@ -72,9 +72,34 @@ <h1 className="card-title">{title}</h1>
                     'Maximum context windows',
                 ],
                 buttonText: 'Get Pro',
+                buttonVariant: 'secondary',
+            };
+            const organisationPlan = {
+                title: 'Organisation',
+                price: '$100/mo.',
+                includesText: 'Everything in Pro, plus:',
+                features: [
+                    'Extended limits on Agent',
+                    'Unlimited Tab completions',
+                    'Background Agents',
+                    'Maximum context windows',
+                ],
+                buttonText: 'Get Organisation',
                 buttonVariant: 'primary',
             };
-
+            const enterprisePlan = {
+                title: 'Enterprise',
+                price: '$1000/mo.',
+                includesText: 'Everything in Organisation, plus:',
+                features: [
+                    'Extended limits on Agent',
+                    'Unlimited Tab completions',
+                    'Background Agents',
+                    'Maximum context windows',
+                ],
+                buttonText: 'Get Enterprise',
+                buttonVariant: 'glass',
+            };
             return (
                 // <> is a React Fragment - it groups elements without adding extra HTML divs
                 <>
@@ -84,6 +109,8 @@ <h1 className="card-title">{title}</h1>
                         {/* This is the same as writing: title="Hobby" price="Free" includesText="Includes:" etc. */}
                         <PricingCard {...hobbyPlan} />
                         <PricingCard {...proPlan} />
+                        <PricingCard {...organisationPlan} />
+                        <PricingCard {...enterprisePlan} />
                     </div>
                 </>
             );
@@ -95,3 +122,4 @@ <h1 className="card-title">{title}</h1>
     </script>
 </body>
 </html>
+ 
\ No newline at end of file
diff --git a/styles.css b/styles.css
index 650590a..ec4c3f0 100644
--- a/styles.css
+++ b/styles.css
@@ -130,6 +130,36 @@ body {
     background-color: #333;
 }
 
+.download-button.outline{
+    background-color: transparent;
+    border: 1px solid #111;
+    color: #111;
+}
+
+.download-button.outline:hover {
+    background-color: #111;
+    color: #fff;
+}
+
+.download-button.outline:active {
+    background-color: #111;
+    color: #fff;
+}
+
+.download-button.outline.glass{
+    background-color: rgba(255, 255, 255, 0.467);
+    border: 1px solid rgba(255, 255, 255, 0.471);
+    color: #fff;
+}
+
+.download-button.outline.glass:hover {
+    background-color: rgba(255, 255, 255, 0.2);
+    border: 1px solid rgba(255, 255, 255, 0.3);
+    color: #fff;
+}
+
+.download-button.outline.glass:active {
+    background-color: rgba(255, 255, 255, 0.3);
 .page-label {
     position: fixed;
     top: 16px;