*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#f5f7f5;color:#333}
header{position:fixed;top:0;width:100%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:10}
.container{max-width:1400px;margin:auto;padding:16px;display:flex;justify-content:space-between;align-items:center}
.logo{height:74px}nav a{text-decoration:none;margin:0 12px;color:#1d5a34;font-weight:bold}.top{display:flex;gap:16px;align-items:center}.cta,.green{background:#1d5a34;color:#fff;padding:12px 20px;border-radius:30px;text-decoration:none}.hero{height:100vh;background:url('../bilder/hero.jpg') center/cover no-repeat;display:flex;align-items:center;position:relative}.overlay{position:absolute;inset:0;background:rgba(0,0,0,.38)}.content{position:relative;color:#fff;max-width:680px;margin-left:8%}.content h1{font-size:58px}.content h2{color:#9be36b;margin:12px 0 20px}.buttons{display:flex;gap:15px;margin-top:25px}.white{background:#fff;color:#1d5a34;padding:12px 20px;border-radius:30px;text-decoration:none}section{padding:70px 8%}h2{text-align:center;color:#1d5a34;margin-bottom:30px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.card{background:#fff;border-radius:14px;padding:28px;box-shadow:0 5px 16px rgba(0,0,0,.08);text-align:center}.contact{text-align:center}.why{background:#eef5ee}footer{background:#1d5a34;color:#fff;text-align:center;padding:25px}