/* ============================================================
   pnav.css - unifies every product navbar on the CRM pattern:
   transparent bar, logo lockup on the left, Sia AI pill on the right.
   Included after the page's own stylesheet so it wins on order.
   ============================================================ */

/* ---- shared bar ---- */
.fo-bar,
.sp-nav{
  position:relative !important;
  top:auto !important;
  z-index:5;
  background:transparent !important;
  backdrop-filter:none !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  transform:none !important;
}
.fo-bar .wrap,
.sp-nav .wrap{max-width:1240px;margin-inline:auto;padding-inline:clamp(16px,3.2vw,32px)}
.fo-bar-in,
.sp-nav-in{display:flex;align-items:center;gap:30px;height:auto !important;padding-block:16px}

/* ---- lockup ---- */
.fo-lockup,
.sp-lockup{display:inline-flex;align-items:center;gap:9px;text-decoration:none;
  transition:transform .22s cubic-bezier(.22,.61,.36,1)}
.fo-lockup:hover,
.sp-lockup:hover{transform:translateY(-1px)}
.fo-lockup .lg,
.fo-lockup svg,
.sp-lockup svg{width:34px !important;height:34px !important}
.fo-lockup span i,
.sp-lockup span i{display:block;font-style:normal;font-size:.66rem;font-weight:700;
  color:#6B7280;line-height:1}
.fo-lockup span b,
.sp-lockup span b{display:block;font-size:1.2rem;font-weight:850;letter-spacing:-.02em;
  line-height:1.1;color:#111827}

/* ---- inline nav links are dropped: the CRM bar carries none ---- */
.fo-bar nav,
.sp-nav nav{display:none !important}

/* ---- Sia AI pill ---- */
.fo-ask,
.sp-ask{margin-left:auto;display:inline-flex;align-items:center;gap:7px;text-decoration:none;
  padding:9px 18px;border-radius:9999px;border:1.5px solid #E2E8F0;background:#fff;
  color:#111827;font-size:.9rem;font-weight:750;box-shadow:none;
  transition:transform .22s cubic-bezier(.22,.61,.36,1),
             border-color .2s cubic-bezier(.22,.61,.36,1),
             box-shadow .22s cubic-bezier(.22,.61,.36,1)}
.fo-ask:hover,
.sp-ask:hover{transform:translateY(-2px);border-color:#1E72B8;
  box-shadow:0 8px 20px rgba(30,114,184,.16)}
.fo-ask i,
.sp-ask i{font-style:normal;color:#A855F7;font-size:.9rem;line-height:1}
.fo-ask .ico,
.sp-ask .ico{width:15px;height:15px;color:#A855F7}

/* the auto-hide behaviour on .fo-bar is neutralised above; kill its hidden state too */
.fo-bar.hid{transform:none !important}
.fo-bar.stuck{box-shadow:none !important;background:transparent !important}
.fo-hot{display:none !important}

@media (max-width:640px){
  .fo-bar-in,.sp-nav-in{gap:14px;padding-block:12px}
  .fo-lockup span b,.sp-lockup span b{font-size:1.05rem}
  .fo-ask,.sp-ask{padding:8px 14px;font-size:.84rem}
}
@media (prefers-reduced-motion:reduce){
  .fo-lockup:hover,.sp-lockup:hover,.fo-ask:hover,.sp-ask:hover{transform:none}
}