/* ============================================================================
   Fiscor — unified global navigation. One shared navbar for every page
   (Framer-extracted + hand-authored). Self-contained: no dependency on Framer
   classes or fiscor-pages.css. Mirrors the footer module (fiscor-footer.css).
   ========================================================================== */

/* Hide the native Framer navbars (desktop + mobile fixed containers) so only
   this one renders. Same technique as fiscor-footer.css. */
.framer-6e6ke3-container,
.framer-gc4r80-container { display: none !important; }

/* ---- self-hosted font (unique family name so it never clashes) ---- */
@font-face{font-family:"GeistNav";font-style:normal;font-weight:400;font-display:swap;src:url("/_assets/fonts/g_318ab888ce.woff2") format("woff2")}
@font-face{font-family:"GeistNav";font-style:normal;font-weight:500;font-display:swap;src:url("/_assets/fonts/g_8049f6d8b7.woff2") format("woff2")}
@font-face{font-family:"GeistNav";font-style:normal;font-weight:700;font-display:swap;src:url("/_assets/fonts/g_216ce24f9d.woff2") format("woff2")}

.fx-nav,.fx-nav *,.fx-nav *::before,.fx-nav *::after{box-sizing:border-box}

/* ---- bar ---- */
.fx-nav{position:fixed;top:0;left:0;right:0;z-index:1000;
  background:#F9FDFA;box-shadow:0 1px 0 rgba(20,26,21,.04);
  font-family:"GeistNav",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.fx-nav__inner{padding:0 max(24px,11%);height:64px;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.fx-nav__logo{display:inline-flex;align-items:center;justify-self:start}
.fx-nav__logo img{height:30px;width:auto;display:block}
.fx-nav__links{display:flex;align-items:center;gap:10px;justify-self:center}

/* items + dropdown triggers */
.fx-nav__item{position:relative;display:inline-flex;align-items:center}
a.fx-nav__item,.fx-nav__label{font-family:inherit;font-size:16px;color:#404040;line-height:1;
  padding:9px 16px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;
  cursor:pointer;background:none;border:0;white-space:nowrap;text-decoration:none}
a.fx-nav__item:hover,.fx-nav__label:hover{color:#141915;background:#F4F6F4}
.fx-nav__chev{width:14px;height:14px;opacity:.6;transition:transform .2s ease}
.fx-nav__item.open .fx-nav__chev{transform:rotate(180deg)}

/* ---- dropdown card ---- */
.fx-nav__menu{position:absolute;top:calc(100% + 14px);left:0;width:500px;max-width:min(94vw,500px);
  background:#fff;border-radius:4px;box-shadow:0 6px 20px rgba(0,0,0,.06);
  padding:8px;display:none;flex-direction:column;gap:8px}
.fx-nav__menu::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.fx-nav__item.open .fx-nav__menu{display:flex}

/* rows (shared by menu links + the Industries trigger button) */
.fx-nav__menu a,.fx-res__trigger{display:flex;flex-direction:column;width:100%;text-align:left;
  padding:8px 18px;border-radius:4px;color:inherit;background:none;border:0;cursor:pointer;
  font-family:inherit;text-decoration:none}
.fx-m__title{font-family:inherit;font-size:18px;font-weight:500;color:#030712;line-height:1.2}
.fx-m__sub{margin-top:6px;font-size:14px;font-weight:400;color:#4b5563;line-height:1.3;transition:color .15s ease}
.fx-m__desc{display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin-top:8px;padding-top:8px;border-top:1px solid #d1d5db;font-size:14px;color:#9e9e9e;line-height:1.3}
.fx-m__arrow{width:20px;height:20px;flex:none;color:#17A34A;opacity:0;transition:opacity .15s ease}
.fx-nav__menu a:hover .fx-m__sub,.fx-res__trigger:hover .fx-m__sub{color:#17A34A}
.fx-nav__menu a:hover .fx-m__arrow,.fx-res__trigger:hover .fx-m__arrow{opacity:1}

/* ---- Resources dropdown: default view <-> Industries submenu ---- */
.fx-res__submenu{display:none;position:relative}
.fx-nav__menu--resources.sub-open{width:640px;max-width:min(94vw,640px)}
.fx-nav__menu--resources.sub-open .fx-res__default{display:none}
.fx-nav__menu--resources.sub-open .fx-res__submenu{display:block}

.fx-sub__head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;
  padding:6px 10px 10px;border-bottom:1px solid #E6E9E6;margin-bottom:6px}
.fx-sub__head-left{display:flex;align-items:center;gap:12px;min-width:0}
.fx-sub__back{background:none;border:0;cursor:pointer;color:#404040;display:inline-flex;
  padding:4px;border-radius:6px}
.fx-sub__back:hover{background:#F4F6F4;color:#141915}
.fx-sub__back svg{width:18px;height:18px}
.fx-sub__title{font-family:inherit;font-size:16px;font-weight:600;color:#030712}
.fx-sub__head .fx-sub__seeall{justify-self:end;flex:none;display:inline-flex;flex-direction:row;
  align-items:center;gap:6px;white-space:nowrap;padding:10px 20px;
  border:1px solid #d1d5db;border-radius:8px;
  font-size:14px;color:#5F6B62;text-decoration:none;transition:border-color .15s ease,color .15s ease}
.fx-sub__head .fx-sub__seeall:hover{color:#17A34A;border-color:#17A34A}
.fx-sub__seeall svg{width:16px;height:16px}

.fx-sub__cols{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.fx-sub__col{display:flex;flex-direction:column}
.fx-sub__col:nth-child(2){border-left:1px solid #E6E9E6;padding-left:20px}
.fx-sub__col:first-child{padding-right:4px}
.fx-sub__col a{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;
  padding:9px 10px;border-radius:6px;font-size:15px;color:#404040;text-decoration:none}
.fx-sub__col a:hover{background:#F4F6F4;color:#141915}
.fx-sub__col a svg{width:15px;height:15px;flex:none;color:#9e9e9e;transition:color .15s ease}
.fx-sub__col a:hover svg{color:#17A34A}

/* ---- CTA + mobile toggle ---- */
.fx-nav__cta{justify-self:end;display:flex;align-items:center;gap:10px}
.fx-nav__btn{display:inline-flex;align-items:center;gap:6px;background:#000;color:#fff;
  font-family:inherit;font-size:16px;line-height:1;padding:13px 22px;border-radius:0;
  text-decoration:none;white-space:nowrap;transition:background .15s ease}
.fx-nav__btn:hover{background:#1c211e}
.fx-nav__btn svg{width:16px;height:16px}
.fx-nav__toggle{display:none;justify-self:end;background:none;border:1px solid #E6E9E6;
  border-radius:10px;width:42px;height:42px;align-items:center;justify-content:center;cursor:pointer}
.fx-nav__toggle svg{width:20px;height:20px}

/* ---- mobile ---- */
@media(max-width:940px){
  .fx-nav__inner{display:flex;justify-content:space-between}
  .fx-nav__links{position:fixed;inset:64px 0 auto 0;background:#fff;flex-direction:column;
    align-items:stretch;gap:2px;padding:14px 24px 22px;border-bottom:1px solid #E6E9E6;
    box-shadow:0 18px 40px -24px rgba(16,32,20,.28);transform:translateY(-140%);
    transition:transform .28s ease;max-height:calc(100vh - 64px);overflow-y:auto}
  .fx-nav.open .fx-nav__links{transform:translateY(0)}
  .fx-nav__item{width:100%}
  a.fx-nav__item,.fx-nav__label{padding:13px 12px;font-size:17px;width:100%}
  .fx-nav__item.has-menu{flex-direction:column;align-items:stretch;gap:0}
  .fx-nav__label{justify-content:space-between}
  .fx-nav__menu::before{display:none}
  .fx-nav__menu{position:static;width:auto;max-width:none;display:none;box-shadow:none;
    border:0;border-radius:0;margin:10px 0 4px;padding:0;gap:10px;background:transparent}
  .fx-nav__item.has-menu.open .fx-nav__menu{display:flex}
  .fx-nav__menu a,.fx-res__trigger{padding:16px;border:1px solid #E6E9E6;border-radius:12px;background:#fff}
  .fx-sub__head .fx-sub__seeall{border:0;border-radius:0;padding:0;background:none}
  .fx-nav__menu--resources.sub-open{width:auto;max-width:none}
  .fx-sub__cols{grid-template-columns:1fr;gap:0}
  .fx-sub__col:nth-child(2){border-left:0;padding-left:0}
  .fx-sub__col a{border:1px solid #E6E9E6;border-radius:10px;margin-top:8px;padding:14px}
  .fx-sub__col a svg{opacity:1}
  .fx-nav__cta{display:none}
  .fx-nav__toggle{display:inline-flex}
}
