/* Hamburger menu (8 Nov 2026): the same on every page. A small round profile icon sits at the top, above Home, linking to Orbit; the old "Log in to your profile" line is hidden for now (delete the first rule to bring it back); and the menu words are two sizes smaller. */
html body .g8-menu .g8-menu-login { display: none !important; }
html body .g8-menu .g8-menu-link:not(.g8-menu-link--cta) { font-size: clamp(1.5rem, 4.2vw, 2.4rem) !important; }
html body .g8-menu .g8-menu-profile { display: inline-flex; align-items: center; justify-content: center; align-self: center; margin: 14px auto clamp(12px, 2vh, 20px); width: 46px; height: 46px; border-radius: 50%; color: #e6dafb; border: 1px solid transparent; text-decoration: none;
  background: linear-gradient(#0b0620, #0b0620) padding-box, linear-gradient(120deg, #d3b8fb 0%, #ffffff 30%, #f7a8cd 60%, #9bddfb 100%) border-box; opacity: 0; transform: translateY(14px); transition: color .25s ease, box-shadow .25s ease; }
html body .g8-menu.open .g8-menu-profile, html body .g8-menu.is-open .g8-menu-profile { animation: g8ProfIn .5s cubic-bezier(.22,1,.36,1) .02s forwards; }
html body .g8-menu .g8-menu-profile:hover, html body .g8-menu .g8-menu-profile:focus-visible { color: #ffffff; box-shadow: 0 0 18px rgba(211,184,251,.45); outline: none; }
html body .g8-menu .g8-menu-profile svg { display: block; }
@keyframes g8ProfIn { to { opacity: 1; transform: none; } }
/* "Get the App" in the menu (8 Nov 2026): the same prismatic as the other pills. A full-strength, slowly turning prismatic edge (it was faded to about half), a dark fill, and the prismatic colours in the lettering. */
@property --g8cta-ang { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
@keyframes g8CtaRing { to { --g8cta-ang: 360deg; } }
html body .g8-menu .g8-menu-link.g8-menu-link--cta { position: relative; background: rgba(12,5,30,.92) !important; border: 0 !important; color: #f0eeff; -webkit-text-fill-color: currentColor; }
html body .g8-menu .g8-menu-link.g8-menu-link--cta .g8-cta-t { background-image: linear-gradient(120deg, #d3b8fb 0%, #ffffff 26%, #f7a8cd 52%, #9bddfb 78%, #d3b8fb 100%); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
html body .g8-menu .g8-menu-link.g8-menu-link--cta::before { content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1px; pointer-events: none; opacity: 1 !important;
  background-image: conic-gradient(from var(--g8cta-ang), #b5b5b5 0%, #d3b8fb 16%, #ffffff 25%, #f7a8cd 32%, #9bddfb 39%, #b5b5b5 50%, #d3b8fb 66%, #ffffff 75%, #f7a8cd 82%, #9bddfb 89%, #b5b5b5 100%) !important; -webkit-background-clip: border-box !important; background-clip: border-box !important;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: g8CtaRing 9s linear infinite !important; }
html body .g8-menu .g8-menu-link.g8-menu-link--cta::after { content: none !important; }
/* Same size as the "Get the App" button in the header bar (40px high, 10.9px lettering, 12px corners, 20px sides) */
html body .g8-menu .g8-menu-link.g8-menu-link--cta { display: inline-flex !important; align-items: center; justify-content: center; align-self: center; height: 40px; min-height: 0; padding: 0 20px !important; border-radius: 12px !important; font-size: .68rem !important; font-weight: 600 !important; letter-spacing: .14em !important; line-height: 1 !important; margin-top: clamp(14px, 2.2vh, 22px) !important; }
html body .g8-menu .g8-menu-link.g8-menu-link--cta:hover { background: rgba(12,5,30,.92) !important; }
@media (prefers-reduced-motion: reduce) { html body .g8-menu .g8-menu-link.g8-menu-link--cta::before { animation: none !important; --g8cta-ang: 45deg; } }
@media (prefers-reduced-motion: reduce) { html body .g8-menu.open .g8-menu-profile, html body .g8-menu.is-open .g8-menu-profile { animation: none; opacity: 1; transform: none; } }