*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
html,body{width:100%;height:auto;}
body{
  background:#020915;
  color:#e8f9ff;
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow-x:hidden;
  overflow-y:auto;
}

/* background canvas */
#bg{
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  display:block;
  z-index:0;
  pointer-events:none;
}

/* hero */
.hero{
  position:relative;
  z-index:10;
  min-height:auto;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
  padding:48px 16px 120px 16px;
}

/* hero inner */
.hero-inner{
  position:relative;
  z-index:11;
  text-align:center;
  max-width:1000px;
  margin:0 auto;
}

/* stronger glow */
.hero-inner::before{
  content:"";
  position:absolute;
  inset:-200px -300px;
  background:radial-gradient(circle at center,
    rgba(80,255,234,0.65) 0%,
    rgba(80,255,234,0.35) 25%,
    rgba(80,255,234,0.15) 55%,
    rgba(80,255,234,0) 80%);
  filter:blur(30px);
  opacity:1;
  z-index:-1;
}

/* logo bigger */
.logo{
  width:460px;
  height:auto;
  margin-bottom:26px;
  filter:drop-shadow(0 0 36px rgba(80,255,234,1));
}

/* eyebrow */
.eyebrow{
  font-size:15px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  opacity:0.9;
  margin-bottom:24px;
  font-weight:600;
  color:#c9faff;
  text-shadow:
    0 0 22px rgba(80,255,234,0.8),
    0 0 28px rgba(0,0,0,0.9);
}

/* headline larger + glow */
.headline{
  font-size:58px;
  font-weight:800;
  max-width:900px;
  margin:0 auto 34px auto;
  color:#e8f9ff;
  letter-spacing:-0.6px;
  line-height:1.18;
  text-shadow:
    0 0 26px rgba(0,0,0,1),
    0 0 52px rgba(80,255,234,0.85),
    0 0 110px rgba(80,255,234,0.45);
}

/* CTA */
.cta{
  display:inline-block;
  margin-top:14px;
  padding:16px 54px;
  border-radius:999px;
  background:linear-gradient(135deg,#14f7ff,#0094ff);
  color:#fdfefe;
  font-weight:700;
  font-size:19px;
  text-decoration:none;
  box-shadow:
    0 18px 44px rgba(0,0,0,0.85),
    0 0 34px rgba(80,255,234,0.9);
  transition:transform .15s ease-out,box-shadow .15s ease-out,filter .15s ease-out;
}
.cta:hover{
  transform:translateY(-4px);
  box-shadow:
    0 24px 56px rgba(0,0,0,0.9),
    0 0 44px rgba(80,255,234,1);
  filter:brightness(1.08);
}

/* subcopy */
.subcopy{
  margin-top:20px;
  font-size:15px;
  opacity:0.95;
  color:#e8f9ff;
  text-shadow:
    0 0 20px rgba(0,0,0,0.9),
    0 0 28px rgba(80,255,234,0.6);
}

/* mobile */
@media(max-width:600px){
  .logo{width:300px;margin-bottom:18px;}
  .headline{font-size:38px;}
  .hero-inner::before{inset:-140px -180px;}
}


/* Primary CTA for Demo */
.cta-primary {
  background: linear-gradient(135deg,#14f7ff,#0094ff);
  color: #ffffff;
  font-size: 21px;
  padding: 18px 64px;
  margin-bottom: 18px;
  font-weight: 800;
  border-radius: 999px;
  box-shadow: 0 0 34px rgba(80,255,234,1), 0 0 68px rgba(0,148,255,0.65);
  display: inline-block;
  text-decoration: none;
  transition: 0.2s ease;
}
.cta-primary:hover {
  transform: translateY(-4px);
  box-shadow: 0 0 44px rgba(80,255,234,1), 0 0 88px rgba(0,148,255,0.9);
}