/* InboxAxe brand lockup — the logo (gold axes on black) + wordmark + slogan, the same everywhere (2026-09-07).
   Dark pages (marketing, MCP, app): .ia-lockup. Light pages (sign-up, onboarding, desk): .ia-lockup.light.
   The logo chip stays black on both. */
.ia-lockup{ display:inline-flex; align-items:center; gap:11px; text-decoration:none; color:#F7F5EF; line-height:1.05; }
.ia-lockup img{ width:44px !important; height:44px !important; max-width:none; border-radius:11px !important; background:#0B0B0D; display:block; flex:0 0 auto; margin:0 !important; padding:0 !important; box-shadow:0 0 0 1px rgba(240,194,75,.35); }
.ia-lockup{ margin:0; padding:0; }
.ia-lockup .wm{ display:block; font-family:"Montserrat","Poppins","Segoe UI Semibold","Segoe UI",ui-sans-serif,system-ui,sans-serif; font-weight:800; font-size:21px; letter-spacing:.01em; }
.ia-lockup .wm b{ color:#F0C24B; font-weight:800; }
.ia-lockup .sl{ display:block; margin-top:3px; font-family:"Montserrat","Poppins","Segoe UI",ui-sans-serif,system-ui,sans-serif; font-size:10.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:#D4A22E; white-space:nowrap; }
.ia-lockup.light{ color:#16181D; }
.ia-lockup.auto{ color:inherit; }
.ia-lockup.auto .wm b{ color:#D4A22E; }
.ia-lockup.auto .sl{ color:#A97C3F; }
.ia-lockup.light .wm b{ color:#8A6415; }
.ia-lockup.light .sl{ color:#8A6415; }
.ia-lockup.sm img{ width:32px; height:32px; border-radius:8px; }
.ia-lockup.sm .wm{ font-size:16px; }
.ia-lockup.sm .sl{ font-size:9px; letter-spacing:.14em; margin-top:2px; }
.ia-lockup.center{ flex-direction:column; text-align:center; gap:10px; margin:0 auto 22px; display:flex; width:max-content; }
.ia-lockup.center img{ width:64px; height:64px; border-radius:16px; }
/* a slim brand bar for pages that had no header at all (offers) */
.ia-brandbar{ display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 22px; background:#0B0B0D; border-bottom:1px solid rgba(240,194,75,.18); }
.ia-brandbar .links a{ color:#F7F5EF; text-decoration:none; font-size:14px; margin-left:16px; opacity:.85; }
.ia-brandbar .links a.gold{ color:#0B0B0D; background:#D4A22E; padding:8px 14px; border-radius:999px; font-weight:800; opacity:1; }
@media (max-width:640px){ .ia-lockup .sl{ display:none; } .ia-brandbar .links a:not(.gold){ display:none; } }

/* the home nav drops its side padding; give the lockup room */
header .wrap.nav{ padding-left:24px !important; padding-right:24px !important; }
/* offer pages: the brand bar is the top of the page, whatever the page's own layout does */
.ia-brandbar{ position:fixed; top:0; left:0; right:0; z-index:1000; }
html:has(.ia-brandbar) body{ padding-top:72px !important; }
