body{
margin:0;
font-family:Arial, Helvetica, sans-serif;
background:#0b1429;
}

/* HERO */
.hero{
width:100%;
max-width:1100px;
margin:0 auto;
padding-top:10px;
}

.hero-image{
width:100%;
height:auto;
display:block;
border-radius:6px;
}

/* BUTTON SECTION */
.buttons{
display:flex;
flex-direction:column;
align-items:center;
gap:20px;
padding:30px 20px 60px;
}

/* BUTTON BASE */
.btn{
width:100%;
max-width:500px;
padding:18px;
border-radius:14px;
font-weight:bold;
text-decoration:none;
font-size:20px;
text-align:center;
}

/* TEXT BUTTON */
.text{
background:#6fb6ff;
color:#000;
}

/* CALL BUTTON */
.call{
border:2px solid #6fb6ff;
color:#6fb6ff;
background:transparent;
}

/* MOBILE OPTIMIZATION */
@media (max-width:700px){

.hero{
padding-top:0;
}

.hero-image{
width:100%;
height:auto; /* full image always visible */
}

.btn{
font-size:18px;
padding:16px;
}

}