call to action contact

static/input.css

@@ -12,6 +12,9 @@
   --accent2:#1447b8;
   --green:#0eaf74;
   --amber:#ffd78e;
+  --accent-dim: rgba(93, 167, 202, 0.12);
+  --accent-border: rgba(93, 102, 202, 0.25);
+
 }
 
 .theme-root {
@@ -30,6 +33,9 @@
     --navback: rgba(247,246,243,0.8)
     --ff-mono:'IBM Plex Mono',monospace;
     --ff-sans:'IBM Plex Sans',sans-serif;
+   --accent-dim: rgba(93, 167, 202, 0.12);
+    --accent-border: rgba(93, 102, 202, 0.25);
+
   }
 
 *{box-sizing:border-box;margin:0;padding:0;}
@@ -621,4 +627,43 @@ button:hover {
 
 .hidden {
   display: none;
-}
+}
+
+
+    section .cta {
+      margin-top: 3rem;
+      padding: 2rem;
+      border: 0.5px solid var(--accent-border);
+      border-radius: 8px;
+      background: var(--accent-dim);
+    }
+ 
+    .cta-hed {
+      font-family: var(--mono);
+      font-size: 13px;
+      color: var(--accent);
+      margin-bottom: 0.4rem;
+    }
+ 
+    .cta-body {
+      font-size: 13px;
+      color: var(--muted);
+      margin-bottom: 1.25rem;
+      line-height: 1.65;
+    }
+ 
+    .cta-btn {
+      display: inline-block;
+      font-family: var(--mono);
+      font-size: 12px;
+      color: var(--bg);
+      background: var(--accent);
+      border: none;
+      padding: 9px 20px;
+      border-radius: 4px;
+      text-decoration: none;
+      cursor: pointer;
+      transition: opacity 0.15s;
+    }
+ 
+    .cta-btn:hover { opacity: 0.85; }