/* Case-page chrome: same header as homepage. Does not touch .vhero. */
header.nav{
  position:sticky;top:0;z-index:80;
  --brand:#fc5000;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;
  background:rgba(10,10,12,.82);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line, rgba(244,241,234,.1));
}
html[data-theme="light"] header.nav{
  background:rgba(255,255,255,.85);
  border-bottom-color:rgba(26,26,26,.1);
}
.nav-in{
  max-width:84rem;margin:0 auto;padding:0 1.5rem;
  height:4.5rem;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;gap:1rem;
}
.nav-logo{justify-self:start;display:block;line-height:0}
.nav-logo img{height:1.7rem;width:auto;display:block}
.nav-links{
  justify-self:center;
  display:flex;align-items:center;gap:1.28rem;
  list-style:none;margin:0;padding:0;
}
.nav-links > li{list-style:none;margin:0;padding:0}
.nav-links a{
  font-size:.95rem;font-weight:500;
  color:var(--text-dim);text-decoration:none;white-space:nowrap;
}
html[data-theme="light"] .nav-links a{color:rgba(26,26,26,.58)}
.nav-links a:hover{color:var(--text)}
html[data-theme="light"] .nav-links a:hover{color:#1a1a1a}
.nav-links a.active{color:var(--text);font-weight:600}
html[data-theme="light"] .nav-links a.active{color:#1a1a1a}
.nav-links a.active::after{
  content:"";display:block;height:2px;margin-top:2px;
  background:#fc5000;border-radius:2px;
}
.nav-right{justify-self:end;display:flex;align-items:center;gap:.75rem}
.nav-cta{
  display:inline-flex;align-items:center;
  background:#fc5000;color:#fff !important;font-weight:600;font-size:.88rem;
  letter-spacing:-0.01em;padding:.58rem 1.15rem;border-radius:.6rem;
  text-decoration:none;white-space:nowrap;flex:none;
}
.nav-cta:hover{background:#e64500;color:#fff !important}
.theme-toggle{
  display:inline-flex;align-items:center;justify-content:center;
  width:2.5rem;height:2.5rem;border-radius:50%;
  background:none;border:1px solid var(--line-strong);color:var(--text-dim);
  cursor:pointer;padding:0;flex:none;
}
html[data-theme="light"] .theme-toggle{border-color:rgba(26,26,26,.2);color:rgba(26,26,26,.58)}
.theme-toggle .ic-moon{display:none}
html[data-theme="light"] .theme-toggle .ic-sun{display:none}
html[data-theme="light"] .theme-toggle .ic-moon{display:block}
.nav-burger{display:none;background:none;border:0;color:var(--text);cursor:pointer;padding:.5rem}
.nav-mobile{
  display:none !important;
  position:static !important;top:auto !important;z-index:auto;
  background:none;backdrop-filter:none;-webkit-backdrop-filter:none;
  border:0;box-shadow:none;
}
@media(max-width:1240px){
  .nav-links{display:none}
  .nav-burger{display:block}
  .nav-mobile.open{
    display:block !important;
    position:fixed !important;
    top:4.5rem;left:0;right:0;z-index:79;
    background:rgba(10,10,12,.97);
    border-bottom:1px solid var(--line-strong);padding:1.5rem;
  }
  html[data-theme="light"] .nav-mobile.open{background:rgba(255,255,255,.97)}
  .nav-mobile ul{list-style:none;display:flex;flex-direction:column;gap:1.1rem;margin:0;padding:0}
  .nav-mobile a{font-size:1.1rem;font-weight:500;color:var(--text-dim);text-decoration:none}
  .nav-mobile a.active,.nav-mobile a.cur{color:var(--text)}
  .nav-mobile .nav-cta{display:inline-flex;margin-top:.4rem;width:fit-content}
}
.subnav{top:4.5rem !important}

.nav-links .has-sub{position:relative}
.nav-links .has-sub > a{display:inline-flex;align-items:center;gap:.32rem}
.nav-links .has-sub > a::after{
  content:"";width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;
  border-top:4px solid currentColor;opacity:.55;margin-top:1px
}
.nav-links .nav-sub{
  display:none;position:absolute;top:calc(100% + .2rem);left:50%;transform:translateX(-50%);
  min-width:15.5rem;padding:.45rem 0 .35rem;margin:0;list-style:none;
  background:#161618;border:1px solid rgba(244,241,234,.16);border-radius:.55rem;
  box-shadow:0 18px 40px -18px rgba(0,0,0,.6);z-index:80
}
.nav-links .nav-sub::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:.55rem}
.nav-links .has-sub:hover .nav-sub,
.nav-links .has-sub:focus-within .nav-sub{display:block}
.nav-links .nav-sub li{list-style:none;margin:0;padding:0}
.nav-links .nav-sub a{display:block;padding:.48rem 1rem;font-size:.9rem;white-space:nowrap;color:#d8d2c8 !important}
.nav-links .nav-sub a:hover{color:#f4f1ea !important}
.nav-links .nav-sub a.active::after{display:none}

footer.footer{
  border-top:1px solid var(--line);
  padding:4.5rem 1.5rem 2.5rem;
  background:#161618;
  color:var(--text);
}
footer.footer a{text-decoration:none}
.footer-in{max-width:84rem;margin:0 auto}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:3.5rem}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}
footer.footer h4{
  font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--text-dim);margin-bottom:1.1rem;font-weight:500
}
footer.footer ul{list-style:none;display:flex;flex-direction:column;gap:.65rem;margin:0;padding:0}
footer.footer ul a{color:var(--text-dim);font-size:.95rem}
footer.footer ul a:hover{color:var(--text)}
.footer-logo img{height:1.6rem;margin-bottom:1.2rem;display:block}
.footer-tag{color:var(--text-dim);font-size:.95rem;max-width:34ch;line-height:1.6;margin:0}
.footer-base{
  border-top:1px solid var(--line);padding-top:2rem;
  display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap
}
.footer-base .mono-note{
  font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--text-dim)
}

html[data-theme="light"] .nav-links .nav-sub{
  background:#fff;
  border:1px solid rgba(26,26,26,.12);
  box-shadow:0 18px 40px -18px rgba(0,0,0,.18);
}
html[data-theme="light"] .nav-links .nav-sub a{color:#1a1a1a !important}
html[data-theme="light"] .nav-links .nav-sub a:hover{color:#0a0a0c !important;background:rgba(26,26,26,.05)}