*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Poppins,sans-serif;color:#24312d;background:#f7f8fa;line-height:1.6}
.container{width:min(92%,1200px);margin:auto}
header{position:sticky;top:0;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.08);z-index:99}
.nav{display:flex;justify-content:space-between;align-items:center;padding:16px 0}
.logo{font-size:28px;font-weight:800;color:#0f4c3a}
nav{
    display:flex;
    align-items:center;
    white-space:nowrap;
}

nav a{
    display:block;
    text-decoration:none;
    color:#333;
    padding:0 12px;
}

.login{
    background:#d4af37;
    color:#fff;
    padding:10px 18px;
    border-radius:999px;
    margin-left:8px;
}
.hero{padding:70px 0;background:linear-gradient(135deg,#0f4c3a,#0a2d22)}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.badge{display:inline-block;background:#d4af37;color:#222;padding:8px 14px;border-radius:99px;font-size:.9rem}
h1{font-size:3rem;color:#fff;margin:18px 0}
.hero p{color:#dfe9e4}
.buttons{display:flex;gap:16px;margin:28px 0;flex-wrap:wrap}
.btn{text-decoration:none;padding:14px 24px;border-radius:999px;font-weight:700}
.primary{background:#d4af37;color:#222}
.secondary{border:2px solid #fff;color:#fff}
.points{list-style:none;color:#fff;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.hero-image img{width:100%;border-radius:18px;box-shadow:0 20px 40px rgba(0,0,0,.3)}
.features,.contact{padding:70px 0}
.features h2,.contact h2{text-align:center;margin-bottom:30px;color:#0f4c3a}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.08)}
.contact{text-align:center}
.wa{display:inline-block;margin-top:20px;background:#25D366;color:#fff;padding:14px 24px;border-radius:999px;text-decoration:none}
footer{background:#0f4c3a;color:#fff;padding:20px;text-align:center}
footer a{color:#d4af37;text-decoration:none}
@media(max-width:768px){
nav a:not(.login){display:none}
.hero-grid,.cards{grid-template-columns:1fr}
h1{font-size:2.2rem}
.points{grid-template-columns:1fr}
}