/* Shared site menu (every page): the global bar with the Products and Buy menus and the phone
   menu, plus the product pages' own bar under it. site.js opens and closes the menus. */
:root{scroll-padding-top:64px}
:root:has(.lnav){scroll-padding-top:112px}
.gnav{--g-ink:#1D1D1F;--g-ink2:#6E6E73;--g-bg:rgba(255,255,255,.82);--g-panel:#FFFFFF;--g-hover:#F5F5F7;--g-line:rgba(0,0,0,.08);--g-link:#0066CC;
  position:sticky;top:0;z-index:60;background:var(--g-bg);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--g-line);font-family:Figtree,system-ui,-apple-system,sans-serif;color:var(--g-ink)}
.gnav.is-dark{--g-ink:#F5F5F7;--g-ink2:#A1A1A6;--g-bg:rgba(13,11,18,.82);--g-panel:#1C1826;--g-hover:#241F30;--g-line:rgba(255,255,255,.1);--g-link:#4DA3FF}
.gnav *{box-sizing:border-box}
.gnav-in{max-width:1100px;margin:0 auto;padding:0 22px;height:48px;display:flex;align-items:center;gap:16px;font-size:13px}
.gnav a{text-decoration:none}
.gnav-brand{display:flex;align-items:baseline;gap:8px;color:var(--g-ink);padding:12px 0;margin-right:auto;white-space:nowrap}
.gnav-brand:hover{color:var(--g-ink)}
.gnav-brand b{font-size:16px;font-weight:700;letter-spacing:-.01em}
.gnav-brand span{font-size:12px;color:var(--g-ink2)}
.gnav-links{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px}
.gnav-links>li{position:relative}
.gnav-links>li>a,.gnav-dd-btn{display:flex;align-items:center;gap:4px;padding:12px 10px;color:var(--g-ink);opacity:.85;font:inherit;background:none;border:0;cursor:pointer;white-space:nowrap}
.gnav-links>li>a:hover,.gnav-dd-btn:hover,.gnav-dd-btn[aria-expanded="true"]{opacity:1;color:var(--g-ink)}
.gnav-links>li>a[aria-current]{opacity:1;font-weight:600}
.gnav-links form{margin:0}
.gnav-signout{padding:12px 10px;border:0;background:none;font:inherit;color:var(--g-ink);opacity:.85;cursor:pointer}
.gnav-signout:hover{opacity:1}
.gnav-chev{width:10px;height:10px;transition:transform .2s}
[aria-expanded="true"]>.gnav-chev{transform:rotate(180deg)}
.gnav-right{display:flex;align-items:center;gap:8px}
.gnav-dd{position:relative}
.gnav-buy-btn{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:6px 14px;border:0;border-radius:980px;background:#0066CC;color:#fff;font:500 13px/1 Figtree,system-ui,sans-serif;cursor:pointer}
.gnav-buy-btn:hover,.gnav-buy-btn[aria-expanded="true"]{background:#0052A3}
.gnav button:focus-visible,.gnav a:focus-visible{outline:3px solid #0A84FF;outline-offset:2px;border-radius:8px}
.gnav-panel{position:absolute;top:calc(100% + 8px);left:-8px;min-width:300px;padding:8px;border-radius:18px;background:var(--g-panel);border:1px solid var(--g-line);box-shadow:0 20px 50px rgba(0,0,0,.16);display:none;flex-direction:column;gap:2px;animation:gnavIn .18s ease-out}
.gnav-panel.is-open{display:flex}
.gnav-panel-right{left:auto;right:0;min-width:340px}
@keyframes gnavIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.gnav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:var(--g-ink)}
.gnav-item:hover{background:var(--g-hover);color:var(--g-ink)}
.gnav-item i{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:var(--c,#6E6E73)}
.gnav-item span{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}
.gnav-item b{font-size:15px;font-weight:600}
.gnav-item small{font-size:12px;color:var(--g-ink2)}
.gnav-item em{font-style:normal;font-size:13px;font-weight:600;color:var(--g-link)}
.gnav-all{display:block;padding:10px 12px 6px;margin-top:4px;border-top:1px solid var(--g-line);font-size:13px;font-weight:500;color:var(--g-link)}
.gnav-burger{display:none;width:40px;height:40px;margin-right:-10px;padding:0;border:0;background:none;cursor:pointer;position:relative;color:var(--g-ink)}
.gnav-burger span{position:absolute;left:12px;right:12px;height:1.5px;border-radius:1px;background:currentColor;transition:transform .25s,top .25s}
.gnav-burger span:first-child{top:16px}.gnav-burger span:last-child{top:23px}
.gnav-burger[aria-expanded="true"] span:first-child{top:19.5px;transform:rotate(45deg)}
.gnav-burger[aria-expanded="true"] span:last-child{top:19.5px;transform:rotate(-45deg)}

/* Product page bar: name, sections and the page's own Buy button */
.lnav{position:sticky;top:48px;z-index:55;background:rgba(255,255,255,.82);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08);font-family:Figtree,system-ui,-apple-system,sans-serif}
.lnav.is-dark{background:rgba(13,11,18,.82);border-bottom-color:rgba(255,255,255,.1)}
.lnav-in{max-width:1100px;margin:0 auto;padding:0 22px;height:52px;display:flex;align-items:center;gap:16px}
.lnav-title{font-size:20px;font-weight:700;letter-spacing:-.02em;color:#1D1D1F;text-decoration:none;margin-right:auto;white-space:nowrap}
.lnav.is-dark .lnav-title{color:#F5F5F7}
.lnav-links{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.lnav-links::-webkit-scrollbar{display:none}
.lnav-links a{padding:8px 10px;font-size:13px;color:#1D1D1F;opacity:.8;text-decoration:none;white-space:nowrap}
.lnav.is-dark .lnav-links a{color:#F5F5F7}
.lnav-links a:hover{opacity:1}
.lnav-cta{flex-shrink:0;padding:7px 14px;border-radius:980px;background:#0066CC;color:#fff;font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap}
.lnav-cta:hover{background:#0052A3;color:#fff}

@media (max-width:860px){
  .gnav-burger{display:block}
  .gnav-links{display:none;position:fixed;top:48px;left:0;right:0;bottom:0;flex-direction:column;align-items:stretch;gap:0;padding:12px 22px 40px;background:var(--g-panel);overflow-y:auto;overscroll-behavior:contain}
  .gnav.is-open{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--g-panel)}
  .gnav.is-open .gnav-links{display:flex;height:calc(100dvh - 48px)}
  .gnav-links>li{border-bottom:1px solid var(--g-line)}
  .gnav-links>li>a,.gnav-dd-btn{width:100%;padding:16px 0;font-size:20px;font-weight:600;opacity:1}
  .gnav-links .gnav-dd-btn{pointer-events:none}
  .gnav-links .gnav-dd-btn .gnav-chev{display:none}
  .gnav-links .gnav-panel{display:flex;position:static;min-width:0;padding:0 0 12px;border:0;box-shadow:none;background:none;animation:none}
  .gnav-links .gnav-item{padding:10px 0}
  .gnav-links .gnav-signout{width:100%;text-align:left;padding:16px 0;font-size:20px;font-weight:600;opacity:1}
  .gnav-panel-right{position:fixed;top:56px;left:12px;right:12px;min-width:0}
  .gnav.is-open .gnav-buy{display:none}
  .lnav-in{gap:10px;padding:0 16px}
  .lnav-title{font-size:17px}
}
@media (max-width:480px){
  .gnav-in{padding:0 16px}
  .gnav-brand span{display:none}
  .lnav-title{font-size:16px}
  .lnav-links a{padding:8px 7px}
}
@media (prefers-reduced-motion:reduce){
  .gnav-panel{animation:none}
  .gnav-chev,.gnav-burger span{transition:none}
}