/* One V7-style header. Real URLs retain SEO and attribution. */
.marketing-nav-shell { position: sticky; top: 0; z-index: 40; width: 100%; box-sizing: border-box; background: #080d18e8; border-bottom: 1px solid #ffffff12; color: #edf5ff; }
.marketing-nav-shell * { box-sizing: border-box; }
.marketing-nav-shell .marketing-nav { display: flex; flex-wrap: nowrap; max-width: 1400px; margin: auto; padding: 18px 28px; gap: 24px; align-items: center; justify-content: space-between; font: 14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif; }
.marketing-nav-shell a { color: inherit; text-decoration: none; }
.marketing-nav-shell a:hover, .marketing-nav-shell a[aria-current="page"] { color: #75e3ff; }
.marketing-nav-shell .marketing-brand { display: flex; align-items: center; gap: 10px; padding: 0; white-space: nowrap; font-size: 18px; font-weight: 750; letter-spacing: .04em; flex-shrink: 0; }
.marketing-nav-shell .marketing-brand img { width: 42px; height: 42px; border-radius: 12px; }
.marketing-nav-shell .marketing-brand span { display: block; color: #edf5ff; font-size: inherit; font-weight: 500; }
.marketing-nav-shell .marketing-brand small { display: block; font-size: 9px; letter-spacing: .18em; color: #9eaac0; }
.marketing-nav-shell .marketing-nav-links { display: flex; flex: 1; gap: 22px; white-space: nowrap; flex-wrap: nowrap; }
.marketing-nav-shell .marketing-nav-actions, .marketing-nav-shell .marketing-languages { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.marketing-nav-shell .marketing-languages { gap: 2px; font-size: 12px; }
.marketing-nav-shell .marketing-languages a { padding: 7px 5px; }
.marketing-nav-shell .marketing-login-button { white-space: nowrap; cursor: pointer; padding: 10px 12px; border-radius: 999px; border: 1px solid #28d7ff59; background: #28d7ff14; color: #a5ebff; font: inherit; }
.marketing-nav-shell .marketing-nav-download { padding: 11px 18px; border-radius: 999px; color: #06151c; background: #35ccf4; font-weight: 700; white-space: nowrap; }
.marketing-nav-shell .marketing-mobile-menu { display: none; position: relative; }
.marketing-nav-shell .marketing-mobile-menu summary { list-style: none; cursor: pointer; padding: 10px; border: 1px solid #3b4860; border-radius: 9px; }
.marketing-nav-shell .marketing-mobile-menu > div { position: absolute; right: 0; top: 48px; width: 220px; padding: 12px; background: #111b2b; border: 1px solid #3b4860; border-radius: 14px; box-shadow: 0 12px 35px #0008; display: grid; }
.marketing-nav-shell .marketing-mobile-menu a, .marketing-nav-shell .marketing-mobile-menu button { display: block; text-align: left; padding: 10px; min-height: 44px; color: #edf5ff; background: none; border: 0; font: inherit; }
.marketing-nav-shell :focus-visible { outline: 3px solid #35ccf4; outline-offset: 3px; }
.marketing-nav-shell .marketing-mobile-language, .marketing-nav-shell .marketing-menu-icon { display: none; }
.marketing-nav-shell summary::-webkit-details-marker { display: none; }
.marketing-nav-shell--home { backdrop-filter: blur(22px); }
.marketing-nav-shell--home .marketing-languages a { font-size: 13px; border-radius: 8px; }
.marketing-nav-shell--home .marketing-languages a[aria-current="page"] { background: #28d7ff29; }
@media(min-width:769px) { .marketing-nav-shell--home { min-height: 82px; } }
@media(pointer:coarse) { .marketing-nav-shell .marketing-nav-links a, .marketing-nav-shell .marketing-languages a { display: inline-flex; align-items: center; min-height: 44px; } }
@media(max-width:1280px) { .marketing-nav-shell .marketing-nav-links { gap: 14px; } .marketing-nav-shell .marketing-nav { gap: 14px; padding: 16px 20px; } }
@media(max-width:1150px) { .marketing-nav-shell .marketing-nav-links { display: none; } .marketing-nav-shell .marketing-mobile-menu { display: block; } }
@media(max-width:768px) {
  .marketing-nav-shell .marketing-nav { padding: 10px 16px; gap: 8px; }
  .marketing-nav-shell .marketing-nav-download, .marketing-nav-shell .marketing-languages { display: none; }
  .marketing-nav-shell .marketing-brand { font-size: 15px; font-weight: 500; gap: 7px; }
  .marketing-nav-shell .marketing-brand img { width: 34px; height: 34px; border-radius: 8px; }
  .marketing-nav-shell .marketing-brand small { font-size: 7px; letter-spacing: .12em; }
  .marketing-nav-shell .marketing-nav-actions { gap: 8px; min-width: 0; }
  .marketing-nav-shell .marketing-login-button { padding: 7px 11px; font-size: 13px; border-color: #23cbd0; color: #23cbd0; background: transparent; max-width: 110px; overflow: hidden; text-overflow: ellipsis; }
  .marketing-nav-shell .marketing-mobile-language { display: block; position: relative; color: #23cbd0; }
  .marketing-nav-shell .marketing-mobile-language summary { display: flex; align-items: center; gap: 5px; min-height: 44px; cursor: pointer; list-style: none; font-size: 13px; }
  .marketing-nav-shell .marketing-language-globe { width: 19px; height: 19px; }
  .marketing-nav-shell .marketing-language-chevron { width: 13px; height: 13px; }
  .marketing-nav-shell .marketing-language-options { position: absolute; right: 0; top: calc(100% + 8px); width: 144px; padding: 6px; border: 1px solid #3b4860; border-radius: 12px; background: #111b2b; box-shadow: 0 12px 35px #0008; color: #edf5ff; }
  .marketing-nav-shell .marketing-language-options a { display: flex; align-items: center; min-height: 44px; padding: 8px 12px; }
  .marketing-nav-shell .marketing-mobile-menu summary { display: flex; align-items: center; justify-content: center; width: 32px; height: 44px; padding: 4px; border: 0; border-radius: 0; }
  .marketing-nav-shell .marketing-menu-label { display: none; }
  .marketing-nav-shell .marketing-menu-icon { display: block; width: 24px; height: 24px; }
}
@media(max-width:360px) {
  .marketing-nav-shell .marketing-nav { padding-inline: 8px; gap: 4px; }
  .marketing-nav-shell .marketing-nav-actions { gap: 4px; }
  .marketing-nav-shell .marketing-brand { font-size: 13px; gap: 5px; }
  .marketing-nav-shell .marketing-brand img { width: 30px; height: 30px; }
  .marketing-nav-shell .marketing-login-button { padding-inline: 7px; font-size: 12px; max-width: 96px; }
}