/* AI-BOS site stylesheet — shared across pages */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --bk:#06060a;
  --sf:#0d0d14;
  --sf2:#13131c;
  --wh:#eeeee8;
  --wd:#99998f;
  --wd2:#5d5d57;
  --ac:#c8ff00;
  --ah:#a0ff00;
  --al:rgba(200,255,0,.15);
  --bd:rgba(238,238,232,.06);
  --bd2:rgba(238,238,232,.12);
  --ok:#7ee787;
  --warn:#ffb84d;
  --hot:#ff7a7a;
}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bk);color:var(--wh);overflow-x:hidden;-webkit-font-smoothing:antialiased;line-height:1.5}
body::before{content:'';position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px}

/* Nav */
nav.site{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.1rem 3rem;display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(30px) saturate(1.2);-webkit-backdrop-filter:blur(30px) saturate(1.2);background:rgba(6,6,10,.75);border-bottom:1px solid var(--bd)}
.nav-logo{display:flex;align-items:center}
.nav-logo img{height:22px;width:auto;opacity:.92}
.nav-right{display:flex;align-items:center;gap:2rem}
.nav-link{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.7rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--wd);text-decoration:none;transition:color .25s}
.nav-link:hover,.nav-link.active{color:var(--ac)}
.nav-cta{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--bk);background:var(--ac);padding:.55rem 1.2rem;border:none;text-decoration:none;transition:all .25s}
.nav-cta:hover{background:var(--wh);box-shadow:0 0 30px rgba(200,255,0,.18)}

/* Buttons */
.bp{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.78rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--bk);background:var(--ac);padding:1rem 2.2rem;border:none;text-decoration:none;cursor:pointer;transition:all .25s;display:inline-flex;align-items:center;gap:.7rem}
.bp:hover{background:var(--wh);box-shadow:0 0 40px rgba(200,255,0,.2);transform:translateY(-1px)}
.bs{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.78rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--wd);background:transparent;padding:1rem 2.2rem;border:1px solid var(--bd2);text-decoration:none;cursor:pointer;transition:all .25s;display:inline-flex;align-items:center;gap:.6rem}
.bs:hover{border-color:var(--al);color:var(--ac)}
.bd{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.78rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--wd2);background:rgba(238,238,232,.04);padding:1rem 2.2rem;border:1px solid var(--bd);text-decoration:none;cursor:not-allowed;display:inline-flex;align-items:center;gap:.6rem;pointer-events:none}

/* Section dividers */
.div{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--al),transparent)}

/* Labels */
.lbl{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.65rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--ac);margin-bottom:1.6rem}

/* Footer */
footer.site{padding:3rem;border-top:1px solid var(--bd);display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
.fl{display:flex;align-items:center;gap:2rem}
.fl img{height:16px;width:auto;opacity:.5}
.fc{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.65rem;color:var(--wd);letter-spacing:.05em}
.fr{display:flex;gap:1.5rem;flex-wrap:wrap}
.fr a{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.7rem;color:var(--wd);text-decoration:none;letter-spacing:.05em;transition:color .25s}
.fr a:hover{color:var(--ac)}
.attribution{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.62rem;color:var(--wd2);letter-spacing:.05em;margin-top:.4rem}
.attribution a{color:var(--wd);text-decoration:none}
.attribution a:hover{color:var(--ac)}

/* Status badges */
.status{display:inline-flex;align-items:center;gap:.4rem;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;padding:.3rem .7rem;border-radius:2px}
.status-live{color:var(--ok);background:rgba(126,231,135,.08);border:1px solid rgba(126,231,135,.3)}
.status-live::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px rgba(126,231,135,.6);animation:pulse 2.6s ease-in-out infinite}
.status-soon{color:var(--wd);background:rgba(238,238,232,.04);border:1px solid var(--bd2)}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}

/* Animations */
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

/* Responsive */
@media(max-width:768px){
  nav.site{padding:1rem 1.25rem}
  .nav-right{gap:1.1rem}
  .nav-link{display:none}
  footer.site{flex-direction:column;align-items:flex-start;padding:2rem 1.25rem}
}