body { font-family: 'Inter', sans-serif;
    
 }
        .dashed-box { border-style: dashed; border-width: 2px; }
        .floating-label { transition: transform 0.3s ease; }
        .floating-label:hover { transform: translateY(-5px); }



/* ---------- FLOATING FEATURE CARDS ---------- */

@keyframes floatFeature {
0% { transform: translateY(0px); }
50% { transform: translateY(-10px); }
100% { transform: translateY(0px); }
}

.feature-float{
animation: floatFeature 6s ease-in-out infinite;
}


/* ---------- AVATAR FLOAT ---------- */

@keyframes avatarFloat{
0%{ transform: translateY(0px); }
50%{ transform: translateY(-6px); }
100%{ transform: translateY(0px); }
}

.leader{
position:absolute;
text-align:center;
animation: avatarFloat 4s ease-in-out infinite;
}


/* ---------- CENTER PULSE ---------- */

@keyframes pulseLeader{
0%{ box-shadow:0 0 0 0 rgba(16,185,129,.6); }
70%{ box-shadow:0 0 0 18px rgba(16,185,129,0); }
100%{ box-shadow:0 0 0 0 rgba(16,185,129,0); }
}

.center-leader img{
animation:pulseLeader 2.4s infinite;
}


/* ---------- SIGNAL LINES ---------- */

.network svg line{
stroke:#d1d5db;
stroke-width:1.5;
stroke-dasharray:6;
animation:signalFlow 6s linear infinite;
}

@keyframes signalFlow{
0%{ stroke-dashoffset:120; }
100%{ stroke-dashoffset:0; }
}


/* ---------- HOVER EXPANSION ---------- */

.network{
transition:all .4s ease;
}

.network:hover{
transform:scale(1.03);
}

.network:hover .leader{
transform:scale(1.12);
transition:.4s;
}


/* parent perspective */
.feature-tilt{
    perspective:1000px;
}

/* card animation */
.feature-card{
    transition: transform .4s ease, box-shadow .4s ease;
    transform-style: preserve-3d;
}

/* hover tilt */
.feature-card:hover{
    transform: rotateX(6deg) rotateY(-6deg) scale(1.05);
    box-shadow:0 20px 40px rgba(0,0,0,0.12);
}



@keyframes arrowMove{
0%{ transform: translateX(0); }
50%{ transform: translateX(4px); }
100%{ transform: translateX(0); }
}

.arrow-btn{
background: linear-gradient(135deg,#10b981,#059669);
color:white;
transition: all .35s ease;
box-shadow:0 8px 20px rgba(16,185,129,0.25);
}

.arrow-btn:hover{
transform: translateY(-3px) scale(1.05);
box-shadow:0 15px 35px rgba(16,185,129,0.35);
}

.arrow-btn svg{
animation: arrowMove 1.5s infinite ease-in-out;
}
/* Typing Cursor Animation */
    .cursor {
        display: inline-block;
        width: 3px;
        background-color: #064e3b; /* Emerald 900 */
        margin-left: 4px;
        animation: blink 0.8s infinite;
    }

    @keyframes blink {
        0%, 100% { opacity: 1; }
        50% { opacity: 0; }
    }
    
/*2nd section*/

.reveal{
opacity:0;
transform:translateY(40px);
transition:all 0.9s ease;
}

.reveal.active{
opacity:1;
transform:translateY(0);
}
 /*Form*/

  /* Simple entry animation */
  .animate-fade-in {
    animation: fadeIn 0.5s ease-out forwards;
  }
  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
  }
  
  /*images..features.*/
  
  /* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}