/* 1:1 Oklo header chrome for static clone (matches oklo.com nav metrics) */

header._1hlincg1{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:50!important;
  display:flex!important;
  justify-content:center!important;
  padding-block:1.25rem!important; /* --bg051f15 */
  padding-inline:2rem!important;   /* approx --bg051f17 at 1440 */
}
header._1hlincg1[data-nav-hidden]{ top:0!important; }

/* Inner pill: transparent shell; glass lives on ._1hlincg9 */
._1hlincg2{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  min-height:57px!important;
  height:57px!important;
  margin:0!important;
  border-radius:50px!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  color:#fff!important;
  overflow:visible!important;
  pointer-events:auto!important;
}
._1hlincg2[data-mode=light],
._1hlincg2[data-mode=newsroom]{
  color:#000!important;
}

/* Absolute glass plate behind content — same geometry as pill */
._1hlincg9,
[data-liquid-glass=nav]{
  position:absolute!important;
  top:1.25rem!important;
  bottom:1.25rem!important;
  left:2rem!important;
  right:2rem!important;
  border-radius:50px!important;
  pointer-events:none!important;
  opacity:1!important;
  visibility:visible!important;
  z-index:0!important;
}

/* Dark glass (default / over dark hero) — matches --bg051f1w / --bg051f1x */
._1hlincg9,
._1hlincg9[data-mode=dark],
[data-liquid-glass=nav]:not([data-mode=light]):not([data-mode=newsroom]){
  background:
    linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.04) 40%,rgba(0,0,0,.10)),
    rgba(12,14,16,.50)!important;
  -webkit-backdrop-filter:blur(22px) saturate(180%)!important;
  backdrop-filter:blur(22px) saturate(180%)!important;
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.40),
    inset 0 -1px 1px rgba(255,255,255,.10),
    inset 0 0 0 1px rgba(255,255,255,.10),
    0 10px 28px rgba(0,0,0,.22)!important;
}

/* Light glass (day / newsroom) — matches live oklo.com measured values */
._1hlincg9[data-mode=light],
._1hlincg9[data-mode=newsroom],
[data-liquid-glass=nav][data-mode=light],
[data-liquid-glass=nav][data-mode=newsroom]{
  background:
    linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,.08) 45%,rgba(255,255,255,.02) 70%,rgba(255,255,255,.12)),
    rgba(255,255,255,.64)!important;
  -webkit-backdrop-filter:blur(22px) saturate(180%)!important;
  backdrop-filter:blur(22px) saturate(180%)!important;
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.45),
    inset 0 -1px 1px rgba(255,255,255,.14),
    0 8px 24px rgba(0,0,0,.10)!important;
}

/* 1px rim highlight */
._11krm2v2:after,
._1hlincg9:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  padding:1px!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.50),rgba(255,255,255,.08) 35%,rgba(255,255,255,.02) 65%,rgba(255,255,255,.22))!important;
  -webkit-mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff)!important;
  mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
}

/* Logo — exact Oklo size */
header img._1hlincgc,
header ._1hlincgb img{
  display:block!important;
  width:133.99px!important;
  height:37.567px!important;
  max-width:none!important;
  object-fit:contain!important;
  opacity:1!important;
  visibility:visible!important;
  filter:drop-shadow(0 1px 10px rgba(0,0,0,.65))!important;
}
._1hlincg2[data-mode=light] img._1hlincgc,
._1hlincg2[data-mode=newsroom] img._1hlincgc,
._1hlincg2[data-mode=light] ._1hlincgb img,
._1hlincg2[data-mode=newsroom] ._1hlincgb img{
  filter:invert(1)!important;
}

/* Nav text */
header ._1hlincgd,
header a{
  font-family:var(--bg051ff),-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif!important;
  font-size:0.75rem!important; /* --bg051fn */
  line-height:1.09!important;
  white-space:nowrap!important;
  color:inherit!important;
}

/* Keep content above glass */
._1hlincg2 > *:not(svg){
  position:relative;
  z-index:1;
}
