/* ============================================================ DEMO BAR — shown only on demo deployments. ⛔ TO LAUNCH THE REAL SITE (after the customer subscribes): 1. Delete the line in of index.html 2. Delete the block at the end of That's it — the bar and the extra page spacing both disappear. ============================================================ */ /* Room at the bottom so the fixed bar never hides the footer. */ body { padding-bottom: 60px; } .demo-bar { text-decoration: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; padding: 12px 20px; background: #1F4E79; /* deep blue — contrast against the cream/terracotta/olive page */ color: #fff; text-align: center; box-shadow: 0 -6px 22px rgba(0, 0, 0, 0.28); font-family: "Montserrat", system-ui, -apple-system, sans-serif; transition: background 0.2s ease; } .demo-bar:hover { background: #27608F; } .demo-bar__text { font-size: 0.95rem; font-weight: 500; color: rgba(255, 255, 255, 0.92); } .demo-bar__text strong { font-weight: 700; color: #fff; } .demo-bar__cta { display: inline-flex; align-items: center; gap: 8px; padding: 9px 20px; border-radius: 8px; background: #ffffff; color: #1E1E18; font-weight: 700; font-size: 0.92rem; white-space: nowrap; transition: background 0.2s ease, transform 0.15s ease; } .demo-bar:hover .demo-bar__cta { background: #EAF2F8; transform: translateY(-1px); } @media (max-width: 600px) { body { padding-bottom: 104px; } .demo-bar { gap: 10px; padding: 10px 16px; } .demo-bar__text { font-size: 0.85rem; } .demo-bar__cta { padding: 8px 16px; font-size: 0.85rem; } }