/* Selected motion study: Traço de precisão. Original brand vector geometry. */
.nav{top:24px;padding:0 20px;transition:transform .38s var(--ease),opacity .3s,visibility .3s,top .35s}
.header-row{max-width:1140px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:30px}
.nav .nav-logo{display:block;width:380px;flex:none;pointer-events:auto;min-height:44px;transition:width .6s cubic-bezier(.22,1,.36,1)}
.brand-mark{display:block;width:100%;height:auto;overflow:visible}
.brand-guides,.brand-outlines,.brand-accent{opacity:0;pointer-events:none}
.brand-tagline{transform-box:fill-box;transform-origin:center}
.brand-letters,.brand-tagline{transition:fill .25s}
.nav-inner,.nav.scrolled .nav-inner{margin:0;padding:8px;gap:12px;background:rgba(1,16,37,.94);box-shadow:0 8px 24px #0001;flex:none}
.nav-links{margin-left:0;gap:0}.nav-links a{font-size:13px;padding:10px;min-height:44px;display:flex;align-items:center}
.nav .btn{font-size:13px;padding:0 17px;white-space:nowrap}
.nav.scrolled{top:18px}.nav.scrolled .nav-logo{width:230px}
.nav.is-away:not(:focus-within){transform:translateY(-200%);opacity:0;visibility:hidden}
.nav.on-light .brand-letters,.nav.on-light .brand-tagline{fill:#011025}
.hero{padding-top:195px}
@media(min-width:861px) and (max-width:1100px){
 .header-row{gap:18px}.nav .nav-logo{width:240px}.nav-links a{font-size:12px;padding:10px 8px}.nav-inner{gap:8px}.nav .btn{font-size:12px;padding:0 13px}
}
@media(max-width:860px){
 .nav{top:24px}.header-row{gap:20px}.nav .nav-logo{width:280px}.nav.scrolled .nav-logo{width:210px}
 .nav-inner,.nav.scrolled .nav-inner{padding:4px;gap:0}.nav-toggle{margin:0;border:0;background:transparent;width:44px;height:44px}
 .nav.open .nav-links{top:88px;left:auto;right:20px;width:min(320px,calc(100vw - 40px));max-height:calc(100dvh - 140px)}
 .hero{padding-top:156px}
 html:not(.js) .nav{position:relative;top:0;padding:22px 20px;background:#011025}
 html:not(.js) .header-row{flex-wrap:wrap;gap:22px}
 html:not(.js) .nav-inner{width:100%;margin:0;padding:8px;border-radius:18px}
 html:not(.js) .nav-links{position:static;width:100%;display:flex;flex-wrap:wrap;justify-content:center}
}
@media(max-width:380px){.nav .nav-logo{width:220px}.nav.scrolled .nav-logo{width:190px}.header-row{gap:8px}.hero{padding-top:143px}}
@media(prefers-reduced-motion:reduce){.nav,.nav .nav-logo,.brand-letters,.brand-tagline{transition:none}}