/* Geometry matches the original 2560 × 1437 artboard; content stays 1380px. */
.hero-frame__rails {
  position: absolute;
  inset: 0;
  width: 1380px;
  margin-inline: auto;
  clip-path: inset(56px 0 0);
  background:
    linear-gradient(to bottom, rgba(255,255,255,.15) 0 1016px, #eaebee 1016px 100%) left / 1px 100% no-repeat,
    linear-gradient(to bottom, rgba(255,255,255,.15) 0 1016px, #eaebee 1016px 100%) right / 1px 100% no-repeat;
}
.hero-frame__spacer {
  position: absolute;
  inset: auto 0 0;
  height: 52px;
  border-block: 1px solid #eaebee;
}
.hero-frame__spacer > div {
  width: 1378px;
  height: 100%;
  margin-inline: auto;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzkyNV8zODU5KSI+CjxtYXNrIGlkPSJtYXNrMF85MjVfMzg1OSIgc3R5bGU9Im1hc2stdHlwZTpsdW1pbmFuY2UiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCI+CjxwYXRoIGQ9Ik00OCAwSDBWNDhINDhWMFoiIGZpbGw9IndoaXRlIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF85MjVfMzg1OSkiPgo8cGF0aCBkPSJNNDguNSAtMS41TC0xLjUgNDguNSIgc3Ryb2tlPSJibGFjayIvPgo8cGF0aCBkPSJNNzIuNSAyMi41TDIyLjUgNzIuNSIgc3Ryb2tlPSJibGFjayIvPgo8cGF0aCBkPSJNNzIuNSAtMS41TDIyLjUgNDguNSIgc3Ryb2tlPSJibGFjayIvPgo8cGF0aCBkPSJNNDkgLTI2TC0xIDI0IiBzdHJva2U9ImJsYWNrIi8+CjwvZz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF85MjVfMzg1OSI+CjxyZWN0IHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K") repeat;
  background-size: 24px 24px;
  opacity: .1;
}
.hero-nav {
  position: absolute;
  inset: 0 0 auto;
  height: 55px;
  border-bottom: 1px solid rgba(255,255,255,.1);
  color: rgba(255,255,255,.7);
  visibility: hidden;
}
.hero-frame.is-revealed .hero-nav { visibility: visible; pointer-events: auto; }
.hero-nav__inner {
  width: 1380px;
  height: 54px;
  margin-inline: auto;
  padding-inline: 16px;
  display: flex;
  align-items: center;
  gap: 32px;
  font: 400 14px/1.5 "Figtree", "PingFang SC", "Microsoft YaHei", sans-serif;
}
.hero-nav a { color: inherit; text-decoration: none; }
.hero-nav__brand { display: flex; flex: 0 0 104px; }
.hero-nav__brand img { display: block; width: 104px; height: 34px; filter: brightness(0) invert(1); }
.hero-nav__links { display: flex; align-items: center; gap: 26px; height: 100%; }
.hero-nav__link, .hero-nav__group > summary { white-space: nowrap; }
.hero-nav__group { position: relative; height: 100%; }
.hero-nav__group > summary {
  display: flex;
  align-items: center;
  gap: 2px;
  height: 100%;
  cursor: pointer;
  list-style: none;
}
.hero-nav__group > summary::-webkit-details-marker { display: none; }
.hero-nav__group > summary svg { width: 16px; height: 16px; flex-shrink: 0; transition: transform 150ms ease; }
.hero-nav__group[open] > summary svg { transform: rotate(180deg); }
.hero-nav__actions { display: flex; align-items: center; gap: 24px; margin-left: auto; white-space: nowrap; }
.hero-nav__actions a { display: inline-block; color: #fff; font-weight: 600; }
.hero-nav__actions a[hidden] { display: none; }
.hero-nav__actions a:active { scale: .97; }
.hero-nav__cta { padding: 8px 12px; line-height: 115.296%; border: 1px solid transparent; border-radius: 8px; background: rgba(255,255,255,.9); color: #000 !important; }
.hero-nav__link, .hero-nav summary, .hero-nav__actions a { transition: color 120ms ease, background-color 120ms ease, scale 150ms ease-out; }
.hero-nav__link:hover, .hero-nav summary:hover, .hero-nav__actions a:hover { color: #fff; }
.hero-nav__cta:hover { background: #fff; }
@media (prefers-reduced-motion: reduce) {
  .hero-nav__actions a:active { scale: 1; }
}
.hero-nav__dropdown {
  position: absolute;
  top: 54px;
  left: -16px;
  min-width: 250px;
  padding: 12px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 12px;
  background: #122a62;
  box-shadow: 0 16px 40px #00113733;
}
.hero-nav__dropdown a { display: block; padding: 10px 12px; border-radius: 6px; }
.hero-nav__dropdown a:hover { background: rgba(255,255,255,.08); color: #fff; }
.hero-nav__dropdown span { display: block; color: #fff; white-space: nowrap; }
.hero-nav__dropdown small { display: block; margin-top: 4px; font-size: 12px; line-height: 1.6; }
.hero-nav a:focus-visible, .hero-nav summary:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }