/* BusinessLinQs pages · 2026-10 redesign. Loaded after each page's own styles:
   one colour family with the rest of WorldVybes (navy + gold), and a section bar so every business tool is one tap away. */
:root{--plum:#12345C;--plum2:#08182B;--lav:#E8EEF6;--gold:#E9A93A}
.hero{background:linear-gradient(160deg,#08182B,#12345C)!important}
.bizx-tabs{background:#fff;border-bottom:1px solid #E3E1DA;font-family:'DM Sans',system-ui,sans-serif;position:sticky;top:62px;z-index:800}
.bizx-in{max-width:1240px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:4px;height:50px;overflow-x:auto;scrollbar-width:none}
.bizx-in::-webkit-scrollbar{display:none}
.bizx-brand{font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#178A9B;margin-right:10px;white-space:nowrap}
.bizx-in a{flex:none;padding:8px 12px;border-radius:10px;font-weight:700;font-size:14.5px;color:#5D6875;text-decoration:none;white-space:nowrap}
.bizx-in a:hover{background:#EEF2F6;color:#0B1B2E}
.bizx-in a.on{background:#EEF2F6;color:#0B1B2E;box-shadow:inset 0 -2px 0 #E9A93A}
.bizx-in a.bizx-cta{margin-left:auto;background:#E9A93A;color:#0B1B2E;border-radius:999px;padding:8px 16px}
@media (max-width:760px){.bizx-brand{display:none}.bizx-in a.bizx-cta{margin-left:6px}}
/* business cards: logos stay a neat square */
.logo{position:relative;overflow:hidden}
.logo img{position:absolute;inset:0;width:100%!important;height:100%!important}
/* short pages: keep the footer at the bottom of the screen */
#view{min-height:calc(100vh - 360px)}