/* Part Beacon global navigation consistency */
:root{--pb-bg:#f4f7fb;--pb-surface:#ffffff;--pb-surface-2:#f8fbff;--pb-text:#102033;--pb-muted:#5d6a7a;--pb-line:#dfe7f1;--pb-blue:#2563eb;--pb-blue-soft:#eff6ff;--pb-shadow:0 18px 55px rgba(16,32,51,.09)}



.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(148,163,184,.28);position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);box-shadow:0 8px 22px rgba(16,32,51,.05)}
.site-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#102033;font-weight:950;white-space:nowrap}.site-brand img{border-radius:12px}.site-nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.site-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 13px;border:1px solid rgba(148,163,184,.32);border-radius:999px;background:#fff;color:#102033!important;text-decoration:none;font-weight:900;font-size:.93rem;box-shadow:0 6px 16px rgba(16,32,51,.05);cursor:pointer;font-family:inherit}.site-nav a:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(16,32,51,.1)}.site-nav a[aria-current="page"]{background:#2563eb;border-color:#2563eb;color:#fff!important}.site-nav-note{display:none;color:#64748b;font-size:.82rem}







@media(max-width:850px){.site-header{align-items:flex-start;flex-direction:column;padding:12px 14px}.site-nav{justify-content:flex-start;width:100%;gap:7px}.site-nav a{flex:1 1 calc(33.333% - 7px);min-width:94px;padding:8px 10px}.site-nav-note{display:block}}

