*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:'Inter',sans-serif;
background:#0f141a;
color:white;
overflow:hidden;
}


/* HERO */

.hero{
position:relative;
height:100vh;
background:url("LIFTRentalBV.jpg") center/cover no-repeat;
display:flex;
align-items:center;
justify-content:center;
}


/* PARALLAX */

.parallax{
position:absolute;
inset:0;
background:url("LIFTRentalBV.jpg") center/cover no-repeat;
opacity:.12;
transition:transform .25s ease-out;
}


/* OVERLAY */

.overlay{
position:absolute;
inset:0;
background:
radial-gradient(circle at center, rgba(0,0,0,.1), rgba(0,0,0,.85)),
linear-gradient(180deg, rgba(10,15,20,.5), rgba(10,15,20,.95));
}


/* PARTICLES */

.particles span{
position:absolute;
bottom:-20px;
width:3px;
height:3px;
background:#6eaaff;
border-radius:50%;
animation:float linear infinite;
}

@keyframes float{
to{
transform:translateY(-110vh);
}
}


/* CONTENT */

.content{
position:relative;
text-align:center;
padding:40px;
}

.fade{
animation:fadeIn 1.3s ease;
}

@keyframes fadeIn{
from{opacity:0; transform:translateY(25px);}
to{opacity:1; transform:translateY(0);}
}


/* LOGO + SWEEP LIGHT */

.logo{
width:260px;
margin-bottom:20px;
position:relative;
}

.sweep{
animation:sweepLight 4.5s infinite;
}

@keyframes sweepLight{
0%{filter:brightness(1);}
50%{filter:brightness(1.3);}
100%{filter:brightness(1);}
}


/* TITLES */

h1{
font-size:48px;
font-weight:800;
letter-spacing:2px;
}

.tagline{
color:#5da4ff;
margin-bottom:10px;
}

.company{
color:#cfd6dd;
margin-bottom:18px;
}

.coming{
font-size:20px;
color:#8aa4c2;
}


/* MOBILE */

@media(max-width:768px){

.logo{width:180px;}
h1{font-size:34px;}
.coming{font-size:18px;}
body{overflow:auto;}

}