/* Full viewport navigation, independent from scaled section canvases. */
.reference-nav{position:fixed!important;inset:0 0 auto!important;width:100%;z-index:100;background:transparent!important;backdrop-filter:none;border-bottom:1px solid #77777718;transition:background .25s,border-color .25s,box-shadow .25s;}
.reference-nav .nav.wrap{height:88px;min-height:0;width:100%;max-width:none;margin:0;padding:0 clamp(24px,4.5vw,100px);display:flex;justify-content:space-between;gap:28px;transition:height .25s;}
.reference-nav .brand{width:210px;transform:none;flex:none;transition:width .25s}.reference-nav .brand img{width:100%;height:auto}
.reference-nav .nav-links{position:relative;left:auto;margin:0;display:flex;align-items:center;gap:clamp(18px,1.8vw,42px);height:100%;}
.reference-nav .nav-links>a,.reference-nav .nav-links>button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 0;border:0;background:none;font:500 14px/1.2 Arial,sans-serif;color:#181818;white-space:nowrap;text-decoration:none;cursor:pointer;transform-origin:center;transition:transform .18s,color .18s;}
.reference-nav .nav-links>a:hover,.reference-nav .nav-links>button:hover{transform:scale(1.09);color:#e95100;}
.reference-nav .nav-links>[aria-current=location]{color:#e95100;}
.pp-nav-indicator{position:absolute;left:0;bottom:14px;height:3px;border-radius:3px;background:#ff6200;pointer-events:none;transition:transform .25s,width .25s,opacity .18s;opacity:0;}
.reference-nav .nav-actions{gap:28px;align-items:center}.reference-nav .login{font:600 14px/1.2 Arial,sans-serif;color:#171717;padding-left:24px;border-left:1px solid #8885;}
.reference-nav .ref-button{height:46px;min-height:44px;padding:0 22px;gap:24px;font:600 14px Arial,sans-serif;border-radius:9px;}.reference-nav .ref-button svg{width:20px;height:20px}
.reference-nav.is-scrolled{background:#fffdf6d9!important;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-bottom-color:#33333314;box-shadow:0 6px 26px #00000008;}
.reference-nav.is-scrolled .nav.wrap{height:68px}.reference-nav.is-scrolled .brand{width:180px}.reference-nav.is-scrolled .pp-nav-indicator{bottom:8px}
[data-section],[id^=rd-faq-]{scroll-margin-top:84px}
.reference-nav #mobile-menu{background:#fffcf4f5;backdrop-filter:blur(18px);max-height:calc(100dvh - 72px);overflow-y:auto;padding:12px 24px 24px;border-bottom:1px solid #ddd;}
.reference-nav #mobile-menu>a,.reference-nav #mobile-menu>button{font:500 15px Arial,sans-serif;}
.reference-nav #mobile-menu [aria-current=location]{color:#e95100;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
@media(max-width:1199px){.reference-nav .nav.wrap{height:76px;padding:0 22px}.reference-nav .brand{width:190px}.reference-nav .nav-links,.reference-nav .nav-actions{display:none}.reference-nav .menu-button{display:flex;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:6px}.reference-nav.is-scrolled .nav.wrap{height:64px}.reference-nav.is-scrolled .brand{width:170px}.reference-hero{margin-top:76px!important}}
@media(prefers-reduced-motion:reduce){.reference-nav,.reference-nav *{transition:none!important}.reference-nav .nav-links>a:hover,.reference-nav .nav-links>button:hover{transform:none}}

@media(min-width:1200px){.reference-nav:not(.is-scrolled) .login{color:#fff;text-shadow:0 1px 5px #0009}.reference-nav:not(.is-scrolled) .nav-links>a,.reference-nav:not(.is-scrolled) .nav-links>button{text-shadow:0 0 12px #fff,0 0 5px #fff9}}
@media(min-width:1200px) and (max-width:1450px){.reference-nav .nav.wrap{padding:0 24px;gap:18px}.reference-nav .brand{width:175px}.reference-nav .nav-links{gap:18px}.reference-nav .nav-actions{gap:16px}.reference-nav .ref-button{padding:0 16px;gap:14px}.reference-nav .login{padding-left:15px}}