body{
  margin:0;
  font-family:Arial;
  background:#fff;
}

/* HEADER */
.header img{
  width:100%;
  display:block;
}

/* HERO */
.hero{
  position:relative;
}

.hero img{
  width:100%;
  display:block;
}

.ws-btn{
  position:absolute;
  left:10px;
  bottom:10px;
  width:90%;
  background:#25D366;
  color:#fff;
  text-align:center;
  padding:14px;
  border-radius:12px;
  text-decoration:none;
}

/* LAYERS */
.layer img{
  width:100%;
  display:block;
}

/* BLACK */
.black{
  background:#111;
}

/* SLIDER */
.slider{
  overflow:hidden;
}

.track{
  display:flex;
  width:max-content;
  gap:10px;
}

.track img{
  width:120px;
  border-radius:10px;
}

/* LAYER 8 */
.layer8{
  padding:12px;
}

.card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#f6f1ec;
  border-radius:16px;
  padding:16px;
}

.icon{font-size:24px;}

.text{flex:1;padding:0 10px;}

.t1{font-size:14px;font-weight:600;}

.t2{font-size:12px;color:#666;}

.btn8{
  background:#111;
  color:#fff;
  padding:10px 14px;
  border-radius:10px;
  text-decoration:none;
  font-size:13px;
}

/* CTA */
.cta a{
  display:block;
  background:#25D366;
  color:#fff;
  text-align:center;
  padding:16px;
  font-weight:600;
  text-decoration:none;
}

/* LIGHTBOX */
#lightbox{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.85);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:9999;
}

#lightbox img{
  max-width:90%;
  max-height:90%;
  border-radius:10px;
}