/* 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; 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; 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; }
.marketing-nav-shell .marketing-brand small { display: block; font-size: 9px; letter-spacing: .18em; color: #9eaac0; }
.marketing-nav-shell .marketing-nav-links { display: flex; 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; }
@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:600px) { .marketing-nav-shell .marketing-nav { padding: 12px 14px; gap: 8px; } .marketing-nav-shell .marketing-nav-download, .marketing-nav-shell .marketing-nav-actions > .marketing-login-button { display: none; } .marketing-nav-shell .marketing-brand { font-size: 15px; gap: 7px; } .marketing-nav-shell .marketing-brand img { width: 36px; height: 36px; } .marketing-nav-shell .marketing-nav-actions { gap: 5px; } }