/* UX audit implementation: calmer aviation/procurement visual system */
:root{--pb-bg:#f6f8fb;--pb-surface:#ffffff;--pb-surface-2:#f8fbff;--pb-text:#102033;--pb-muted:#526173;--pb-line:#d9e2ef;--pb-blue:#1d4ed8;--pb-blue-soft:#eff6ff;--pb-logo-blue:#061a35;--pb-logo-blue-2:#0b2e61;--pb-radius:14px;--pb-shadow:0 10px 28px rgba(16,32,51,.07)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:16px;line-height:1.55;letter-spacing:-.005em;background:#f6f8fb!important}
h1{font-size:clamp(2.1rem,4.8vw,4.2rem)!important;line-height:.98!important;letter-spacing:-.045em!important}
h2{font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.15;letter-spacing:-.025em}
.site-header{padding:10px 18px!important;background:linear-gradient(135deg,var(--pb-logo-blue),var(--pb-logo-blue-2))!important;border-bottom:1px solid rgba(255,255,255,.14)!important;box-shadow:0 8px 24px rgba(3,18,37,.24)!important}
.site-brand{color:#f8fbff!important}.site-brand img{width:38px;height:38px;border:1px solid rgba(255,255,255,.92);border-radius:14px}.site-nav{gap:7px!important}.site-nav a{min-height:34px!important;padding:7px 11px!important;font-size:.88rem!important;box-shadow:none!important;background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.22)!important;color:#f8fbff!important}.site-nav a:hover{background:rgba(255,255,255,.16)!important;box-shadow:0 8px 18px rgba(0,0,0,.14)!important}.site-nav a[aria-current="page"]{background:#f8fbff!important;border-color:#f8fbff!important;color:var(--pb-logo-blue)!important}.site-nav-note{color:#dbeafe!important}
.card,.panel,.hero,.pillar,.step,.plan,.safety-card,.model-rail,.sheet-wrap,.detail-panel,.detail-item,.inventory-item,.inventory-detail,.request-card,.mini,.metric,.candidate,.field,.listing-card,.option{border-radius:var(--pb-radius)!important;box-shadow:var(--pb-shadow)!important}
.btn,.mobile-watch,.watch-btn{border-radius:10px!important;box-shadow:none!important}
.meta-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--pb-line);border-radius:999px;padding:4px 8px;font-size:.78rem;font-weight:800;color:var(--pb-muted);background:#fff}

@media(max-width:850px){.site-nav a{flex:1 1 calc(50% - 7px)!important;min-width:128px!important}.site-brand img{width:34px;height:34px}}

/* Canonical homepage banner: force every page/template onto the same brand treatment. */
.site-header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:6px 18px!important;
  background:linear-gradient(135deg,#061a35,#0b2e61)!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
  position:sticky!important;
  top:0!important;
  z-index:50!important;
  backdrop-filter:blur(10px)!important;
  box-shadow:0 8px 24px rgba(3,18,37,.24)!important;
}
.site-brand{display:flex!important;align-items:center!important;gap:0!important;text-decoration:none!important;color:#f8fbff!important;font-weight:950!important;white-space:nowrap!important}
.site-brand img{display:block!important;width:128px!important;height:auto!important;border:1px solid rgba(255,255,255,.92)!important;border-radius:12px!important}
.site-brand span{display:none!important}
.site-nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important}
.site-nav a,.site-nav button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:7px 11px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:999px!important;background:rgba(255,255,255,.1)!important;color:#f8fbff!important;text-decoration:none!important;text-align:center!important;line-height:1.15!important;font:inherit!important;font-weight:900!important;font-size:.88rem!important;box-shadow:none!important;cursor:pointer!important}
.site-nav a:hover,.site-nav button:hover{transform:translateY(-1px)!important;background:rgba(255,255,255,.16)!important;box-shadow:0 8px 18px rgba(0,0,0,.14)!important}
.site-nav a[aria-current="page"]{background:#f8fbff!important;border-color:#f8fbff!important;color:#061a35!important}
.site-nav-note{display:none;color:#dbeafe!important;font-size:.82rem!important}
html body .site-header .site-nav a,
html body .site-header .site-nav button{color:#f8fbff!important;background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.22)!important}
html body .site-header .site-nav a[aria-current="page"]{color:#061a35!important;background:#f8fbff!important;border-color:#f8fbff!important}
.language-menu{position:relative!important;display:inline-flex!important}
.language-menu__button:after{content:"▾";font-size:.72em;margin-left:7px;line-height:1}
.language-menu__list{position:absolute;right:0;top:calc(100% + 8px);z-index:80;display:none;min-width:190px;padding:8px;margin:0;list-style:none;background:#fff;border:1px solid rgba(148,163,184,.36);border-radius:14px;box-shadow:0 18px 42px rgba(3,18,37,.2)}
.language-menu.is-open .language-menu__list,.language-menu:focus-within .language-menu__list{display:grid;gap:4px}
.site-nav .language-menu__list a{display:flex!important;width:100%!important;min-height:34px!important;justify-content:flex-start!important;padding:8px 10px!important;border:0!important;border-radius:10px!important;background:#fff!important;color:#102033!important;text-align:left!important;box-shadow:none!important;font-size:.9rem!important}
.site-nav .language-menu__list a:hover,.site-nav .language-menu__list a[aria-current="true"]{background:#eff6ff!important;color:#061a35!important;transform:none!important;box-shadow:none!important}
body .hero{border-radius:0!important}
@media(max-width:900px){
  .site-header{align-items:flex-start!important;flex-direction:column!important;padding:12px 14px!important}
  .site-nav{justify-content:flex-start!important;width:100%!important;gap:7px!important}
  .site-nav a,.site-nav button,.language-menu{flex:1 1 calc(50% - 7px)!important;min-width:0!important}
  .site-nav a,.site-nav button{width:100%!important;min-height:42px!important;padding:9px 10px!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .language-menu__list{left:0!important;right:auto!important;width:min(100vw - 28px,360px)!important}
  .site-nav .language-menu__list a{min-height:38px!important;justify-content:center!important;text-align:center!important}
  .site-nav-note{display:block!important}
  .site-brand img{width:118px!important}
}

/* Subtle page texture: light chart-paper grid over a warm/cool surface. */
html body{
  background-color:#f5f7fb!important;
  background-image:
    repeating-linear-gradient(0deg,rgba(16,32,51,.055) 0 1px,transparent 1px 24px),
    repeating-linear-gradient(90deg,rgba(16,32,51,.042) 0 1px,transparent 1px 24px),
    radial-gradient(circle at 18px 18px,rgba(29,78,216,.055) 0 1px,transparent 1.5px),
    linear-gradient(135deg,rgba(255,255,255,.94) 0%,rgba(237,244,252,.9) 45%,rgba(255,248,232,.72) 100%)!important;
  background-size:auto,auto,24px 24px,auto!important;
  background-attachment:fixed!important;
}
html body .step,
html body .home-video,
html body .card,
html body .panel,
html body .plan,
html body .request-card,
html body .listing-card,
html body .inventory-item{
  background-color:rgba(255,255,255,.94)!important;
  backdrop-filter:blur(3px);
}

/* Logo motion: header uses the same lighthouse/beam animation source as the homepage video. */
.site-brand img{
  transform-origin:50% 50%!important;
  animation:none!important;
  will-change:filter!important;
}
.site-brand{
  position:relative!important;
  isolation:isolate!important;
}
.site-brand:after{
  content:""!important;
  position:absolute!important;
  inset:-8px -12px!important;
  border-radius:18px!important;
  pointer-events:none!important;
  z-index:-1!important;
  background:radial-gradient(circle at 50% 42%,rgba(250,204,21,.28),rgba(96,165,250,.12) 42%,transparent 72%)!important;
  opacity:.72!important;
}
.site-brand:hover img{
  filter:drop-shadow(0 0 14px rgba(250,204,21,.32))!important;
}
@media(prefers-reduced-motion:reduce){
  .site-brand img{
    content:url('/assets/partbeacon-lighthouse-logo.png?v=20260521-reduced')!important;
    animation:none!important;
    transition:none!important;
  }
  .site-brand:after{
    opacity:.36!important;
  }
}