*{margin:0;padding:0;box-sizing:border-box;font-family:'Montserrat',sans-serif}
body{overflow-x:hidden}
header{position:fixed;top:0;left:0;width:100%;background:rgba(17,17,17,.92);padding:15px 5%;display:flex;justify-content:space-between;align-items:center;z-index:1000}
.logo{display:flex;align-items:center;gap:15px}
.logo img{height:80px;background:#fff;border-radius:12px;padding:5px}
.logo strong{color:#fff;font-size:1.8rem}
nav a{color:#fff;text-decoration:none;margin-left:25px}
.menu-toggle{display:none;color:#fff;font-size:32px;cursor:pointer}

.hero{
min-height:100vh;
padding:180px 20px 80px;
text-align:center;
color:#fff;
background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)),url('../images/hero.jpg');
background-size:cover;
background-position:center;
}

.hero h1{font-size:4.2rem;margin-bottom:20px}
.hero h2{font-size:1.5rem;max-width:900px;margin:auto;color:#8de28d;line-height:1.4}

.service-slider{
height:70px;
overflow:hidden;
margin:25px 0;
font-size:1.8rem;
font-weight:700;
color:#8de28d;
}

.hero p{font-size:1.2rem;margin-bottom:30px}

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

.btn{
padding:16px 32px;
border-radius:10px;
text-decoration:none;
}

.btn-primary{background:#1B5E20;color:#fff}
.btn-outline{border:2px solid #fff;color:#fff}

.about-preview{
padding:90px 25px;
text-align:center;
}

.about-preview h2{
font-size:3rem;
margin-bottom:20px;
}

.about-preview p{
max-width:1000px;
margin:auto;
font-size:1.2rem;
line-height:1.8;
}

@media(max-width:768px){
.menu-toggle{display:block}
nav{
display:none;
position:absolute;
top:100%;
left:0;
width:100%;
background:#111;
flex-direction:column;
padding:20px;
}
nav.active{display:flex}
nav a{margin:12px 0}

.logo strong{font-size:1.1rem}
.logo img{height:65px}

.hero h1{font-size:2.6rem}
.hero h2{font-size:1.2rem}
.service-slider{font-size:1.2rem;height:50px}

.hero-buttons{
flex-direction:column;
align-items:center;
}

.hero-buttons .btn{
width:260px;
text-align:center;
}
}