:root { 
    --primary-green: #228B22; 
    --light-bg: #f4f9f4; 
    --neutral: #f8f9fa; 
}
body { 
    font-family: Arial, sans-serif; 
    line-height: 1.6; 
    color: #333; 
    background: var(--light-bg); 
}
.hero { 
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('https://via.placeholder.com/1920x600?text=Farm+Field+with+Tech') center/cover; 
    color: white; 
    padding: 120px 0; 
    text-align: center; 
}
.section { 
    padding: 80px 0; 
}
.service-card, .product-card { 
    transition: transform 0.3s ease, box-shadow 0.3s ease; 
    border: none; 
    background: white; 
}
.service-card:hover, .product-card:hover { 
    transform: translateY(-10px); 
    box-shadow: 0 10px 30px rgba(0,0,0,0.1); 
}
.btn-primary { 
    background: var(--primary-green); 
    border-color: var(--primary-green); 
}
.btn-primary:hover { 
    background: #1e7a1e; 
}
footer { 
    background: #333; 
    color: white; 
    padding: 40px 0; 
    text-align: center; 
}
.scroll-reveal { 
    opacity: 0; 
    transform: translateY(30px); 
    transition: all 0.6s ease; 
}
.scroll-reveal.visible { 
    opacity: 1; 
    transform: translateY(0); 
}
.lica-badge { 
    background: var(--neutral); 
    padding: 10px; 
    border-radius: 5px; 
    font-size: 0.9em; 
}
.navbar { 
    background: rgba(34,139,34,0.9); 
}
@media (max-width: 768px) { 
    .hero { padding: 80px 0; } 
}