*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#fff;background:#0a1a14}

nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;transition:opacity .3s}
nav.hidden{opacity:0;pointer-events:none}
.nav-logo{height:80px;width:auto}
.nav-cta{color:#00c853;text-decoration:none;font-weight:600;border:2px solid #00c853;padding:8px 24px;border-radius:30px;transition:.3s;background:rgba(10,26,20,.7)}
.nav-cta:hover{background:#00c853;color:#0a1a14}

.full{position:relative;min-height:100vh;display:flex;align-items:center;background-size:cover;background-position:center;background-attachment:fixed}
.full::before{content:'';position:absolute;inset:0;background:rgba(10,26,20,.45)}

.overlay{position:relative;z-index:1;max-width:600px;padding:60px 40px;margin:0 auto}
.overlay.left{margin-left:5%;margin-right:auto}
.overlay.right{margin-right:5%;margin-left:auto}
.overlay.center{text-align:center;margin:0 auto}

.overlay h1{font-size:clamp(2.2rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:20px;text-shadow:0 2px 20px rgba(0,0,0,.6)}
.overlay h2{font-size:clamp(1.8rem,4vw,3rem);font-weight:700;line-height:1.15;margin-bottom:16px;text-shadow:0 2px 15px rgba(0,0,0,.6)}
.overlay p{font-size:1.1rem;line-height:1.6;margin-bottom:28px;opacity:.92;text-shadow:0 1px 8px rgba(0,0,0,.5)}

.btn{display:inline-block;background:#00c853;color:#0a1a14;font-weight:700;padding:14px 36px;border-radius:30px;text-decoration:none;font-size:1rem;border:none;cursor:pointer;transition:.3s;box-shadow:0 4px 20px rgba(0,200,83,.3)}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px rgba(0,200,83,.5)}

.white-section{background:#fff;color:#1a1a1a;padding:80px 20px}
.white-content{max-width:1100px;margin:0 auto;text-align:center}
.white-content h2{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;margin-bottom:12px;color:#0a1a14}
.white-content p{font-size:1.05rem;color:#444;max-width:700px;margin:0 auto 40px;line-height:1.6}
.wta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;align-items:center}
.wta-grid img{width:100%;border-radius:12px;box-shadow:0 4px 30px rgba(0,0,0,.12)}

.cta-section{background:#0a1a14;align-items:center;justify-content:center}
.cta-section::before{display:none}
.cta-form{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}
.cta-form input{padding:14px 24px;border-radius:30px;border:2px solid #1a3d2e;background:#112b21;color:#fff;font-size:1rem;width:300px;outline:none;transition:.3s}
.cta-form input:focus{border-color:#00c853}
.sub{opacity:.6;font-size:.9rem}

footer{text-align:center;padding:40px 20px;border-top:1px solid #1a3d2e}
.footer-logo{height:36px;margin-bottom:12px;mix-blend-mode:lighten}
footer p{opacity:.6;font-size:.85rem}

@media(max-width:768px){
    nav{padding:14px 20px}
    .overlay{padding:40px 24px;max-width:100%}
    .overlay.left,.overlay.right{margin:0 auto}
    .full{background-attachment:scroll}
    .cta-form input{width:100%}
}