/* Site navigation shared by every page: a quiet "Who we help" dropdown,
   Insights and Case study links, and a menu button on phones.
   The Apply button stays the strongest element in the bar. */
nav.topbar{position:relative;z-index:50;}
.mainnav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:700;margin-left:auto;margin-right:22px;}
.mainnav > a, .dd-btn{color:var(--cream);opacity:.85;transition:opacity .2s,color .2s;}
.mainnav > a:hover, .dd-btn:hover, .dd.open .dd-btn{opacity:1;color:var(--copper);}
.dd{position:relative;}
.dd-btn{font:inherit;font-weight:700;background:none;border:0;padding:8px 0;cursor:inherit;display:flex;align-items:center;gap:7px;}
.dd-btn .chev{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
              transform:translateY(-2px) rotate(45deg);transition:transform .2s;}
.dd.open .dd-btn .chev{transform:translateY(1px) rotate(225deg);}
.dd-panel{position:absolute;top:calc(100% + 10px);left:50%;width:320px;padding:10px;border-radius:16px;
          background:#141518;border:1px solid rgba(233,185,138,.28);box-shadow:0 18px 50px rgba(0,0,0,.45);
          opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:opacity .18s,transform .18s,visibility .18s;}
.dd-panel::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px;}
.dd.open .dd-panel{opacity:1;visibility:visible;transform:translate(-50%,0);}
@media (hover:hover) and (min-width:701px){
  .dd:hover .dd-panel{opacity:1;visibility:visible;transform:translate(-50%,0);}
  .dd:hover .dd-btn{opacity:1;color:var(--copper);}
}
.dd-panel a{display:block;padding:11px 14px;border-radius:10px;transition:background .15s;}
.dd-panel a:hover, .dd-panel a:focus-visible{background:rgba(246,234,214,.06);}
.dd-panel b{display:block;font-size:14px;color:var(--cream);}
.dd-panel span{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:2px;}

.menu-btn{display:none;width:42px;height:42px;flex:none;border-radius:12px;border:1px solid rgba(233,185,138,.3);
          background:rgba(246,234,214,.04);cursor:inherit;padding:0;margin-left:auto;margin-right:10px;
          align-items:center;justify-content:center;flex-direction:column;gap:4px;}
.menu-btn i{display:block;width:16px;height:2px;border-radius:2px;background:var(--cream);transition:transform .2s,opacity .2s;}
.menu-btn[aria-expanded="true"] i:nth-child(1){transform:translateY(6px) rotate(45deg);}
.menu-btn[aria-expanded="true"] i:nth-child(2){opacity:0;}
.menu-btn[aria-expanded="true"] i:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
.mobile-menu{display:none;}

@media (max-width:700px){
  .mainnav{display:none;}
  .menu-btn{display:flex;}
  .mobile-menu{position:relative;z-index:49;margin:-8px 0 18px;padding:10px;border-radius:16px;
               background:#141518;border:1px solid rgba(233,185,138,.28);}
  .mobile-menu.open{display:block;}
  .mobile-menu .h{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--champagne);padding:10px 12px 4px;}
  .mobile-menu a{display:block;padding:12px;border-radius:10px;font-size:15px;font-weight:700;color:var(--cream);}
  .mobile-menu a:active{background:rgba(246,234,214,.06);}
  .mobile-menu hr{border:0;border-top:1px solid var(--line);margin:6px 0;}
}
@media (prefers-reduced-motion: reduce){
  .dd-panel, .dd-btn .chev, .menu-btn i{transition:none;}
}
.mainnav a, .dd-panel a, .mobile-menu a{text-decoration:none;}
.mainnav > a[aria-current="page"], .dd.current .dd-btn{opacity:1;color:var(--copper);}
.dd-panel a[aria-current="page"] b, .mobile-menu a[aria-current="page"]{color:var(--copper);}
