:root {
  --brand-green: #d4f600;   /* Accent color for branding */
  --button-text: #060606;   /* Button text color */
  --dark-bg: #101010;       /* Main background */
  --card-bg: #161616;       /* Card background */
  --text-light: #f8f9fa;    /* General text color */
    --brand-green:#d4f600;
  --button-text:#060606;
  --elev: rgba(212,246,0,.18);
  --card: #161616;
  --ink: #eaeaea;
}

body {
  background-color: var(--dark-bg) !important;
  color: var(--text-light) !important;
}

:root{
  --brand-green:#d4f600;
  --button-text:#060606;
  --ink:#eaeaea;
  --muted:#a9a9a9;
  --surface:#141414;
  --card:#161616;
}

.section{padding:4rem 0;border-top:1px solid rgba(212,246,0,.14)}
.grid{display:grid;gap:1.2rem}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:992px){.grid.cols-3{grid-template-columns:1fr 1fr}}
@media (max-width:576px){.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}}

.card{
  background:var(--card);
  border:1px solid rgba(212,246,0,.18);
  border-radius:12px;
  padding:1.1rem;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.card:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 24px rgba(0,0,0,.35);
  border-color:rgba(212,246,0,.32);
}
.card .kicker{letter-spacing:.12em;text-transform:uppercase;color:#8b8b8b;font-size:.78rem}
.card h5{margin:.2rem 0 .4rem 0}
.card p.small{color:#cfcfcf}
.icon{
  width:42px;height:42px;border-radius:10px;
  display:grid;place-items:center;
  background:linear-gradient(180deg, rgba(212,246,0,.14), rgba(212,246,0,.04));
  border:1px solid rgba(212,246,0,.25);
  color:var(--brand-green);
}

/* Feature rows with dividers */
.feature-row{display:flex;gap:1rem;align-items:flex-start}
.feature-row+.feature-row{border-top:1px dashed rgba(212,246,0,.16);padding-top:1rem;margin-top:1rem}

/* Reveal animations */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease, transform .6s ease}
.reveal.show{opacity:1;transform:none}
.stagger:nth-child(1){transition-delay:.04s}
.stagger:nth-child(2){transition-delay:.08s}
.stagger:nth-child(3){transition-delay:.12s}
.stagger:nth-child(4){transition-delay:.16s}
.stagger:nth-child(5){transition-delay:.20s}
.stagger:nth-child(6){transition-delay:.24s}


.btn-success {
  background-color: var(--brand-green) !important;
  color: var(--button-text) !important;
  border: none;
  font-weight: bold;
}

.btn-success:hover, .neon-hover:hover {
  filter: brightness(1.1);
  background: var(--brand-green) !important;
  color: var(--button-text) !important;
}

.border-success {
  border-color: var(--brand-green) !important;
}

/* Other components remain minimal for clean layout */
.card {
  background-color: var(--card-bg) !important;
  border-radius: 10px;
}
.list-group-item {
  background: #191919 !important;
  border-color: var(--neon-green) !important;
}
::-webkit-scrollbar {
  width: 10px;
  background: #101010;
}
::-webkit-scrollbar-thumb {
  background: var(--neon-green);
  border-radius: 5px;
}
a {
  text-decoration: none !important;
}
/* Cards and borders */
.section{padding:4rem 0;border-top:1px solid rgba(212,246,0,.16)}
.card{background:var(--card);border:1px solid rgba(212,246,0,.22);transition:transform .25s ease, box-shadow .25s ease}
.card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,.35), 0 0 0 1px rgba(212,246,0,.12) inset}

/* Accent buttons */
.btn-accent{background:var(--brand-green);color:var(--button-text);border:none;font-weight:600;transition:filter .2s ease, transform .08s ease}
.btn-accent:hover{filter:brightness(.96)}
.btn-accent:active{transform:translateY(1px)}

/* Outline buttons */
.btn-outline-accent{border:1px solid var(--brand-green);color:var(--brand-green);background:transparent}
.btn-outline-accent:hover{background:rgba(212,246,0,.09);color:#fff}

/* Pills + badges */
.pill{border:1px solid rgba(212,246,0,.32);color:#ddd;background:#111;padding:.3rem .6rem;border-radius:999px}

/* Reveal base states */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease, transform .6s ease}
.reveal.show{opacity:1;transform:none}

/* Micro-interactions */
.link-light-muted{color:#e9e9e9;text-decoration:none}
.link-light-muted:hover{color:var(--brand-green)}
.check{color:var(--brand-green)}