*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#0B2F26;color:white;line-height:1.75}

.hero{
position:relative;
width:100%;
min-height:90vh;
display:flex;
justify-content:center;
overflow:hidden;
text-align:center;
}

.hero::before{
content:"";
position:absolute;
inset:0;
background:url('/hero.png') center bottom no-repeat;
background-size:cover;
filter:brightness(1.6) contrast(1.05);
z-index:-2;
}

.hero::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.5));
z-index:-1;
}

.overlay{
position:absolute;
top:2%;
left:50%;
transform:translateX(-50%);
width:90%;
max-width:900px;
}

.overlay h1{
font-size:56px;
font-weight:900;
letter-spacing:-1px;
margin-bottom:15px;
}

.overlay p{
font-size:22px;
margin-bottom:30px;
}

.btn{
display:inline-block;
padding:20px 40px;
background:#00FF66;
color:black;
font-weight:900;
border-radius:14px;
text-decoration:none;
}

.section{
max-width:1100px;
margin:auto;
padding:120px 20px;
}

.section h2{
margin-top:60px;
font-size:34px;
}

.highlight{
background:#102f28;
}

footer{
text-align:center;
padding:40px 20px;
opacity:.6;
}

/* MOBILE */
@media(max-width:768px){
.overlay{top:1%;}
.overlay h1{
font-size:40px;
line-height:1.05;
}
.hero{min-height:92vh;}
}

/* FIXED MOBILE CTA */
.mobile-cta{display:none;}

@media(max-width:768px){
.mobile-cta{
display:flex;
position:fixed;
bottom:0;
left:0;
width:100%;
background:#00FF66;
color:black;
justify-content:center;
align-items:center;
padding:18px;
font-weight:900;
font-size:20px;
z-index:9999;
}
.mobile-cta a{color:black;text-decoration:none;}
body{padding-bottom:80px;}
}