*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background:#f7f8fa;color:#1b1b1b}
.nav{display:flex;justify-content:space-between;align-items:center;padding:22px 8%;position:sticky;top:0;background:rgba(255,255,255,.8);backdrop-filter:blur(12px)}
.logo{font-weight:800;font-size:28px}.logo span{color:#00843d}
.btn,.ghost{padding:14px 24px;border-radius:12px;text-decoration:none;font-weight:700;transition:.3s}
.btn{background:#00843d;color:#fff}.btn:hover{transform:translateY(-2px)}
.ghost{border:1px solid #ccc;color:#111}
.hero{display:flex;gap:50px;align-items:center;justify-content:space-between;padding:90px 8%;
background:linear-gradient(135deg,#ffffff,#eef7f1)}
.hero-text{max-width:620px;animation:fade 1s ease}
.pill{display:inline-block;background:#e6f6ec;color:#00843d;padding:8px 14px;border-radius:30px;font-size:13px;font-weight:700}
h1{font-size:58px;line-height:1.05;margin:18px 0}
p{font-size:18px;line-height:1.7;color:#555}
.actions{display:flex;gap:16px;margin-top:24px}
.glass{background:rgba(255,255,255,.65);padding:30px;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.08);animation:float 5s ease-in-out infinite}
.cards,.benefits,.formsec{padding:80px 8%}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}
.card,.feature,form{background:#fff;padding:24px;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.06)}
form{max-width:650px;margin:auto;display:grid;gap:16px}
input{padding:16px;border:1px solid #ddd;border-radius:10px}
.small{text-align:center;font-size:13px}
footer{text-align:center;padding:40px;background:#111;color:#fff}
@keyframes fade{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes float{50%{transform:translateY(-10px)}}
@media(max-width:900px){.hero{flex-direction:column}h1{font-size:42px}.nav{padding:18px 5%}}