.elementor-3980 .elementor-element.elementor-element-11197bb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-33ec4d7 */#neon-root{
  --bg:#05070c;
  --text:#e5e7eb;
  --muted:#9ca3af;
  --neon:#22ff88;
  --border:rgba(255,255,255,.12);

  background:var(--bg);
  color:var(--text);
  font-family:Inter,system-ui,sans-serif;
}

.hero {
  position: relative;
  overflow: hidden;
}


/* Canvas */
#neon-bg{
  position:fixed;
  inset:0;
  z-index:0;
}

/* Cursor */
.cursor-dot,.cursor-glow{
  position:fixed;
  top:0;left:0;
  pointer-events:none;
  z-index:999;
}
.cursor-dot{
  width:6px;height:6px;
  background:var(--neon);
  border-radius:50%;
}
.cursor-glow{
  width:80px;height:80px;
  background:radial-gradient(circle,var(--neon),transparent 60%);
  filter:blur(20px);
  opacity:.4;
}

/* HERO */
.hero{
  min-height:100vh;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  align-items:center;
  padding:120px;
  position:relative;
  z-index:2;
}
.hero h1{
  font-size:64px;
  line-height:1.05;
}
.hero span{color:var(--neon)}
.hero p{
  color:var(--muted);
  max-width:520px;
  margin:24px 0 40px;
}

/* Buttons */
.btn{
  padding:14px 28px;
  border-radius:999px;
  border:1px solid var(--border);
  background:none;
  color:var(--text);
}
.btn.primary{
  background:var(--neon);
  color:#000;
  border:none;
}
.hero-actions{display:flex;gap:16px}

/* Mockup */
.hero-visual{
  display:flex;
  justify-content:center;
}
.mockup{
  width:360px;height:460px;
  border-radius:20px;
  background:linear-gradient(180deg,#0c101c,#05070c);
  border:1px solid var(--border);
  box-shadow:0 0 80px rgba(34,255,136,.25);
  transform-style:preserve-3d;
}
.screen{
  margin:24px;
  height:calc(100% - 48px);
  background:radial-gradient(circle at top,var(--neon),transparent 60%);
  border-radius:12px;
  opacity:.25;
}

/* STRIP */
.strip{
  display:flex;
  justify-content:space-around;
  padding:40px;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}

/* FEATURES */
.features{
  padding:140px 120px;
  position:relative;
  z-index:2;
}
.features h2{font-size:42px}
.feature-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:32px;
  margin-top:48px;
}
.feature-card{
  padding:36px;
  border:1px solid var(--border);
  border-radius:20px;
  background:rgba(255,255,255,.02);
}

/* PLATFORM */
.platform{
  padding:140px 120px;
}
.platform-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
  margin-top:48px;
}
.platform-visual{
  height:360px;
  border-radius:24px;
  background:radial-gradient(circle,var(--neon),transparent 65%);
  opacity:.2;
}

/* CTA */
.cta{
  padding:140px 120px;
  text-align:center;
}

/* FOOTER */
footer{
  padding:60px;
  text-align:center;
  color:var(--muted);
}/* End custom CSS */