/* ============================================================ DEMO BAR — preview-only banner. Contrast colour against the navy/gold site so it can't be missed. No price shown: the customer sees pricing on the Stripe checkout page. To LAUNCH the real site: delete this file's in and the block at the end of . ============================================================ */ body { padding-bottom: 62px; } .demo-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px 22px; padding: 11px 18px; background: #C8401F; color: #ffffff; font-family: "Manrope", system-ui, sans-serif; font-size: 0.92rem; box-shadow: 0 -6px 22px rgba(3, 17, 31, 0.25); } .demo-bar__text strong { font-weight: 800; } .demo-bar__cta { display: inline-flex; align-items: center; gap: 8px; padding: 8px 20px; border-radius: 999px; background: #ffffff; color: #071D33; font-weight: 800; transition: transform 0.15s ease, background 0.18s ease; } .demo-bar:hover .demo-bar__cta { transform: translateY(-1px); background: #EAF2F8; } @media (max-width: 560px) { body { padding-bottom: 96px; } }