/* ==========================================
   HERO SECTION
========================================== */

.hero{

    padding:90px 0;

    background:linear-gradient(
        180deg,
        #ffffff,
        #f8fafc
    );

}

.hero-grid{

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:70px;

    align-items:center;

}

.hero-badge{

    display:inline-block;

    padding:8px 16px;

    border-radius:999px;

    background:#ECFDF5;

    color:var(--color-primary);

    font-size:.85rem;

    font-weight:600;

    margin-bottom:18px;

}

.hero-title{

    font-size:3.2rem;

    line-height:1.15;

    margin-bottom:24px;

}

.hero-description{

    max-width:620px;

    font-size:1.1rem;

    color:var(--color-muted);

    margin-bottom:32px;

}

.hero-buttons{

    display:flex;

    gap:16px;

    flex-wrap:wrap;

    margin-bottom:40px;

}

.hero-rating{

    display:flex;

    align-items:center;

    gap:12px;

    color:var(--color-muted);

}

.hero-image{

    display:flex;

    justify-content:center;

}

.hero-image img{

    max-width:100%;

}

@media(max-width:992px){

.hero-grid{

grid-template-columns:1fr;

}

.hero{

text-align:center;

}

.hero-description{

margin:auto auto 32px;

}

.hero-buttons{

justify-content:center;

}

.hero-rating{

justify-content:center;

}

}