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

body{
  font-family:'Poppins',sans-serif;
  background:url('bg.jpg') no-repeat center/cover;
}

.overlay{
  background:rgba(0,0,0,0.7);
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
}

.container{
  text-align:center;
  color:#fff;
  max-width:1000px;
}

.logo {
  width: 220px;
  max-width: 100%;
  margin-bottom: 20px;
}

h1{font-size:40px;}

.tagline{
  color:#facc15;
  margin:10px 0;
}

.desc{
  margin-bottom:20px;
  color:#e2e8f0;
}

.cta{
  margin:20px 0;
}

.cta a{
  text-decoration:none;
  background:#facc15;
  color:#000;
  padding:10px 20px;
  margin:5px;
  border-radius:5px;
  display:inline-block;
  font-weight:600;
}

.sections{
  display:flex;
  gap:20px;
  flex-wrap:wrap;
  justify-content:center;
}

.box{
  background:rgba(255,255,255,0.1);
  padding:20px;
  width:280px;
  border-radius:10px;
}

.products{
  margin-top:30px;
}

.products h2{
  color:#facc15;
}

.products ul{
  list-style:none;
  margin-top:10px;
}

.products li{
  margin:6px 0;
}

.contact{
  margin-top:30px;
  font-size:14px;
  color:#cbd5f5;
}

@media(max-width:768px){
  .sections{flex-direction:column;}
  .box{width:100%;}
  .logo {
    width: 140px;
  }
}