/* =====================================
HERO SECTION
===================================== */

.hero-section{

position:relative;
height:100vh;
display:flex;
align-items:center;
overflow:hidden;

}

.hero-video{

position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
z-index:-2;

}

.hero-overlay{

position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.65);
z-index:-1;

}

.hero-tag{

display:inline-block;
padding:10px 25px;
background:#0d6efd;
color:#fff;
border-radius:50px;
margin-bottom:20px;
font-weight:600;

}

.hero-title{

font-size:65px;
font-weight:800;
color:#fff;
line-height:1.1;

}

.hero-title span{

color:#00d4ff;

}

.hero-description{

color:#ddd;
font-size:20px;
line-height:34px;
margin:30px 0;

}

.hero-buttons{

display:flex;
gap:20px;
flex-wrap:wrap;

}

.hero-image{

max-width:500px;
animation:float 5s infinite ease-in-out;

}

.technology-badges{

display:flex;
flex-wrap:wrap;
gap:12px;

}

.technology-badges span{

padding:10px 20px;
background:rgba(255,255,255,.12);
backdrop-filter:blur(8px);
border-radius:30px;
color:#fff;

}

@keyframes float{

0%{transform:translateY(0);}
50%{transform:translateY(-15px);}
100%{transform:translateY(0);}

}