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

/* HERO */

.checklist-hero{
background:url('../images/checklist-hero.jpg') center/cover no-repeat;
height:420px;
position:relative;
}

.overlay{
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.6);
}

.hero-content{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
color:#fff;
text-align:center;
}

.hero-content h1{
font-size:46px;
}

/* INTRO */

.intro{
padding:80px 10%;
background:#fff;
text-align:center;
}

.intro h2{
color:#0a2a5e;
}

/* CHECKLIST */

.checklist-area{
padding:80px 10%;
background:#f4f6f9;
}

.check-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:20px;
max-width:1100px;
margin:0 auto;
}

.check-item{
background:#fff;
padding:18px 22px;
border-radius:16px;
box-shadow:0 8px 20px rgba(0,0,0,.08);
font-size:16px;
transition:.3s;
}

.check-item:hover{
transform:translateY(-5px);
}

/* SEO */

.seo-text{
padding:90px 10%;
background:#fff;
}

/* CTA */

.cta{
background:#0a2a5e;
color:#fff;
text-align:center;
padding:80px 10%;
}

.cta a{
background:#ff7a00;
padding:14px 40px;
color:#fff;
border-radius:40px;
text-decoration:none;
}

/* MOBILE */

@media(max-width:768px){

.hero-content h1{
font-size:30px;
}

}