#g5-site-header * { box-sizing: border-box; }
  #g5-site-header a { transition: transform .3s cubic-bezier(.2,.75,.3,1), box-shadow .3s ease, color .25s ease, background-position .55s ease, border-color .25s ease, background-color .25s ease, opacity .25s ease; }
  #g5-site-header a span { transition: transform .3s cubic-bezier(.2,.75,.3,1); }

  /* entrance: fade+rise on load, staggered — matches Index */
  @keyframes g5In { from { opacity: 0; translate: 0 18px; } to { opacity: 1; translate: 0 0; } }
  #g5-site-header nav > a { animation: g5In .7s cubic-bezier(.2,.75,.3,1) both; }
  #g5-site-header nav > a:nth-child(1){ animation-delay:.04s } #g5-site-header nav > a:nth-child(2){ animation-delay:.08s }
  #g5-site-header nav > a:nth-child(3){ animation-delay:.12s } #g5-site-header nav > a:nth-child(4){ animation-delay:.16s }
  #g5-site-header nav > a:nth-child(5){ animation-delay:.20s } #g5-site-header nav > a:nth-child(6){ animation-delay:.24s }
  #g5-site-header .g5-cta { animation: g5In .7s cubic-bezier(.2,.75,.3,1) both; animation-delay: .20s; }
  @media (prefers-reduced-motion: reduce) { #g5-site-header *, #g5-site-header *::after { animation: none !important; } }

  /* header content runs edge-to-edge (fixed gutter) on desktop; mobile keeps its own compact padding below */

  /* nav underline */
  #g5-site-header nav > a { position: relative; }
  #g5-site-header nav > a::after { content:""; position:absolute; left:0; bottom:-6px; width:100%; height:2px; border-radius:2px; background:linear-gradient(90deg,#6EC5C1,#E7647A); transform:scaleX(0); transform-origin:left; transition:transform .35s cubic-bezier(.2,.75,.3,1); }
  #g5-site-header nav > a:hover { color:#9fe4df !important; }
  #g5-site-header nav > a:hover::after { transform:scaleX(1); }
  #g5-site-header nav > a.g5-nav-active { color:#9fe4df !important; }
  #g5-site-header nav > a.g5-nav-active::after { transform:scaleX(1); }

  /* gradient CTA */
  #g5-site-header .g5-cta { background-size:180% 100% !important; background-position:0 0; }
  #g5-site-header .g5-cta:hover { transform:translateY(-3px); background-position:100% 0; box-shadow:0 14px 30px -8px rgba(231,100,122,.55); }
  #g5-site-header .g5-cta:active { transform:translateY(-1px); }
  #g5-site-header .g5-cta:hover span { transform:translateX(3px); }

  /* logo */
  #g5-site-header .g5-logo { transition: transform .3s cubic-bezier(.2,.75,.3,1), opacity .25s ease; cursor:pointer; }
  #g5-site-header .g5-logo:hover { transform: scale(1.03); opacity:.85; }

  /* lang toggle (desktop) */
  #g5-site-header .g5-lang > a { cursor:pointer; text-decoration:none; transition: transform .25s cubic-bezier(.2,.75,.3,1); }
  #g5-site-header .g5-lang > a:hover { transform: translateY(-2px); }
  #g5-site-header .g5-lang > a:hover span { color:#fff !important; }

  /* lang toggle (mobile, inside hamburger) */
  #g5-site-header .g5-lang-mobile { display: none; gap: 10px; align-items: center; padding: 16px 4px; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 1px; border-top: 1px solid rgba(255,255,255,0.07); }
  #g5-site-header .g5-lang-mobile a { transition: color .25s ease; }
  #g5-site-header .g5-lang-mobile a:hover { color: #9fe4df !important; }
  @media (max-width: 1024px) { #g5-site-header .g5-lang-mobile { display: flex; } }

  #g5-site-header .g5-burger { display: none; border: none; background: transparent; padding: 0; }
  #g5-site-header .g5-burger:focus-visible { outline: 2px solid #9fe4df; outline-offset: 3px; }
  #g5-site-header nav a:focus-visible, #g5-site-header .g5-cta:focus-visible, #g5-site-header .g5-lang a:focus-visible, #g5-site-header .g5-logo:focus-visible { outline: 2px solid #9fe4df; outline-offset: 3px; }
  #g5-site-header .g5-scrim { display: none; }

  @media (max-width: 1024px) {
    #g5-site-header { height: 68px !important; padding: 0 24px !important; gap: 16px !important; }
    #g5-site-header .g5-logo img { height: 30px !important; }
    #g5-site-header .g5-lang { display: none !important; }
    #g5-site-header > div:last-child { margin-left: auto; order: 2; gap: 12px !important; }
    #g5-site-header .g5-cta { height: 44px !important; padding: 0 18px !important; }
    #g5-site-header .g5-burger { display: flex !important; order: 3; flex-direction: column; align-items: center; justify-content: center; gap: 6px; width: 42px; height: 42px; cursor: pointer; flex-shrink: 0; margin: 0 -8px 0 0; }
    #g5-site-header .g5-burger span { display: block; width: 25px; height: 2px; background: #fff; border-radius: 2px; transition: transform .3s cubic-bezier(.2,.75,.3,1), opacity .2s ease; }
    #g5-site-header nav {
      position: absolute; top: 100%; left: 0; right: 0; flex-grow: 0 !important;
      flex-direction: column !important; align-items: stretch !important; gap: 0 !important;
      background: rgb(3,16,29); padding: 0 24px; max-height: 0; overflow: hidden;
      transition: max-height .4s ease; z-index: 60; box-shadow: 0 20px 34px -14px rgba(0,0,0,.55);
    }
    #g5-site-header nav.g5-nav-open { max-height: 420px; padding-top: 6px; padding-bottom: 16px; }
    #g5-site-header nav > a { width: 100%; padding: 14px 4px !important; font-size: 16px !important; border-bottom: 1px solid rgba(255,255,255,.07); }
    #g5-site-header nav > a::after { display: none !important; }
    #g5-site-header .g5-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
    #g5-site-header .g5-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
    #g5-site-header .g5-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
    #g5-site-header .g5-scrim { display: block; position: fixed; inset: 0; z-index: 55; background: rgba(0,0,0,0.35); opacity: 0; pointer-events: none; transition: opacity .3s ease; }
    #g5-site-header .g5-scrim.g5-scrim-visible { opacity: 1; pointer-events: auto; }
  }
  @media (max-width: 640px) {
    #g5-site-header { height: 60px !important; padding: 0 18px !important; }
    #g5-site-header .g5-logo img { height: 26px !important; }
    #g5-site-header .g5-cta { height: 40px !important; padding: 0 15px !important; }
    #g5-site-header .g5-cta span { font-size: 12px !important; }
  }