diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 8ccc363..0bc6121 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -1136,13 +1136,7 @@ export default function App() {
diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index ba3e1e2..e186701 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -114,27 +114,21 @@ button:disabled {
.demo-notice {
display: flex;
align-items: center;
- gap: 12px;
+ justify-content: center;
padding: 12px 14px;
border: 1px solid color-mix(in srgb, var(--accent) 46%, #FFFFFF);
border-radius: 12px;
background: var(--accent-light);
color: var(--text-primary);
+ text-align: center;
box-shadow: 0 1px 3px rgba(10, 47, 90, 0.06), 0 4px 12px rgba(10, 47, 90, 0.04);
}
.demo-notice strong {
- flex: 0 0 auto;
font-family: "Space Grotesk", sans-serif;
font-size: var(--text-base);
}
-.demo-notice span {
- color: var(--text-secondary);
- font-size: var(--text-sm);
- line-height: 1.45;
-}
-
.hero,
.panel,
.machine-card,