* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: 'Space Grotesk', sans-serif;
  background: #0a0e17;
  color: #e2e8f0;
  min-height: 100vh;
}
.grid-bg {
  position: fixed;
  inset: 0;
  background-image:
    linear-gradient(rgba(0,255,200,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,255,200,0.03) 1px, transparent 1px);
  background-size: 40px 40px;
  pointer-events: none;
}
main { position: relative; max-width: 720px; margin: 0 auto; padding: 3rem 1.5rem; }
.ascii { font-family: 'JetBrains Mono', monospace; color: #00ffc8; font-size: 0.75rem; margin-bottom: 1rem; }
h1 { font-size: 2.25rem; color: #fff; margin-bottom: 0.75rem; }
.mono { font-family: 'JetBrains Mono', monospace; font-size: 0.9rem; color: #94a3b8; line-height: 1.6; }
.terminal {
  margin: 2rem 0;
  border: 1px solid #1e293b;
  background: #111827;
  padding: 1.25rem;
  border-radius: 4px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.85rem;
}
.prompt { color: #00ffc8; }
.output { color: #fbbf24; margin-top: 0.5rem; }
.modules h2 { font-family: 'JetBrains Mono', monospace; color: #00ffc8; font-size: 0.9rem; margin-bottom: 1.25rem; }
.mod {
  border: 1px solid #334155;
  padding: 1.5rem;
  margin-bottom: 1rem;
  background: rgba(17,24,39,0.8);
}
.mod-head { display: flex; justify-content: space-between; margin-bottom: 0.75rem; font-family: 'JetBrains Mono', monospace; font-size: 0.8rem; }
.id { color: #64748b; }
.cost { color: #f472b6; }
.mod h3 { margin-bottom: 0.5rem; font-size: 1.1rem; }
.mod p { color: #94a3b8; font-size: 0.9rem; line-height: 1.5; }
.btn-neon {
  display: inline-block;
  margin-top: 1rem;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.8rem;
  padding: 0.6rem 1rem;
  border: 1px solid #00ffc8;
  color: #00ffc8;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
}
.btn-neon:hover:not(.btn-disabled) { background: #00ffc8; color: #0a0e17; }
.btn-neon.alt { border-color: #f472b6; color: #f472b6; }
.btn-neon.alt:hover:not(.btn-disabled) { background: #f472b6; color: #0a0e17; }
.btn-disabled { opacity: 0.4; }
.top { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 1rem; margin-bottom: 1rem; }
.links { display: flex; gap: 1rem; flex-wrap: wrap; font-family: 'JetBrains Mono', monospace; font-size: 0.75rem; }
.links a { color: #64748b; text-decoration: none; }
.links a:hover { color: #00ffc8; }
.content-block { margin: 2rem 0; }
.content-block h2 { font-family: 'JetBrains Mono', monospace; color: #00ffc8; font-size: 0.9rem; margin-bottom: 1rem; }
.feature-list { list-style: none; font-family: 'JetBrains Mono', monospace; font-size: 0.85rem; color: #94a3b8; line-height: 1.9; }
.feature-list a { color: #00ffc8; }
.flow-text { color: #fbbf24; font-size: 0.85rem; }
.mod-ul { font-family: 'JetBrains Mono', monospace; font-size: 0.75rem; color: #64748b; margin: 0.5rem 0 0; padding-left: 1rem; }
.faq-block details { border: 1px solid #334155; padding: 0.75rem 1rem; margin-bottom: 0.5rem; font-family: 'JetBrains Mono', monospace; font-size: 0.8rem; }
.faq-block summary { color: #00ffc8; cursor: pointer; }
.faq-block p { color: #94a3b8; margin-top: 0.5rem; }
footer { margin-top: 3rem; font-family: 'JetBrains Mono', monospace; font-size: 0.8rem; }
footer a { color: #64748b; }