/* OpenClaw To Business — shared site navigation (single source of truth) */ /* Injected by /static/js/site-nav.js into every platform page. Self-contained: depends on no page-level CSS variables. */ /* Hide every legacy/per-page nav on any page that includes this stylesheet. Scoped to direct children of so only top-level nav containers are hidden, never nested content. The shared nav (#site-nav / #site-nav-mobile) is unaffected. */ body > .nav, body > #nav, body > .nav-mobile, body > .header { display: none !important; } #site-nav{position:sticky;top:0;z-index:1000;background:#1a1b23;border-bottom:1px solid rgba(255,255,255,0.06);font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif} #site-nav .snav-inner{max-width:1100px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px} #site-nav .snav-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;font-size:16px;white-space:nowrap} #site-nav .snav-brand img{height:34px;width:34px;object-fit:contain} #site-nav .snav-right{display:flex;align-items:center;gap:18px} #site-nav .snav-links{display:flex;align-items:center;gap:20px} #site-nav .snav-links a{color:#cbd5e1;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s cubic-bezier(0.4,0,0.2,1);white-space:nowrap} #site-nav .snav-links a:hover{color:#6366f1} #site-nav .snav-links a[aria-current="page"]{color:#fff;font-weight:600} #site-nav .snav-phone{display:flex;align-items:center;gap:6px;color:#cbd5e1;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s cubic-bezier(0.4,0,0.2,1);white-space:nowrap} #site-nav .snav-phone:hover{color:#6366f1} #site-nav .snav-phone svg{width:15px;height:15px;fill:currentColor;flex-shrink:0} #site-nav .snav-login{padding:8px 16px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;font-family:inherit;transition:background .15s cubic-bezier(0.4,0,0.2,1)} #site-nav .snav-login:hover{background:#5558e3} #site-nav .snav-burger{display:none;flex-direction:column;gap:5px;width:34px;height:34px;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0} #site-nav .snav-burger span{display:block;width:22px;height:2px;background:#e2e8f0;border-radius:2px;transition:all .3s cubic-bezier(0.4,0,0.2,1)} #site-nav .snav-burger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)} #site-nav .snav-burger.open span:nth-child(2){opacity:0} #site-nav .snav-burger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)} #site-nav-mobile{display:none;position:fixed;left:0;right:0;bottom:0;background:#0f1117;z-index:999;padding:24px;flex-direction:column;gap:2px;overflow-y:auto} #site-nav-mobile.open{display:flex} #site-nav-mobile a{color:#e2e8f0;font-size:17px;font-weight:600;padding:14px 0;border-bottom:1px solid rgba(255,255,255,0.06);text-decoration:none;font-family:'Inter',sans-serif} #site-nav-mobile a:hover{color:#6366f1} #site-nav-mobile a[aria-current="page"]{color:#6366f1} #site-nav-mobile .snav-login{margin-top:16px;text-align:center;padding:14px;background:#6366f1;color:#fff;border-radius:8px;border-bottom:none} #site-nav-mobile .snav-phone{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;color:#cbd5e1;border-bottom:none} #site-nav-mobile .snav-phone svg{width:18px;height:18px;fill:currentColor} @media (max-width:860px){ #site-nav .snav-links,#site-nav .snav-phone,#site-nav .snav-login{display:none} #site-nav .snav-burger{display:flex} } @media (prefers-reduced-motion:reduce){ #site-nav .snav-burger span,#site-nav .snav-links a,#site-nav .snav-phone,#site-nav .snav-login{transition:none} }