:root{
--green:#123b2d;
--gold:#d4af37;
--light:#fffdf7;
--text:#333;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',sans-serif;background:var(--light);color:var(--text);line-height:1.7}
a{text-decoration:none}
.container{width:90%;max-width:1200px;margin:auto}
header{background:var(--green);position:sticky;top:0;z-index:1000}
nav{display:flex;justify-content:space-between;align-items:center;padding:15px 0}
.logo{font-size:28px;font-weight:800;color:var(--gold)}
.logo span{color:#fff}
.menu a{color:#fff;margin-left:20px;font-weight:600}
.hero{
background:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.65)),
url('https://images.unsplash.com/photo-1515823064-d6e0c04616a7?auto=format&fit=crop&w=1600&q=80');
background-size:cover;background-position:center;
color:#fff;padding:120px 0;text-align:center
}
.hero h1{font-size:54px;margin-bottom:15px}
.hero h1 span{color:var(--gold)}
.hero p{font-size:20px;max-width:700px;margin:auto}
.btn{display:inline-block;background:var(--gold);color:#000;padding:14px 28px;border-radius:50px;font-weight:700;margin-top:25px}
section{padding:80px 0}
.section-title{text-align:center;font-size:40px;color:var(--green);margin-bottom:15px}
.section-sub{text-align:center;max-width:750px;margin:0 auto 40px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.about-grid img{width:100%;border-radius:20px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}
.card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:.3s}
.card:hover{transform:translateY(-8px)}
.card img{width:100%;height:260px;object-fit:contain;background:#fff;padding:15px}
.card-content{padding:22px}
.card h3{color:var(--green);margin-bottom:10px}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.feature{background:#fff;padding:30px;border-radius:20px;text-align:center;box-shadow:0 5px 20px rgba(0,0,0,.07)}
.feature .icon{font-size:42px;color:var(--gold);margin-bottom:10px}
.cta{background:linear-gradient(rgba(18,59,45,.93),rgba(18,59,45,.93));color:#fff;text-align:center;border-radius:30px;padding:60px 20px}
.cta h2{font-size:42px;margin-bottom:15px}
footer{background:var(--green);color:#fff;padding:30px 0;text-align:center}
.footer-links{margin-bottom:10px}
.footer-links a{color:#fff;margin:0 10px}
.page-hero{background:linear-gradient(rgba(18,59,45,.9),rgba(18,59,45,.9));color:#fff;text-align:center;padding:80px 0}
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.product-detail img{width:100%;max-width:500px}
.benefits{margin-top:20px}
.benefits li{margin-bottom:8px}
.contact-box{background:#fff;border-radius:20px;padding:30px;box-shadow:0 5px 20px rgba(0,0,0,.08);max-width:700px;margin:40px auto 0}
@media(max-width:768px){
.hero h1{font-size:38px}
.about-grid,.product-detail{grid-template-columns:1fr}
.menu{display:none}
.section-title{font-size:32px}
}