Update app.py

app.py

@@ -88,68 +88,98 @@ st.markdown("""
         word-break: break-all;
     }
 
-    /* Verhash Brand Colors */
+    /* Verhash Brand Colors - Professional Slate & Blue */
     .stApp {
-        background-color: #0a0a0a;
+        background-color: #020617; /* Slate 950 */
+        color: #f1f5f9; /* Slate 100 */
     }
     
-    /* Headers with brand color */
+    /* Headers */
     h1, h2, h3 {
-        color: #00ff00 !important;
+        color: #38bdf8 !important; /* Sky 400 */
+        font-weight: 700 !important;
     }
     
-    /* Links in brand color */
+    /* Links */
     a {
-        color: #00ff00 !important;
+        color: #38bdf8 !important;
+        text-decoration: none !important;
+    }
+    a:hover {
+        color: #7dd3fc !important; /* Sky 300 */
+        text-decoration: underline !important;
     }
     
     /* Button styling */
     .stButton > button {
-        background-color: #00ff00;
-        color: #000000;
+        background-color: #38bdf8;
+        color: #020617;
         border: none;
-        font-weight: bold;
+        font-weight: 600;
+        border-radius: 6px;
+        transition: all 0.2s ease;
     }
     
     .stButton > button:hover {
-        background-color: #00cc00;
-        color: #000000;
+        background-color: #7dd3fc;
+        color: #020617;
+        box-shadow: 0 0 15px rgba(56, 189, 248, 0.3);
     }
     
     /* Sidebar branding */
     [data-testid="stSidebar"] {
-        background-color: #0f0f0f;
-        border-right: 2px solid #00ff00;
+        background-color: #0f172a; /* Slate 900 */
+        border-right: 1px solid #1e293b;
     }
     
     /* Metric styling */
     [data-testid="stMetricValue"] {
-        color: #00ff00;
+        color: #38bdf8;
     }
 
     .main-header {
         text-align: center;
-        padding: 20px 0;
-        border-bottom: 2px solid #00ff00;
+        padding: 40px 0 20px 0;
         margin-bottom: 20px;
     }
     .company-name {
-        color: #888;
-        font-size: 14px;
-        margin-top: 5px;
+        color: #94a3b8; /* Slate 400 */
+        font-size: 16px;
+        letter-spacing: 1px;
+        text-transform: uppercase;
+        margin-top: 8px;
     }
     .nav-links {
         text-align: center;
-        padding: 10px 0;
+        padding: 15px 0;
+        background: rgba(15, 23, 42, 0.5);
+        border-radius: 8px;
+        border: 1px solid #1e293b;
+        margin-bottom: 30px;
     }
     .nav-links a {
-        color: #00ff00;
-        text-decoration: none;
-        padding: 0 15px;
-        font-weight: bold;
+        color: #38bdf8;
+        padding: 0 20px;
+        font-size: 14px;
+    }
+    
+    /* Slider Styling */
+    .stSlider [data-baseweb="slider"] {
+        background-color: transparent;
+    }
+    .stSlider [data-baseweb="slider"] > div > div {
+        background: #38bdf8 !important;
     }
-    .nav-links a:hover {
-        text-decoration: underline;
+    .stSlider [data-baseweb="slider"] [role="slider"] {
+        background-color: #38bdf8;
+        border: 2px solid #020617;
+    }
+    
+    /* Info Box Styling */
+    .stAlert {
+        background-color: rgba(56, 189, 248, 0.05) !important;
+        border: 1px solid rgba(56, 189, 248, 0.2) !important;
+        color: #f1f5f9 !important;
     }
 </style>
 """, unsafe_allow_html=True)
@@ -179,14 +209,14 @@ if 'audit_log' not in st.session_state:
 
 st.markdown("""
 <div class='main-header'>
-    <h1 style='color: #00ff00; margin: 0;'>Deterministic Governance Mechanism</h1>
-    <p class='company-name'>Verhash LLC | Material-Field Engine</p>
+    <h1 style='color: #38bdf8; margin: 0; font-size: 3rem;'>Deterministic Governance Mechanism</h1>
+    <p class='company-name'>Verhash LLC | Precision Substrate Computing</p>
 </div>
 <div class='nav-links'>
-    <a href='https://verhash.com' target='_blank'>🌐 Website</a> | 
-    <a href='mailto:ryan@verhash.net'>📧 Contact</a> | 
-    <a href='https://github.com/Rymley/Deterministic-Governance-Mechanism' target='_blank'>💻 GitHub</a> | 
-    <a href='https://verhash.com/docs' target='_blank'>📚 Docs</a>
+    <a href='https://verhash.com' target='_blank'>🌐 verhash.com</a>
+    <a href='mailto:ryan@verhash.net'>📧 Contact</a>
+    <a href='https://github.com/yourusername/verhash' target='_blank'>💻 GitHub</a>
+    <a href='https://verhash.com/docs' target='_blank'>📚 Documentation</a>
 </div>
 """, unsafe_allow_html=True)
 
@@ -230,28 +260,6 @@ lambda_max = st.sidebar.slider(
 )
 
 
-st.sidebar.markdown("---")
-
-st.sidebar.markdown("### About")
-st.sidebar.markdown("""
-**Verhash LLC**
-
-Deterministic AI governance through physics-based substrate computation.
-
-**Links:**
-- [verhash.com](https://verhash.com)
-- [GitHub](https://github.com/Rymley/Deterministic-Governance-Mechanism)
-- [Documentation](https://verhash.com/docs)
-
-**Contact:**  
-ryan@verhash.net
-
-**Patent Pending**  
-*Priority: January 25, 2026*
-""")
-
-st.sidebar.caption("© 2026 Verhash LLC")
-
 # Run button
 if st.sidebar.button("Run Deterministic Exclusion Demo", type="primary"):
     with st.spinner("Running inference..."):
@@ -280,17 +288,40 @@ if st.sidebar.button("Run Deterministic Exclusion Demo", type="primary"):
 
         st.success("Inference complete.")
 
+st.sidebar.info("""
+💡 **Production Deployment**  
+This is a reference implementation. For enterprise features, licensing, or partnerships:  
+**[verhash.com](https://verhash.com)** | **ryan@verhash.net**
+""")
+
+st.sidebar.markdown("---")
+
+st.sidebar.markdown("### About")
+st.sidebar.markdown("""
+**Verhash LLC**
+
+Deterministic AI governance through physics-based substrate computation.
+
+**Links:**
+- [verhash.com](https://verhash.com)
+- [GitHub](https://github.com/Rymley/Deterministic-Governance-Mechanism)
+- [Documentation](https://verhash.com/docs)
+
+**Contact:**  
+ryan@verhash.net
+
+**Patent Pending**  
+*Priority: January 25, 2026*
+""")
+
+st.sidebar.caption("© 2026 Verhash LLC")
+
 
 # ============================================================================
 # Main Content Area
 # ============================================================================
 
 
-# Info Banner Above Tabs
-st.info("""
-💡 **Production Deployment**: This is a reference implementation. For enterprise features, licensing, or partnerships → **[verhash.com](https://verhash.com)** | **ryan@verhash.net**
-""")
-
 # Create tabs
 tab1, tab2, tab3, tab4 = st.tabs(["Mechanism Demo", "LLM Guardrail", "Live LLM Testing", "Explain & Tune"])