.p-site-header { position: sticky; top: 0; z-index: 50; background: rgba(8, 20, 15, .96); border-bottom: 1px solid var(--color-border); backdrop-filter: blur(16px); }
.p-nav { position: relative; max-width: 1256px; padding: 0 40px; margin: auto; min-height: 80px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.p-nav-logo { display: inline-flex; align-items: center; gap: 4px; text-decoration: none; flex-shrink: 0; }
.p-nav-logo-text { font-size: 24px; font-weight: 700; letter-spacing: -.9px; }
.p-nav-logo-text span { color: var(--color-green); }
.p-nav-links, .p-nav-cta { display: flex; align-items: center; gap: 28px; }
.p-nav-links a, .p-nav-login { color: var(--color-muted); font-size: 14px; font-weight: 550; text-decoration: none; transition: color .2s; }
.p-nav-links a:hover, .p-nav-login:hover { color: var(--color-text); }
.p-nav-login { padding: 14px 0; }
.p-nav-cta { gap: 24px; }
.p-nav-cta .p-btn { min-height: 44px; padding: 10px 18px; font-size: 14px; }
.p-nav-cta .p-icon { width: 18px; height: 18px; }
.p-mobile-nav { display: none; }
.p-mobile-nav summary { display: flex; align-items: center; gap: 8px; list-style: none; cursor: pointer; border: 1px solid var(--color-border); border-radius: 10px; padding: 10px 12px; font-size: 14px; }
.p-mobile-nav summary::-webkit-details-marker { display: none; }
.p-menu-close, .p-mobile-nav[open] .p-menu-open { display: none; }
.p-mobile-nav[open] .p-menu-close { display: inline-flex; }
.p-mobile-nav:not([open]) .p-mobile-panel { display: none; }
.p-mobile-panel { position: absolute; top: calc(100% + 1px); left: 0; right: 0; padding: 16px 24px 24px; background: #0b2118; border-bottom: 1px solid var(--color-border); box-shadow: 0 18px 30px rgba(0,0,0,.25); }
.p-mobile-panel > a { display: block; padding: 14px 8px; text-decoration: none; color: var(--color-muted); border-bottom: 1px solid var(--color-border); }
.p-mobile-panel > a:hover { color: var(--color-green-bright); }
.p-mobile-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 20px; }
@media (max-width: 1040px) {
  .p-nav-links, .p-nav-cta { display: none; }
  .p-mobile-nav { display: block; }
}
@media (max-width: 600px) {
  .p-nav { min-height: 72px; padding: 0 20px; gap: 12px; }
  .p-nav-logo-text { font-size: 22px; }
}

/* Product navigation uses native disclosure controls on both desktop and mobile. */
.p-products-dropdown > summary { display:flex; align-items:center; gap:6px; list-style:none; padding:14px 0; color:var(--color-muted); font-size:14px; font-weight:550; cursor:pointer; }
.p-products-dropdown > summary::-webkit-details-marker, .p-mobile-products > summary::-webkit-details-marker { display:none; }
.p-products-dropdown > summary .p-icon { width:15px; height:15px; transition:transform .2s; }
.p-products-dropdown[open] > summary .p-icon, .p-mobile-products[open] > summary .p-icon { transform:rotate(180deg); }
.p-products-dropdown > summary:hover, .p-products-dropdown > summary.is-active { color:var(--color-green-bright); }
.p-products-panel { position:absolute; top:calc(100% + 1px); left:40px; right:40px; padding:24px; background:#0b2118; border:1px solid var(--color-border); border-radius:0 0 18px 18px; box-shadow:0 24px 50px rgba(0,0,0,.35); }
.p-products-panel-heading { display:flex; justify-content:space-between; gap:16px; padding:0 8px 18px; font-size:12px; color:var(--color-muted); }
.p-products-panel-heading > span:first-child { color:var(--color-green-bright); font-weight:650; }
.p-product-menu-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.p-product-menu-grid .p-product-menu-item, .p-mobile-product-links .p-product-menu-item { display:flex; gap:12px; padding:16px; border:1px solid transparent; border-radius:12px; text-decoration:none; color:var(--color-text); }
.p-product-menu-item:hover, .p-product-menu-item[aria-current="page"] { background:rgba(0,201,123,.07); border-color:var(--color-border); }
.p-product-menu-item.is-featured { background:rgba(0,201,123,.08); }
.p-product-menu-icon { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:11px; background:rgba(0,201,123,.1); color:var(--color-green-bright); flex-shrink:0; }
.p-product-menu-item strong { display:block; font-size:13px; font-weight:650; line-height:1.5; }
.p-product-menu-item strong small { display:block; color:var(--color-yellow); font-size:10px; font-weight:550; }
.p-product-menu-item > span:last-child > span { display:block; margin-top:5px; color:var(--color-muted); font-size:11px; line-height:1.6; }
.p-product-menu-grid .p-product-menu-all { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; padding:14px 8px 0; margin-top:8px; border-top:1px solid var(--color-border); color:var(--color-green-bright); font-size:13px; }
.p-mobile-products > summary { justify-content:space-between; border:0; border-bottom:1px solid var(--color-border); border-radius:0; padding:14px 8px; color:var(--color-text); font-size:14px; }
.p-mobile-products > summary .p-icon { width:16px; height:16px; }
.p-mobile-product-links { padding:8px 0 14px; }
.p-mobile-product-links .p-product-menu-item { padding:12px 8px; }
.p-mobile-product-links .p-product-menu-all { display:flex; align-items:center; justify-content:space-between; padding:12px 8px; color:var(--color-green-bright); text-decoration:none; font-size:13px; }
@media (min-width:1041px) { .p-nav-links, .p-nav-cta { gap:30px; } }
@media (max-width:1040px) { .p-mobile-panel { max-height:calc(100dvh - 81px); overflow-y:auto; overscroll-behavior:contain; } }

/* Homepage alternatives share a compact disclosure menu. */
.p-home-dropdown { position:relative; }
.p-home-dropdown > summary { display:flex; align-items:center; gap:6px; list-style:none; padding:14px 0; color:var(--color-muted); font-size:14px; font-weight:550; cursor:pointer; }
.p-home-dropdown > summary::-webkit-details-marker, .p-mobile-home > summary::-webkit-details-marker { display:none; }
.p-home-dropdown > summary .p-icon { width:15px; height:15px; }
.p-home-dropdown > summary:hover, .p-home-dropdown > summary.is-active { color:var(--color-green-bright); }
.p-home-dropdown[open] > summary .p-icon, .p-mobile-home[open] > summary .p-icon { transform:rotate(180deg); }
.p-home-panel { min-width:240px; padding:8px; background:#0b2118; border:1px solid var(--color-border); border-radius:12px; }
.p-home-dropdown > .p-home-panel { position:absolute; top:calc(100% + 14px); left:-12px; box-shadow:0 16px 32px rgba(0,0,0,.3); }
.p-home-panel a { display:block; border-radius:8px; padding:12px; text-decoration:none; }
.p-home-panel a:hover, .p-home-panel a[aria-current="page"] { background:rgba(0,201,123,.08); }
.p-home-panel strong { display:block; font-size:13px; font-weight:600; color:var(--color-text); }
.p-home-panel a[aria-current="page"] strong { color:var(--color-green-bright); }
.p-home-panel a > span { display:block; font-size:11px; color:var(--color-muted); margin-top:5px; line-height:1.7; }
.p-mobile-home > summary { justify-content:space-between; padding:14px 8px; border:0; border-bottom:1px solid var(--color-border); border-radius:0; color:var(--color-text); }
.p-mobile-home > summary .p-icon { width:16px; height:16px; }
.p-mobile-home > .p-home-panel { min-width:0; margin-block:8px; }
/* Match disclosure headings to the regular top-level mobile links. */
.p-mobile-panel > a,
.p-mobile-products > summary,
.p-mobile-home > summary { font-size:16px; font-weight:500; line-height:1.5; }
@media (max-width:1120px) {
  .p-nav-links, .p-nav-cta { display:none; }
  .p-mobile-nav { display:block; }
  .p-mobile-panel { max-height:calc(100vh - 81px); max-height:calc(100dvh - 81px); overflow-y:auto; overscroll-behavior:contain; }
}