/* Shared Mesh header: beta entry/results, public landing, registry and research pages (design mock v1, Nov 2026).
   A pill bar on the page's content width: emblem + optical wordmark, quiet links, one light "Analyze a token" pill.
   Optical wordmark bounds remove transparent canvas padding without changing either asset.
   New product pages must reuse this header contract and its existing menu behavior. */
@layer product-header {
 :root{--mesh-header-wordmark:90px;--mesh-header-emblem:32px;--mesh-header-gap:10px;--mesh-header-width:1056px}
 /* Apple system stack on every page that uses this header (report, landing, whitepaper); SF is never self-hosted. */
 :is(#app>.app-header,.site-header){font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','SF Pro Display','Inter Variable',Inter,system-ui,sans-serif!important;letter-spacing:-.005em!important}
 :is(#app>.app-header,.site-header){display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;position:relative!important;z-index:10!important;box-sizing:border-box!important;max-width:var(--mesh-header-width)!important;width:calc(100% - 64px)!important;min-height:62px!important;margin:24px auto 0!important;padding:10px 10px 10px 20px!important;gap:16px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:999px!important;background:rgba(14,16,19,.7)!important;box-shadow:none!important}
 :is(.app-header .brand,.site-header .brand-lockup){display:flex!important;align-items:center!important;gap:var(--mesh-header-gap)!important;flex-shrink:0!important;min-width:0!important;text-decoration:none!important}
 :is(.app-header .baremax-logo,.site-header .brand-emblem){display:block!important;width:var(--mesh-header-emblem)!important;height:var(--mesh-header-emblem)!important;border-radius:50%!important;object-fit:contain!important;flex-shrink:0!important}
 :is(.app-header .brand-copy){display:flex!important;align-items:center!important}
 :is(.app-header .mesh-wordmark,.site-header .brand-mesh){display:block!important;width:var(--mesh-header-wordmark)!important;height:auto!important;max-width:none!important;object-fit:contain!important;flex-shrink:0!important;overflow:hidden!important}
 :is(.app-header,.site-header) .landing-navigation{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:28px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important}
 :is(.app-header,.site-header) .landing-navigation a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:40px!important;padding:0!important;box-sizing:border-box!important;border-radius:999px!important;white-space:nowrap!important;color:#b6bdc3!important;font:400 15px/1.4 Inter,'Inter Variable',system-ui,sans-serif!important;text-decoration:none!important;background:none!important;border:0!important;box-shadow:none!important}
 :is(.app-header,.site-header) .landing-navigation a:hover{color:#fff!important}
 :is(.app-header,.site-header) .landing-navigation .landing-nav-x{min-width:24px!important}
 :is(.app-header,.site-header) .landing-navigation :is(.landing-nav-app,.landing-nav-analyze){height:40px!important;padding:0 20px!important;background:#f3f5f6!important;color:#0b0d10!important;font-weight:600!important}
 :is(.app-header,.site-header) .landing-navigation :is(.landing-nav-app,.landing-nav-analyze):hover{background:#fff!important;color:#0b0d10!important}
 :is(.app-header,.site-header) .landing-menu{display:none!important}
 :is(.app-header,.site-header) :is(a,button):focus-visible{outline:2px solid #e5eaf0!important;outline-offset:4px!important}
 /* Phones and narrow tablets: no pill; the brand and a round menu button on a 60px bar. */
 @media(max-width:900px){
  :root{--mesh-header-wordmark:72px;--mesh-header-emblem:28px;--mesh-header-gap:8px}
  :is(#app>.app-header,.site-header){width:100%!important;max-width:none!important;min-height:60px!important;margin:0!important;padding:8px 16px!important;gap:12px!important;border:0!important;border-radius:0!important;background:transparent!important}
  :is(.app-header,.site-header) .landing-menu{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-height:44px!important;min-width:44px!important;margin:0!important;padding:0!important;background:rgba(255,255,255,.04)!important;color:#f3f5f6!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:999px!important;font-size:0!important;box-shadow:none!important;cursor:pointer!important}
  :is(.app-header,.site-header) .landing-menu::before{content:''!important;width:18px!important;height:14px!important;background:linear-gradient(currentColor,currentColor) 0 0/100% 2px no-repeat,linear-gradient(currentColor,currentColor) 0 6px/100% 2px no-repeat,linear-gradient(currentColor,currentColor) 0 12px/100% 2px no-repeat!important}
  :is(.app-header,.site-header) .landing-navigation{display:none!important;position:absolute!important;top:calc(100% + 4px)!important;left:16px!important;right:16px!important;padding:12px 16px!important;background:#111416!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;box-shadow:0 16px 32px #0007!important}
  :is(.app-header,.site-header) .landing-navigation[data-open]{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  :is(.app-header,.site-header) .landing-navigation a{min-height:44px!important;padding:0 10px!important;min-width:0!important}
 }
 @media print{:is(#app>.app-header,.site-header){display:none!important}}
}