* {
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
background:#f5f7f6;
color:#222;
line-height:1.7;
}

.container{
max-width:820px;
margin:auto;
padding:5rem 2rem;
}

/* header */

header{
text-align:center;
margin-bottom:4rem;
}

header h1{
font-size:3rem;
font-weight:600;
letter-spacing:-0.02em;
}

.sub{
margin-top:0.5rem;
color:#666;
font-size:1.1rem;
}

/* hero */

.hero{
text-align:center;
margin-bottom:5rem;
}

.hero p{
margin-bottom:1rem;
font-size:1.15rem;
}

.highlight{
font-weight:500;
font-size:1.3rem;
margin-top:1.5rem;
}

/* CTA */

.cta{
display:inline-block;
margin-top:2rem;
padding:1rem 2.5rem;
background:#1f6f64;
color:white;
text-decoration:none;
border-radius:8px;
font-size:1.1rem;
transition:all 0.2s;
}

.cta:hover{
background:#15544b;
}

/* sections */

section{
margin-bottom:5rem;
}

section h2{
font-size:1.6rem;
margin-bottom:1.5rem;
}

/* steps */

.steps{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:2rem;
}

.step h3{
font-size:2rem;
color:#1f6f64;
margin-bottom:0.5rem;
}

/* list */

ul{
padding-left:1.2rem;
}

li{
margin-bottom:0.6rem;
}

/* footer */

footer{
text-align:center;
margin-top:6rem;
color:#888;
font-size:0.9rem;
}