.page-title{
text-align:center;
padding:80px 20px 40px;
}

.page-title h1{
font-size:3rem;
color:#17351F;
}

.page-title p{
max-width:700px;
margin:auto;
color:#666;
}

.community-intro{
max-width:1000px;
margin:auto;
padding:40px 20px;
}

.intro-card{
background:#F7F5EE;
padding:40px;
border-radius:20px;
text-align:center;
}

.ratings-showcase{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
max-width:1200px;
margin:auto;
padding:80px 20px;
}

.ratings-showcase img{
width:100%;
max-width:320px;
border-radius:24px;
box-shadow:0 10px 25px rgba(0,0,0,.15);
}

.stats-section{
background:#F7F5EE;
padding:80px 20px;
}

.stats-grid{
max-width:1200px;
margin:auto;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}

.stat-card{
background:white;
padding:25px;
border-radius:16px;
text-align:center;
}

.collection-section{
padding:80px 20px;
text-align:center;
}

.collections-grid{
max-width:1200px;
margin:auto;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

.collections-grid img{
width:100%;
border-radius:20px;
}

.community-benefits{
background:#F7F5EE;
padding:80px 20px;
}

.benefits-grid{
max-width:1200px;
margin:auto;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

.benefit-card{
background:white;
padding:30px;
border-radius:16px;
}

.cta-section{
text-align:center;
padding:100px 20px;
background:#17351F;
color:white;
}

@media(max-width:900px){

.ratings-showcase{
    grid-template-columns:1fr;
}

.stats-grid{
    grid-template-columns:1fr 1fr;
}

.collections-grid{
    grid-template-columns:1fr;
}

.benefits-grid{
    grid-template-columns:1fr;
}

}

@media(max-width:600px){

.stats-grid{
    grid-template-columns:1fr;
}

}