.ratings-hero{

    min-height:80vh;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:80px 20px;

    background:#f8fafc;
}

.coming-soon-card{

    max-width:700px;

    background:white;

    padding:50px;

    border-radius:20px;

    text-align:center;

    box-shadow:
    0 10px 30px rgba(0,0,0,0.08);
}

.icon{

    font-size:2rem;

    margin-bottom:20px;
}

.coming-soon-card h1{

    font-size:2.5rem;

    margin-bottom:10px;

    color:#0f172a;
}

.coming-soon-card h2{

    color:#16a34a;

    margin-bottom:20px;
}

.coming-soon-card p{

    color:#64748b;

    line-height:1.8;

    margin-bottom:30px;
}

.features{

    display:grid;

    grid-template-columns:
    repeat(2,1fr);

    gap:15px;

    margin-bottom:30px;
}

.features div{

    background:#f1f5f9;

    padding:15px;

    border-radius:10px;

    font-weight:500;
}

.contact-btn{

    display:inline-block;

    padding:14px 30px;

    background:#16a34a;

    color:white;

    text-decoration:none;

    border-radius:10px;

    font-weight:600;

    transition:0.3s;
}

.contact-btn:hover{

    background:#15803d;
}

@media(max-width:768px){

    .features{

        grid-template-columns:1fr;
    }

    .coming-soon-card{

        padding:30px;
    }

    .coming-soon-card h1{

        font-size:2rem;
    }

}