*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;line-height:1.6;color:#333}
header{background:linear-gradient(135deg,#2d5016 0%,#4a7c2c 100%);color:#fff;padding:1rem 0;box-shadow:0 2px 10px rgba(0,0,0,0.1)}
nav{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}
.logo{font-size:1.8rem;font-weight:bold;color:#f0e68c}
nav ul{list-style:none;display:flex;gap:2rem}
nav a{color:#fff;text-decoration:none;transition:color .3s;font-weight:500}
nav a:hover{color:#f0e68c}
.hero{background:linear-gradient(rgba(45,80,22,.8),rgba(74,124,44,.8)),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><rect fill="%234a7c2c" width="1200" height="600"/><path fill="%232d5016" opacity="0.3" d="M0 300L50 320L100 280L150 310L200 290L250 330L300 300L350 320L400 290L450 310L500 280L550 320L600 300L650 330L700 310L750 290L800 320L850 300L900 330L950 310L1000 290L1050 320L1100 300L1150 330L1200 310V600H0Z"/></svg>');background-size:cover;background-position:center;color:#fff;padding:6rem 2rem;text-align:center}
.hero h1{font-size:3rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,0.3)}
.hero p{font-size:1.3rem;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto}
.cta-button{display:inline-block;background:#f0e68c;color:#2d5016;padding:1rem 2.5rem;text-decoration:none;border-radius:50px;font-weight:bold;font-size:1.1rem;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 15px rgba(0,0,0,0.2)}
.cta-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.3)}
.container{max-width:1200px;margin:0 auto;padding:4rem 2rem}
.section{margin-bottom:4rem}
.section h2{font-size:2.5rem;color:#2d5016;margin-bottom:2rem;text-align:center}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}
.feature-card{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,0.1);text-align:center;transition:transform .3s}
.feature-card:hover{transform:translateY(-10px)}
.feature-icon{font-size:3rem;margin-bottom:1rem}
.feature-card h3{color:#2d5016;margin-bottom:1rem;font-size:1.5rem}
.pricing-card{background:linear-gradient(135deg,#4a7c2c 0%,#2d5016 100%);color:#fff;padding:3rem;border-radius:20px;max-width:500px;margin:0 auto;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,0.2)}
.pricing-card h3{font-size:2rem;margin-bottom:1rem}
.price{font-size:3.5rem;font-weight:bold;color:#f0e68c;margin:1rem 0}
.pricing-features{list-style:none;margin:2rem 0;text-align:left}
.pricing-features li{padding:.7rem 0;border-bottom:1px solid rgba(255,255,255,0.2)}
.pricing-features li:before{content:"✓ ";color:#f0e68c;font-weight:bold;margin-right:.5rem}
.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}
.contact-card{background:#f9f9f9;padding:2rem;border-radius:10px;border-left:4px solid #4a7c2c}
.contact-card h3{color:#2d5016;margin-bottom:1rem}
.contact-card p{color:#666;line-height:1.8}
footer{background:#2d5016;color:#fff;text-align:center;padding:2rem;margin-top:4rem}
.page-content{background:#fff;padding:3rem;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.05);line-height:1.8}
.page-content h3{color:#2d5016;margin-top:2rem;margin-bottom:1rem}
.page-content ul{margin-left:2rem;margin-bottom:1rem}
@media (max-width:768px){
  nav ul{flex-direction:column;gap:1rem}
  .hero h1{font-size:2rem}
  .hero p{font-size:1.1rem}
  .price{font-size:2.5rem}
}