*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Inter',sans-serif;
}

body{
background:#0e0e16;
color:#fff;
overflow-x:hidden;
cursor:none;
}

/* Animated Cursor */
.cursor{
position:fixed;
width:20px;
height:20px;
border:2px solid #00f5ff;
border-radius:50%;
pointer-events:none;
transform:translate(-50%,-50%);
z-index:9999;
transition:transform 0.1s ease;
}

/* Navbar */
nav{
position:fixed;
width:100%;
padding:20px 8%;
display:flex;
justify-content:space-between;
background:rgba(0,0,0,0.6);
backdrop-filter:blur(12px);
z-index:1000;
}

nav a{
color:#fff;
text-decoration:none;
margin-left:25px;
font-weight:500;
transition:0.3s;
}

nav a:hover{
color:#00f5ff;
}

/* Hero */
.hero{
height:100vh;
display:flex;
align-items:center;
justify-content:center;
position:relative;
overflow:hidden;
background:linear-gradient(135deg,#12121d,#1a1a2e);
perspective:1000px;
}

.parallax-layer{
position:absolute;
width:120%;
height:120%;
background:radial-gradient(circle,#00f5ff20,transparent);
}

.layer-back{
transform:translateZ(-200px) scale(2);
}

.layer-mid{
background:radial-gradient(circle,#ff00c820,transparent);
}

.hero-content{
text-align:center;
z-index:2;
}

.hero-title{
font-size:60px;
font-weight:800;
background:linear-gradient(to right,#00f5ff,#ff00c8);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.hero-sub{
margin-top:20px;
color:#bbb;
}

.btn{
display:inline-block;
margin-top:30px;
padding:12px 40px;
border-radius:50px;
background:linear-gradient(90deg,#00f5ff,#ff00c8);
color:#fff;
text-decoration:none;
font-weight:600;
transition:0.4s;
}

.btn:hover{
transform:scale(1.1);
}

/* Clients */
.clients{
padding:120px 8%;
background:#111;
text-align:center;
}

.logo-slider{
overflow:hidden;
position:relative;
}

.slide-track{
display:flex;
width:calc(250px * 12);
animation:scroll 25s linear infinite;
}

.slide-track img{
width:180px;
margin:0 40px;
filter:grayscale(100%);
opacity:0.6;
transition:0.3s;
}

.slide-track img:hover{
filter:none;
opacity:1;
}

@keyframes scroll{
0%{transform:translateX(0);}
100%{transform:translateX(-50%);}
}
.hero-title {
  font-size: 70px;
  font-weight: 900;
  line-height: 1.2;
}

.rotating-text {
  display: inline-block;
  overflow: hidden;
  height: 80px;
  vertical-align: bottom;
}

.rotating-text span {
  display: block;
  height: 80px;
  background: linear-gradient(to right,#00f5ff,#ff00c8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}