.solution-hero{

    padding:120px 0;

    background:
            linear-gradient(
                    135deg,
                    #fff7ec,
                    #fff
            );

}

.hero-center{

    text-align:center;

    max-width:900px;

    margin:auto;
}

.hero-badge{

    display:inline-block;

    padding:8px 20px;

    border-radius:50px;

    background:#fff2e8;

    color:#ff7a45;

    margin-bottom:25px;
}

.hero-center h1{

    font-size:60px;

    margin-bottom:25px;
}

.hero-center p{

    font-size:20px;

    color:#666;

    margin-bottom:35px;
}

.feature-grid{

    display:grid;

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

    gap:30px;
}

.feature-card{

    background:#fff;

    border-radius:24px;

    padding:35px;

    text-align:center;

    box-shadow:
            0 10px 30px rgba(0,0,0,.08);

    transition:.3s;
}

.feature-card:hover{

    transform:
            translateY(-8px);
}

.feature-icon{

    font-size:55px;

    margin-bottom:20px;
}

.marketing-section{

    background:#fafafa;
}

.marketing-grid{

    display:grid;

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

    gap:25px;
}

.marketing-card{

    background:#fff;

    border-radius:20px;

    padding:30px;

    box-shadow:
            0 10px 25px rgba(0,0,0,.06);
}

.dashboard-grid{

    display:grid;

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

    gap:25px;
}

.dashboard-card{

    text-align:center;

    padding:40px;

    border-radius:20px;

    background:
            linear-gradient(
                    135deg,
                    #ff9f43,
                    #ff6b6b
            );

    color:#fff;
}

.dashboard-card h3{

    font-size:42px;

    margin-top:10px;
}

.tools-section{

    background:#fafafa;
}

.tools-grid{

    display:grid;

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

    gap:20px;
}

.tool-item{

    background:#fff;

    border-radius:18px;

    text-align:center;

    padding:30px;

    font-weight:600;

    box-shadow:
            0 8px 20px rgba(0,0,0,.05);
}

.solution-cta{

    padding:120px 0;

    text-align:center;

    background:#111;

    color:#fff;
}

.solution-cta h2{

    font-size:48px;

    margin-bottom:20px;
}

.solution-cta p{

    margin-bottom:35px;

    color:#ddd;
}

@media(max-width:768px){

    .hero-center h1{

        font-size:38px;
    }

    .hero-center p{

        font-size:16px;
    }

    .feature-grid,
    .marketing-grid,
    .dashboard-grid,
    .tools-grid{

        grid-template-columns:1fr;
    }

    .solution-cta h2{

        font-size:32px;
    }

}