:root{
  --bg:#080a0d;--bg-mid:#0d1115;--bg-deep:#0f1317;
  --border:rgba(255,255,255,0.07);--border-mid:rgba(255,255,255,0.12);
  --text-dim:rgba(255,255,255,0.55);--text-muted:rgba(255,255,255,0.38);--text-ghost:rgba(255,255,255,0.25);
  --font-display:'Rajdhani',sans-serif;--font-body:'Space Grotesk',sans-serif;
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}

/* ── NAV ── */
#nav-wrap{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:100;padding:0 1px 1px;background:rgba(180,220,235,0.18);clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px));}
nav{display:flex;justify-content:space-between;align-items:center;padding:14px 28px;background:#192125;gap:48px;}
.navlinks{display:flex;gap:28px;list-style:none;}
.navlinks a{font-size:10px;letter-spacing:0.18em;color:rgba(255,255,255,0.35);text-decoration:none;text-transform:uppercase;transition:color 0.3s;}
.navlinks a:hover,.navlinks li.on a{color:#fff;}
.logo-cap{display:flex;align-items:center;justify-content:center;}
.logo-cap img{height:22px;width:auto;display:block;opacity:0.95;}

/* ── NAV BURGER ── */
.nav-burger{display:none;flex-direction:column;justify-content:space-between;width:22px;height:14px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;}
.nav-burger span{display:block;width:100%;height:1px;background:rgba(255,255,255,0.7);transition:transform 0.3s ease,opacity 0.3s ease;}
.nav-burger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.nav-burger.open span:nth-child(2){opacity:0;}
.nav-burger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}

/* ── NAV MOBILE HUD ── */
#nav-mobile-overlay{
  display:none;
  position:fixed;inset:0;z-index:90;
  background:rgba(8,10,13,0.75);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  flex-direction:column;justify-content:center;align-items:center;
  opacity:0;transition:opacity 0.28s ease;
}
#nav-mobile-overlay.open{display:flex;}
#nav-mobile-overlay.visible{opacity:1;}

.nmo-inner{
  position:relative;
  padding:52px 44px;
  border:0.5px solid rgba(180,200,210,0.12);
  min-width:min(320px,80vw);
}

/* HUD corner marks */
.nmo-corner{position:absolute;width:10px;height:10px;}
.nmo-tl{top:-1px;left:-1px;border-top:1px solid rgba(180,200,210,0.35);border-left:1px solid rgba(180,200,210,0.35);}
.nmo-tr{top:-1px;right:-1px;border-top:1px solid rgba(180,200,210,0.35);border-right:1px solid rgba(180,200,210,0.35);}
.nmo-bl{bottom:-1px;left:-1px;border-bottom:1px solid rgba(180,200,210,0.35);border-left:1px solid rgba(180,200,210,0.35);}
.nmo-br{bottom:-1px;right:-1px;border-bottom:1px solid rgba(180,200,210,0.35);border-right:1px solid rgba(180,200,210,0.35);}

/* Close button */
.nmo-close{
  position:absolute;top:14px;right:14px;
  background:none;border:none;cursor:pointer;padding:0;
  display:flex;align-items:center;justify-content:center;
}
.nmo-close-box{
  display:flex;align-items:center;justify-content:center;
  width:22px;height:22px;
  border:0.5px solid rgba(180,200,210,0.22);
  transition:border-color 0.2s,background 0.2s;
}
.nmo-close:hover .nmo-close-box{border-color:rgba(255,255,255,0.5);background:rgba(255,255,255,0.05);}

