/* ==========================================================
   MAMGOC Website V2
   08-wos.css
========================================================== */

.wos-v2{
    padding:7rem 0;
    background:linear-gradient(180deg,#16233A,#0f172a);
    color:#fff;
}

.wos-grid{
    display:grid;
    grid-template-columns:1.4fr .9fr;
    gap:70px;
    align-items:center;
}

.wos-content h2{
    color:#fff;
    margin-bottom:1.5rem;
}

.wos-content .lead{
    color:rgba(255,255,255,.82);
    font-size:1.08rem;
    margin-bottom:2rem;
}

.wos-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin:2rem 0 2.5rem;
}

.feature{
    padding:16px 18px;
    border-radius:14px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.10);
    font-weight:700;
}

.dashboard-card{
    background:#fff;
    color:#16233A;
    border-radius:22px;
    padding:38px;
    box-shadow:0 30px 80px rgba(0,0,0,.25);
}

.dashboard-title{
    font-size:1.3rem;
    font-weight:900;
    margin-bottom:2rem;
}

.metric{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 0;
    border-bottom:1px solid #e5e7eb;
}

.metric:last-child{
    border-bottom:none;
}

.metric strong{
    font-size:1.4rem;
    color:var(--secondary);
}