*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#222;line-height:1.65;background:#fff}.container{width:min(1180px,92%);margin:auto}
header{background:#050505;position:sticky;top:0;z-index:50;border-bottom:4px solid #acd64f}.nav{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{width:300px;max-width:44%;display:block}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{color:white;text-decoration:none;font-weight:700;font-size:15px;transition:.25s}nav a:hover{color:#f5c94a}
.slider{height:600px;position:relative;overflow:hidden;background:#222}.slide{position:absolute;inset:0;opacity:0;transform:scale(1.05);transition:opacity 1s,transform 6s;background-size:cover;background-position:center}.slide.active{opacity:1;transform:scale(1)}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.22))}.slide-content{position:relative;z-index:2;color:#fff;max-width:700px;padding-top:150px}.slide-content .tag{display:inline-block;background:#acd64f;color:#111;padding:6px 14px;border-radius:30px;font-weight:bold}.slide h1{font-size:56px;line-height:1.08;margin:18px 0}.slide p{font-size:20px}.btn{display:inline-block;background:#acd64f;color:#111;padding:13px 25px;border-radius:6px;text-decoration:none;font-weight:bold;margin-top:10px;transition:.25s}.btn:hover{background:#f5c94a;transform:translateY(-2px)}
.dots{position:absolute;z-index:5;bottom:25px;left:50%;transform:translateX(-50%);display:flex;gap:9px}.dot{width:11px;height:11px;border-radius:50%;background:#fff8;cursor:pointer}.dot.active{background:#acd64f;transform:scale(1.3)}
.section{padding:80px 0}.light{background:#f7f9f3}.title{text-align:center;margin-bottom:42px}.title span{color:#6f9821;font-weight:bold;text-transform:uppercase;font-size:14px;letter-spacing:2px}.title h2{font-size:38px;margin:7px 0}.title p{max-width:700px;margin:auto;color:#666}
.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.cat{position:relative;height:300px;border-radius:16px;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 8px 25px #0001;transition:.35s}.cat:hover{transform:translateY(-8px)}.cat:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 70%)}.cat-text{position:absolute;z-index:2;bottom:20px;left:22px;color:white}.cat-text h3{font-size:23px;margin:0}.cat-text p{margin:5px 12px 0 0;font-size:14px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.about-img{height:440px;border-radius:18px;background-size:cover;background-position:center;box-shadow:18px 18px 0 #acd64f}.about-grid h2{font-size:40px;line-height:1.15;margin-top:5px}.check{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.check div{background:#f6f8f2;padding:14px;border-radius:8px;font-weight:bold}.check div:before{content:"✓";color:#6c961c;margin-right:9px}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature{text-align:center;padding:30px 18px;border-radius:14px;background:white;box-shadow:0 5px 25px #0000000d;transition:.3s}.feature:hover{transform:translateY(-6px)}.icon{font-size:40px}.feature h3{color:#587b17}
.offer{background:linear-gradient(120deg,#789f28,#acd64f);padding:55px 0;color:#111}.offer-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.offer h2{font-size:38px;margin:0 0 5px}
.page-title{background:#acd64f;padding:50px 0}.page-title h1{font-size:38px;margin:0}.content{padding:60px 0;min-height:500px}.content h2{color:#587b17}.contact-box{background:#f6f7f4;border-left:5px solid #acd64f;padding:28px;border-radius:8px}
footer{background:#080808;color:#bbb;padding:45px 0;text-align:center}footer a{color:#acd64f;text-decoration:none;margin:0 7px}
.reveal{opacity:0;transform:translateY(25px);transition:.7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.categories,.features{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr}.slider{height:520px}.slide h1{font-size:42px}.slide-content{padding-top:110px}.nav{flex-direction:column;padding:12px}.logo{max-width:100%}nav{justify-content:center}.offer-inner{display:block}.about-img{height:330px}}
@media(max-width:550px){.categories,.features,.check{grid-template-columns:1fr}.cat{height:250px}.slide h1{font-size:34px}.slide p{font-size:17px}.slider{height:500px}.title h2,.about-grid h2{font-size:31px}nav{gap:10px;font-size:13px}}