/* Nav links */
.nmo-links{list-style:none;display:flex;flex-direction:column;gap:0;}
.nmo-links li{border-bottom:0.5px solid rgba(180,200,210,0.08);}
.nmo-links li:first-child{border-top:0.5px solid rgba(180,200,210,0.08);}
.nmo-links a{
  display:flex;flex-direction:column;gap:4px;
  padding:18px 0;text-decoration:none;
  transition:opacity 0.2s;
}
.nmo-links a:hover,.nmo-links li.on a{opacity:1;}
.nmo-links a{opacity:0.6;}
.nmo-label{
  font-family:'Rajdhani',sans-serif;
  font-size:20px;font-weight:600;
  letter-spacing:0.18em;text-transform:uppercase;
  color:#fff;line-height:1;
  transition:letter-spacing 0.3s;
}
.nmo-links a:hover .nmo-label,.nmo-links li.on a .nmo-label{letter-spacing:0.24em;opacity:1;}
.nmo-links li.on a .nmo-label{color:#fff;}
.nmo-tag{
  font-family:'Rajdhani',sans-serif;
  font-size:9px;letter-spacing:0.14em;
  color:rgba(180,200,210,0.35);
  text-transform:uppercase;
}

@media(max-width:700px){
  #nav-wrap{width:100%;left:0;transform:none;clip-path:none;padding:0;}
  nav{padding:14px 20px;}
  .navlinks{display:none;}
  .nav-burger{display:flex;}
  .co{display:none;}
}

/* ── CORNER MARKS ── */
.co{position:fixed;width:14px;height:14px;z-index:50;opacity:0.15;}
.co.tl{top:72px;left:48px;border-top:0.5px solid #fff;border-left:0.5px solid #fff;}
.co.tr{top:72px;right:48px;border-top:0.5px solid #fff;border-right:0.5px solid #fff;}
.co.bl{bottom:34px;left:48px;border-bottom:0.5px solid #fff;border-left:0.5px solid #fff;}
.co.br{bottom:34px;right:48px;border-bottom:0.5px solid #fff;border-right:0.5px solid #fff;}

/* ── SCAN ── */
.scan{position:fixed;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.02),transparent);animation:sc 12s linear infinite;pointer-events:none;z-index:5;}
@keyframes sc{0%{top:-2px;}100%{top:100vh;}}

/* ── WRAP ── */
.wrap{max-width:1240px;margin:0 auto;padding:0 48px;}

/* ── BUTTONS ── */
.btn-outline{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,0.55);color:#fff;font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:0.22em;text-transform:uppercase;padding:13px 26px;background:transparent;cursor:pointer;transition:all 0.3s;text-decoration:none;}
.btn-outline:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.9);}
.btn-solid{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#080a0d;font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:0.18em;text-transform:uppercase;padding:13px 24px;border:none;cursor:pointer;font-weight:500;transition:all 0.3s;text-decoration:none;}
.btn-solid:hover{background:rgba(255,255,255,0.88);}

/* ── FOOTER ── */
footer{padding:28px 0;border-top:0.5px solid rgba(255,255,255,0.06);background:#080a0d;}
.footer-inner{display:flex;justify-content:space-between;align-items:center;}
.footer-logo{font-family:'Rajdhani',sans-serif;font-size:12px;letter-spacing:0.18em;color:rgba(255,255,255,0.3);text-transform:uppercase;}
.footer-copy{font-size:11px;color:rgba(255,255,255,0.18);letter-spacing:0.06em;}
.footer-mail{font-size:11px;color:rgba(255,255,255,0.22);text-decoration:none;transition:color 0.3s;}
.footer-mail:hover{color:#fff;}

/* ── REVEAL ── */
.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.9s ease,transform 0.9s cubic-bezier(0.16,1,0.3,1);}
.reveal.visible{opacity:1;transform:translateY(0);}
.reveal-delay{transition-delay:0.12s;}

/* ── ACCESSIBILITY ── */
:focus{outline:none;}
:focus-visible{outline:2px solid rgba(160,200,220,0.7);outline-offset:3px;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}
#skip-to-content{position:absolute;left:-9999px;top:8px;z-index:9999;padding:10px 20px;background:#192125;color:#fff;font-family:'Space Grotesk',sans-serif;font-size:13px;text-decoration:none;border:1px solid rgba(160,200,220,0.35);letter-spacing:0.06em;}
#skip-to-content:focus-visible{left:8px;}