body{
font-family:'Poppins',sans-serif;
overflow-x:hidden;
}

.hero{
padding:140px 0 100px;
background:
linear-gradient(
135deg,
#ffffff,
#e9fff1
);
}

.hero h1{
font-size:56px;
font-weight:800;
line-height:1.2;
color:#0f172a;
}

.hero p{
font-size:18px;
margin-top:20px;
color:#64748b;
}

.service-card{
padding:30px;
background:#fff;
border-radius:15px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.3s;
height:100%;
}

.service-card:hover{
transform:translateY(-8px);
}

.service-card i{
font-size:40px;
color:#00a651;
margin-bottom:20px;
}

.about-section{
background:#f7fff9;
padding:80px 0;
}

.stats{
background:#00a651;
color:white;
padding:70px 0;
}

.stats h2{
font-size:50px;
font-weight:700;
}

.product-card{
padding:30px;
background:white;
border-radius:15px;
box-shadow:0 8px 20px rgba(0,0,0,.08);
height:100%;
}

.cta{
background:
linear-gradient(
135deg,
#00a651,
#009245
);

color:white;
padding:90px 0;
}

.footer{
background:#0d1b12;
color:white;
padding:25px;
}