:root{--preview-bar-height:0px;--section-nav-height:78px}
.section-nav{position:sticky;top:var(--preview-bar-height);z-index:900;background:rgba(255,255,255,.98);border-bottom:1px solid #d8e8ed;box-shadow:0 5px 18px #173b5008;gap:8px 14px;padding:10px 20px}
.section-nav a{padding:8px 16px;min-height:44px;border-radius:9px;text-decoration:none;border:1px solid transparent;color:#325867;font-size:15px;line-height:1.6;transition:background-color .16s,color .16s}
.section-nav a[aria-current=location]{background:#087f8c;color:#fff;border-color:#087f8c;font-weight:700}
.section-nav a:hover:not([aria-current=location]){background:#eff8fa;color:#087f8c}
.section-nav a:last-child{border-color:#c6dfe6;color:#087f8c}
.lp-content>[id],.faq-html{scroll-margin-top:calc(var(--preview-bar-height) + var(--section-nav-height) + 18px)}
.section-nav a:focus-visible{outline:3px solid #19384c;outline-offset:3px}
@media(max-width:767px){.section-nav{padding:8px 12px;gap:4px 6px;justify-content:center}.section-nav a{font-size:13px;padding:8px 10px;min-height:42px;border-radius:7px}}
@media(prefers-reduced-motion:reduce){.section-nav a{transition:none}}
@media print{.section-nav{position:static}}

.motion-candidate{opacity:1}.motion-enter{animation:lp-enter .55s cubic-bezier(.16,1,.3,1) both}@keyframes lp-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.motion-enter{animation:none}}