/* Shared homepage navigation. ID scoping wins over older page-specific headers. */
#pp-site-header { --pp-menu-offset:2rem; position:fixed; inset:0 0 auto; height:70px; width:100%; display:flex; align-items:center; z-index:1100; box-sizing:border-box; background:var(--glass-bg,var(--surface,#fffaf4)); color:var(--text,#111827); border-bottom:1px solid var(--line,#f1e4cf); box-shadow:0 2px 14px #0000000f; backdrop-filter:blur(16px); font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
#pp-site-header * { box-sizing:border-box; }
#pp-site-header .header-inner { position:relative; display:flex; justify-content:space-between; align-items:center; gap:1rem; width:100%; max-width:1200px; height:100%; margin:auto; padding:0 2rem; }
#pp-site-header .left-group { display:flex; align-items:center; min-width:0; flex:1 1 auto; }
#pp-site-header .logo-area { display:flex; min-width:0; background:transparent; }
#pp-site-header .brand-link { display:flex; align-items:center; gap:.24rem; text-decoration:none; color:inherit; direction:ltr; position:relative; z-index:3; }
#pp-site-header .brand-icon-img { width:auto; height:53px; max-width:76px; object-fit:contain; flex:none; background:transparent; }
#pp-site-header .brand-copy { display:flex; flex-direction:column; justify-content:center; min-width:0; line-height:1.05; }
#pp-site-header .logo { display:flex; align-items:center; white-space:nowrap; font-size:1.35rem; font-weight:800; letter-spacing:-.035em; color:var(--text,#111827); }
#pp-site-header .logo > span { color:#ca8a04; }
#pp-site-header .tagline { display:block; font-size:.67rem; color:var(--muted,#64748b); margin-top:.2rem; white-space:nowrap; }
#pp-site-header .header-actions { display:flex; gap:.75rem; align-items:center; white-space:nowrap; position:relative; z-index:3; }
#pp-site-header .btn { display:inline-flex; justify-content:center; align-items:center; border-radius:14px; border:1px solid transparent; padding:.65rem 1.1rem; font-size:.85rem; font-weight:700; line-height:1.2; text-decoration:none; transition:background .15s; }
#pp-site-header .btn-primary { background:#0f766e; color:#fff!important; }
#pp-site-header .btn-outline { background:transparent; color:var(--primary,#0f766e); border-color:var(--primary,#0f766e); }
#pp-site-header .btn-yellow { background:#facc15; color:#111827!important; }
#pp-site-header .theme-toggle-btn { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; flex:none; padding:0; border:1px solid var(--line,#f1e4cf); border-radius:50%; background:var(--surface,#fff); color:var(--text,#111827); cursor:pointer; }
#pp-site-header .theme-icon { display:inline-flex; align-items:center; justify-content:center; }
#pp-site-header .sun-icon { display:none; }
#pp-site-header .moon-icon { display:inline-flex; }
[data-theme="dark"] #pp-site-header .sun-icon { display:inline-flex; }
[data-theme="dark"] #pp-site-header .moon-icon { display:none; }
#pp-site-header .hamburger { display:flex!important; flex-direction:column; justify-content:center; gap:5px; width:42px; height:42px; flex:none; margin:0; padding:10px; background:var(--surface-subtle,#faf5ee); border:1px solid var(--line,#f1e4cf); border-radius:11px; cursor:pointer; }
#pp-site-header .hamburger > span { display:block; width:20px; height:2px; margin:0; background:var(--text,#111827); border-radius:2px; opacity:1; transform:none; transition:transform .15s; }
#pp-site-header .hamburger.active > span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
#pp-site-header .hamburger.active > span:nth-child(2) { opacity:0; }
#pp-site-header .hamburger.active > span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
#pp-site-header .mobile-menu-backdrop { display:none; position:fixed; inset:0; z-index:1; opacity:1; background:#0004; }
#pp-site-header .mobile-menu-backdrop.active { display:block; }
#pp-site-header .mobile-menu { display:none; position:absolute; top:calc(100% + 8px); right:var(--pp-menu-offset); left:auto; width:380px; max-width:calc(100vw - 1.5rem); max-height:calc(100dvh - 90px); overflow:auto; overscroll-behavior:contain; padding:.85rem; background:var(--surface,#fff); color:var(--text,#111827); border:1px solid var(--line,#f1e4cf); border-radius:18px; box-shadow:0 20px 48px #0003; z-index:4; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
[dir="rtl"] #pp-site-header .mobile-menu { left:var(--pp-menu-offset); right:auto; }
#pp-site-header .mobile-menu.active { display:grid!important; }
#pp-site-header .nav-item { display:flex; align-items:center; gap:7px; min-height:40px; padding:.5rem .6rem; margin:0; font-size:.85rem; line-height:1.25; white-space:normal; overflow-wrap:anywhere; color:inherit; background:#8080800a; text-decoration:none; font-weight:600; border:1px solid transparent; border-radius:10px; }
#pp-site-header .nav-item:hover, #pp-site-header .nav-item[aria-current="page"] { background:#0f766e14; color:var(--primary,#0f766e); border-color:#0f766e33; }
#pp-site-header .nav-item::before { content:none; }
#pp-site-header .nav-item[data-icon]::before { content:''; display:block; width:1.05rem; height:1.05rem; flex:none; background:currentColor; -webkit-mask:var(--pp-icon) center/contain no-repeat; mask:var(--pp-icon) center/contain no-repeat; }
#pp-site-header .pp-icon { display:inline-block; width:1.05rem; height:1.05rem; flex:none; background:currentColor; -webkit-mask:var(--pp-icon) center/contain no-repeat; mask:var(--pp-icon) center/contain no-repeat; }
#pp-site-header [data-icon="shield"] { --pp-icon:url('/assets/icons/shield.svg'); }
#pp-site-header [data-icon="briefcase"] { --pp-icon:url('/assets/icons/briefcase.svg'); }
#pp-site-header [data-icon="lightning"] { --pp-icon:url('/assets/icons/lightning.svg'); }
#pp-site-header [data-icon="sparkle"] { --pp-icon:url('/assets/icons/sparkle.svg'); }
#pp-site-header [data-icon="phone"] { --pp-icon:url('/assets/icons/phone.svg'); }
#pp-site-header [data-icon="camera"] { --pp-icon:url('/assets/icons/camera.svg'); }
#pp-site-header [data-icon="book"] { --pp-icon:url('/assets/icons/book.svg'); }
#pp-site-header [data-icon="card"] { --pp-icon:url('/assets/icons/card.svg'); }
#pp-site-header [data-icon="package"] { --pp-icon:url('/assets/icons/package.svg'); }
#pp-site-header [data-icon="download"] { --pp-icon:url('/assets/icons/download.svg'); }
#pp-site-header [data-icon="rocket"] { --pp-icon:url('/assets/icons/rocket.svg'); }
#pp-site-header [data-icon="help"] { --pp-icon:url('/assets/icons/help.svg'); }
#pp-site-header [data-icon="mail"] { --pp-icon:url('/assets/icons/mail.svg'); }
#pp-site-header .pp-icon-ship { --pp-icon:url('/assets/icons/ship.svg'); }
#pp-site-header .pp-icon-globe { --pp-icon:url('/assets/icons/globe.svg'); }
#pp-site-header .menu-divider { grid-column:1/-1; height:1px; background:var(--line,#f1e4cf); margin:.4rem 0; }
#pp-site-header .menu-section-header, #pp-site-header .menu-actions, #pp-site-header .network-chip, #pp-site-header .app-chip { grid-column:1/-1; }
#pp-site-header .menu-actions .btn { white-space:normal; text-align:center; }
#pp-site-header .lang-switch { color:var(--text,#111827); }
#pp-site-header .lang-switch summary { font-size:.85rem!important; }
#pp-site-header .lang-switch summary + div { background:var(--surface,#fff)!important; color:var(--text,#111827); max-height:70vh; overflow:auto; }
#pp-site-header :focus-visible { outline:3px solid var(--primary,#0f766e); outline-offset:3px; }
body.pp-navigation-offset { padding-top:70px; }
@media (max-width:900px) { #pp-site-header { --pp-menu-offset:1.2rem; } #pp-site-header .header-inner { padding:0 1.2rem; } #pp-site-header .header-actions > .btn { display:none; } }
@media (max-width:480px) {
  #pp-site-header { --pp-menu-offset:.75rem; }
  #pp-site-header .header-inner { padding:0 .75rem; gap:6px; }
  #pp-site-header .brand-icon-img { width:42px; height:36px; }
  #pp-site-header .logo { font-size:.95rem; }
  #pp-site-header .tagline { display:none; }
  #pp-site-header .header-actions { gap:5px; }
  #pp-site-header .lang-switch summary { padding:6px!important; font-size:.7rem!important; }
}
@media print { #pp-site-header { display:none!important; } body.pp-navigation-offset { padding-top:0; } }