/* Site header for the inner pages (privacy, terms, support, claude), Nov 4. The same header as the homepage:
   the eye wordmark, centered links, the launch-updates button and the phone menu. Values are copied from
   styles.css and premium.css so both read the same; change them together. */
.site-header{position:sticky;top:0;background:rgba(255,255,255,.94);z-index:50;backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:border-color .3s}
.site-header.scrolled{border-color:var(--line)}
.site-header .container{width:min(1160px,calc(100% - 80px));max-width:none;margin-inline:auto}
@media(min-width:1441px){.site-header .container{width:min(clamp(1160px,560px + 41.667vw,1360px),calc(100% - 80px))}}
.site-header .nav{height:82px;min-height:0;display:flex;align-items:center;gap:32px;position:relative}
.site-header .brand{margin-right:auto;flex-shrink:0;padding-block:4px;line-height:0}
.site-header .nav-links{display:flex;gap:29px;align-items:center;margin-right:auto}
.site-header .nav-links a{font-size:12px;line-height:normal;color:#4b4135;padding:14px 0;text-decoration:none;transition:color .2s}
.site-header .nav-links a:hover{color:var(--accent)}
.site-header .nav-cta{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:0 18px;border:1px solid var(--espresso);border-radius:9px;background:var(--espresso);color:#fff;font-size:11px;font-weight:500;line-height:1.3;white-space:nowrap;text-decoration:none;transition:transform .3s var(--ease),background .3s,box-shadow .3s}
.site-header .nav-cta:hover{background:var(--espresso-hover);border-color:var(--espresso-hover);transform:translateY(-2px);box-shadow:0 5px 12px #17130f1f}
.menu-toggle{display:none;width:44px;height:44px;padding:0;border:0;background:transparent;flex-direction:column;gap:6px;justify-content:center;align-items:center;cursor:pointer}
.menu-toggle span{width:20px;height:1.5px;background:var(--ink);transition:transform .3s}
.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
.eye-wordmark{--wordmark-scale:1;position:relative;display:block;flex:none;width:calc(87.6035px * var(--wordmark-scale));height:calc(16.1328px * var(--wordmark-scale));line-height:0}
.eye-wordmark>[data-logo-svg]{position:absolute;inset:0 auto auto 0;max-width:none;transform:scale(var(--wordmark-scale));transform-origin:0 0;overflow:visible}
.brand .eye-wordmark{--wordmark-scale:1.7248}
@media(max-width:1100px){
  .site-header .container{width:calc(100% - 60px)}
  .site-header .nav{gap:22px}.site-header .nav-links{gap:21px}
  .brand .eye-wordmark{--wordmark-scale:1.541}
}
@media(max-width:800px){
  .site-header .container{width:calc(100% - 44px)}
  .site-header .nav{height:70px;gap:15px}
  .site-header .nav-links{display:none}
  .menu-toggle{display:flex}
  .site-header .nav-cta{margin-left:auto}
  .brand .eye-wordmark{--wordmark-scale:1.4954}
  .site-header .nav-links.open{display:flex;position:absolute;left:0;right:0;top:70px;background:#fff;border-bottom:1px solid var(--line);padding:15px 24px;gap:0;flex-direction:column;align-items:stretch}
  .site-header .nav-links.open a{padding:15px 0;font-size:14px}
}
@media(max-width:580px){
  .site-header .container{width:calc(100% - 40px)}
  .site-header .nav{gap:6px;height:66px}
  .site-header .nav-cta{font-size:9px;padding:0 12px;min-height:36px;border-radius:7px}
  .site-header .nav-links.open{top:66px}
  .brand .eye-wordmark{--wordmark-scale:1.3242}
}
@media(max-width:480px){.site-header .nav-cta{display:none}.menu-toggle{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.site-header,.site-header .nav-cta,.menu-toggle span{transition:none}}