/* /assets/css/chrome.css */
:root{
  --bg:#0b0f14;
  --panel:#11161d;
  --muted:#8b9db0;
  --text:#e8eef6;
  --headline:#f2f6fb;
  --brand:#3d66ff;
  --border:#1c2430;
}

/* NAV */
header.nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px 0;
  position:relative;
}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:56px;width:auto;display:block}
.nav-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.nav-link{color:var(--text);font-weight:600;opacity:.95;text-decoration:none}
.nav-link.is-active{opacity:1}
.nav-cta a{
  display:inline-block;
  background:var(--brand);
  color:#fff;
  padding:10px 14px;
  border-radius:10px;
  font-weight:600;
  border:1px solid rgba(255,255,255,.06);
  text-decoration:none;
}

/* Hamburger */
.hamburger{
  display:none;
  width:44px;height:44px;
  border-radius:12px;
  border:1px solid var(--border);
  background:#0f141a;
  color:var(--text);
  cursor:pointer;
  align-items:center;
  justify-content:center;
  padding:0;
}
.hamburger span{
  display:block;
  width:18px;height:2px;
  background:var(--text);
  border-radius:999px;
  position:relative;
}
.hamburger span::before,
.hamburger span::after{
  content:"";
  position:absolute;
  left:0;
  width:18px;height:2px;
  background:var(--text);
  border-radius:999px;
}
.hamburger span::before{ top:-6px; }
.hamburger span::after{ top:6px; }

/* Drawer */
.nav-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.55);
  backdrop-filter:saturate(140%) blur(6px);
  opacity:0;
  pointer-events:none;
  transition:.25s ease;
  z-index:999;
}
.nav-drawer{
  position:fixed;
  top:0;
  right:-320px;
  width:300px;
  height:100vh;
  background:#0f141a;
  border-left:1px solid var(--border);
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:10px;
  transition:.25s ease;
  z-index:1000;
}
.drawer-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-bottom:10px;
  border-bottom:1px solid var(--border);
  margin-bottom:6px;
}
.drawer-title{
  font-weight:800;
  color:var(--headline);
  letter-spacing:.02em;
  font-size:14px;
  text-transform:uppercase;
}
.drawer-close{
  width:40px;height:40px;
  border-radius:12px;
  border:1px solid var(--border);
  background:#0b0f14;
  color:var(--text);
  cursor:pointer;
  font-size:18px;
  line-height:0;
}
.drawer-links a{
  display:block;
  padding:12px 12px;
  border:1px solid var(--border);
  border-radius:12px;
  background:#0b0f14;
  color:var(--text);
  font-weight:650;
  text-decoration:none;
}
.drawer-cta{
  margin-top:8px;
  padding-top:10px;
  border-top:1px solid var(--border);
}
.drawer-cta a{
  display:block;
  text-align:center;
  background:var(--brand);
  color:#fff;
  padding:12px 14px;
  border-radius:12px;
  font-weight:800;
  border:1px solid rgba(255,255,255,.06);
  text-decoration:none;
}

body.nav-open .nav-overlay{ opacity:1; pointer-events:auto; }
body.nav-open .nav-drawer{ right:0; }

@media (max-width:900px){
  .nav-links{ display:none; }
  .hamburger{ display:flex; }
}

/* FOOTER */
.site-footer{
  padding:28px 0;
  color:var(--muted);
  border-top:1px solid var(--border);
  margin-top:40px;
}
.site-footer a{color:var(--muted);text-decoration:none}
.footer-wrap{
  display:flex;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.footer-muted{margin-top:6px;font-size:13px}
.footer-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.social{display:flex;align-items:center;gap:14px}
.social svg{width:18px;height:18px;fill:currentColor}