/* nav.css — dark header + footer */
.site-nav{
  position:sticky;top:0;z-index:100;
  background:rgba(14,15,17,.82);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.site-nav__inner{max-width:var(--max-width);margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.site-nav__logo{display:flex;align-items:center;gap:10px}
.site-nav__logo img{height:34px;width:auto}
.site-nav__menu{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}
.site-nav__menu a{
  color:#d9dde1;font-family:var(--font-mono);font-weight:700;font-size:12px;
  text-transform:uppercase;letter-spacing:.08em;transition:color .2s;
}
.site-nav__menu a:hover{color:var(--green)}
.site-nav__cta{
  background:var(--green)!important;color:#fff!important;
  padding:11px 22px;border-radius:var(--radius-pill);
  font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;
  box-shadow:0 8px 24px var(--green-glow);
}
.site-nav__cta:hover{background:#6bcf44!important;color:#fff!important;transform:translateY(-1px)}
.site-nav__toggle{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer;align-items:center;justify-content:center}
.site-nav__toggle span{display:block;width:22px;height:2px;background:#fff;position:relative}
.site-nav__toggle span::before,.site-nav__toggle span::after{content:"";position:absolute;left:0;width:22px;height:2px;background:#fff;transition:transform .2s}
.site-nav__toggle span::before{top:-7px}
.site-nav__toggle span::after{top:7px}
.site-nav.open .site-nav__toggle span{background:transparent}
.site-nav.open .site-nav__toggle span::before{transform:translateY(7px) rotate(45deg)}
.site-nav.open .site-nav__toggle span::after{transform:translateY(-7px) rotate(-45deg)}
@media(max-width:860px){
  .site-nav__toggle{display:inline-flex}
  .site-nav__menu{
    position:fixed;top:66px;left:0;right:0;
    background:rgba(14,15,17,.97);backdrop-filter:blur(20px);
    flex-direction:column;padding:24px;gap:20px;
    border-bottom:1px solid rgba(255,255,255,.08);
    transform:translateY(-120%);transition:transform .3s var(--ease);
    align-items:flex-start;
  }
  .site-nav.open .site-nav__menu{transform:translateY(0)}
  .site-nav__cta{width:100%;text-align:center;padding:14px 22px}
}

/* footer */
.site-footer{
  background:#070808;color:#a8acb0;padding:80px 20px 32px;margin-top:var(--space-2xl);
  border-top:1px solid rgba(255,255,255,.06);
}
.site-footer__inner{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px}
.site-footer h4{color:#fff;font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:20px;font-weight:700}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{margin-bottom:12px;font-size:14px}
.site-footer a{color:#9a9ea3;transition:color .2s}
.site-footer a:hover{color:var(--green)}
.site-footer__bottom{
  max-width:var(--max-width);margin:48px auto 0;padding-top:28px;
  border-top:1px solid rgba(255,255,255,.06);
  font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;color:#6a6e73;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;text-transform:uppercase;
}
.site-footer__logo img{height:42px;margin-bottom:16px}
.site-footer__desc{font-size:13px;line-height:1.7;color:#7e8287;max-width:340px}
@media(max-width:780px){.site-footer__inner{grid-template-columns:1fr 1fr;gap:32px}.site-footer__logo{grid-column:1/-1}}
@media(max-width:480px){.site-footer__inner{grid-template-columns:1fr}}

/* Breadcrumb */
.breadcrumb{font-family:var(--font-mono);font-size:11px;color:#6a6e73;padding:20px 0 0;text-transform:uppercase;letter-spacing:.08em}
.breadcrumb a{color:#9a9ea3}
.breadcrumb a:hover{color:var(--green)}
.breadcrumb span{margin:0 8px;color:#3e4145}