/* ==================================================
FAIRWAYFINDER FEATURES PAGE
================================================== */

.page-hero{
padding:80px 20px 60px;
text-align:center;
}

.page-hero h1{
font-size:3rem;
color:#16301E;
margin-bottom:15px;
font-weight:700;
}

.page-hero p{
max-width:750px;
margin:0 auto;
color:#666;
font-size:1.15rem;
line-height:1.8;
}

/* ==================================================
FEATURE SECTIONS
================================================== */

.feature-section{
padding:80px 20px;
}

.feature-section.alt{
background:#f7f7f7;
}

.feature-grid{
max-width:1200px;
margin:0 auto;
display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
align-items:center;
}

.feature-image{
text-align:center;
}

.feature-image img{
width:100%;
max-width:320px;
height:auto;
border-radius:36px;
box-shadow:0 12px 35px rgba(0,0,0,.15);
transition:transform .3s ease;
}

.feature-image img:hover{
transform:translateY(-5px);
}

.feature-content h2{
font-size:2rem;
color:#16301E;
margin-bottom:20px;
}

.feature-content p{
color:#555;
line-height:1.8;
margin-bottom:20px;
}

.feature-content ul{
padding-left:20px;
}

.feature-content li{
margin-bottom:12px;
color:#444;
line-height:1.6;
}

/* ==================================================
CTA SECTION
================================================== */

.cta-section{
padding:100px 20px;
text-align:center;
background:#16301E;
color:#ffffff;
}

.cta-section h2{
font-size:2.5rem;
margin-bottom:20px;
}

.cta-section p{
max-width:700px;
margin:0 auto 30px;
line-height:1.8;
opacity:.9;
}

.cta-section .download-btn{
display:inline-block;
background:#D4AF37;
color:#16301E;
padding:14px 30px;
border-radius:50px;
font-weight:700;
text-decoration:none;
transition:.3s ease;
}

.cta-section .download-btn:hover{
transform:translateY(-2px);
}

/* ==================================================
RESPONSIVE
================================================== */

@media(max-width:992px){

```
.feature-grid{
    grid-template-columns:1fr;
    gap:50px;
    text-align:center;
}

.feature-content ul{
    display:inline-block;
    text-align:left;
}
```

}

@media(max-width:768px){

```
.page-hero{
    padding:60px 20px 40px;
}

.page-hero h1{
    font-size:2.2rem;
}

.page-hero p{
    font-size:1rem;
}

.feature-section{
    padding:60px 20px;
}

.feature-content h2{
    font-size:1.75rem;
}

.feature-image img{
    max-width:280px;
}

.cta-section h2{
    font-size:2rem;
}
```

}

@media(max-width:480px){

```
.page-hero h1{
    font-size:1.9rem;
}

.feature-image img{
    max-width:240px;
}
```

}