:root{
  --bg:#050607;
  --bg-soft:#090c0f;
  --panel:#0d1115;
  --panel-soft:#11171d;
  --line:rgba(255,255,255,.11);
  --line-bright:rgba(255,255,255,.20);
  --text:#f4f7f8;
  --muted:#9ba7ae;
  --muted-bright:#c6d0d4;
  --acid:#dfff00;
  --green:#42ff9e;
  --danger:#ff6577;
  --max-width:1240px;
  --radius-sm:10px;
  --radius-md:18px;
  --radius-lg:28px;
  --shadow-xl:0 40px 120px rgba(0,0,0,.50);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-width:320px;
  overflow-x:hidden;
  color:var(--text);
  background:
    radial-gradient(circle at 15% 0%,rgba(66,255,158,.07),transparent 31%),
    radial-gradient(circle at 86% 12%,rgba(223,255,0,.05),transparent 27%),
    var(--bg);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.6;
}
body.menu-open{overflow:hidden}
a{color:inherit}
button,input,select,textarea{font:inherit}
img{display:block;max-width:100%}

.site-header{
  position:sticky;
  top:0;
  z-index:100;
  border-bottom:1px solid var(--line);
  background:rgba(5,6,7,.88);
  backdrop-filter:blur(18px);
}
.header-shell,.page-shell,.footer-shell{
  width:min(calc(100% - 40px),var(--max-width));
  margin-inline:auto;
}
.header-shell{
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.brand{
  display:inline-flex;
  align-items:center;
  gap:14px;
  color:var(--text);
  text-decoration:none;
}
.brand-orbit{
  width:42px;
  height:42px;
  flex:0 0 42px;
  border:1px solid rgba(223,255,0,.38);
  border-radius:50%;
  background:
    radial-gradient(circle at center,#000 0 25%,transparent 27%),
    conic-gradient(from 180deg,rgba(223,255,0,.05),rgba(223,255,0,.82),rgba(66,255,158,.38),rgba(223,255,0,.05));
  box-shadow:0 0 24px rgba(223,255,0,.16),inset 0 0 12px #000;
}
.brand-copy{display:grid;gap:2px}
.brand-copy strong{font-size:.96rem;letter-spacing:.02em}
.brand-copy small{color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}

.site-nav{
  display:flex;
  align-items:center;
  gap:24px;
}
.site-nav a{
  color:var(--muted-bright);
  font-size:.88rem;
  font-weight:700;
  text-decoration:none;
}
.site-nav a:hover{color:var(--text)}
.site-nav .nav-cta{
  padding:11px 16px;
  border:1px solid rgba(223,255,0,.55);
  border-radius:999px;
  color:var(--acid);
}
.site-nav .nav-cta:hover{color:#050607;background:var(--acid)}

.menu-toggle{
  display:none;
  width:46px;
  height:42px;
  border:1px solid var(--line);
  border-radius:10px;
  color:var(--text);
  background:var(--panel);
  cursor:pointer;
}

.page-shell{padding-block:76px 110px}
.eyebrow{
  margin:0 0 16px;
  color:var(--green);
  font-size:.76rem;
  font-weight:850;
  letter-spacing:.19em;
  text-transform:uppercase;
}
.page-title{
  margin:0;
  max-width:900px;
  font-size:clamp(2.8rem,6vw,5.8rem);
  font-weight:850;
  line-height:.98;
  letter-spacing:-.052em;
}
.page-intro{
  max-width:820px;
  margin:24px 0 0;
  color:var(--muted-bright);
  font-size:1.08rem;
}

.site-footer{
  border-top:1px solid var(--line);
  background:#030405;
}
.footer-shell{
  min-height:84px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  color:var(--muted);
  font-size:.82rem;
}
.footer-links{display:flex;gap:18px;flex-wrap:wrap}
.footer-links a{text-decoration:none}
.footer-links a:hover{color:var(--acid)}

@media(max-width:980px){
  .site-nav{gap:16px}
}
@media(max-width:860px){
  .menu-toggle{display:block}
  .site-nav{
    position:fixed;
    inset:82px 0 auto;
    display:none;
    max-height:calc(100vh - 82px);
    overflow-y:auto;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:18px;
    border-bottom:1px solid var(--line);
    background:rgba(5,6,7,.98);
  }
  .site-nav.is-open{display:flex}
  .site-nav a{padding:14px;border-bottom:1px solid var(--line)}
  .site-nav .nav-cta{margin-top:12px;text-align:center}
}
@media(max-width:620px){
  .header-shell,.page-shell,.footer-shell{width:min(calc(100% - 28px),var(--max-width))}
  .brand-copy small{display:none}
  .page-shell{padding-block:58px 82px}
  .footer-shell{align-items:flex-start;flex-direction:column;justify-content:center;padding-block:22px}
}