*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;color:#1e293b;line-height:1.7}
.container{width:90%;max-width:1280px;margin:auto}
.hero{padding:90px 0;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff}
.hero-grid,.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
.hero img,.two-col img{width:100%;border-radius:24px;height:450px;object-fit:cover}
.badge{background:#ffffff20;padding:10px 16px;border-radius:30px}
h1{font-size:58px;line-height:1.1;margin:20px 0}
h2{font-size:55px;margin-bottom:20px}
.btns{display:flex;gap:15px;margin-top:25px}
.btn{padding:14px 28px;background:#fff;color:#1d4ed8;text-decoration:none;border-radius:12px;font-weight:700}
.btn-outline{background:transparent;border:2px solid #fff;color:#fff}
.section{padding:90px 0}
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:-40px}
.card{background:#fff;padding:25px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.features{background:#f8fafc}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px}
.dark{background:#0f172a;color:#fff;padding:90px 0}
.form{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form textarea{grid-column:1/-1;height:140px}
.form input,.form textarea{padding:15px;border:1px solid #ddd;border-radius:12px}
.form button{grid-column:1/-1;padding:16px;background:#1d4ed8;color:#fff;border:none;border-radius:12px}
@media(max-width:900px){
.hero-grid,.two-col,.grid,.stats,.form{grid-template-columns:1fr}
h1{font-size:38px}
h2{font-size:30px}
}
/* =========================
COMMON HEADING
========================= */

.mu-section-heading{
    text-align:center;
    max-width:800px;
    margin:0 auto 60px;
}

.mu-section-heading span{
    display:inline-block;
    background:#dbeafe;
    color:#2563eb;
    padding:10px 20px;
    border-radius:50px;
    font-weight:700;
    margin-bottom:15px;
}

.mu-section-heading h2{
    font-size:48px;
    color:#0f172a;
    margin-bottom:15px;
    font-weight:800;
}

.mu-section-heading p{
    color:#64748b;
    font-size:18px;
    line-height:1.8;
}

/* =========================
BENEFITS SECTION
========================= */

.mu-benefits-section{
    padding:100px 0;
    background:#f8fafc;
}

.mu-benefits-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.mu-benefit-card{
    background:#fff;
    padding:35px;
    border-radius:30px;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
    transition:.4s;
}

.mu-benefit-card:hover{
    transform:translateY(-8px);
}

.mu-icon{
    font-size:40px;
    margin-bottom:20px;
}

.mu-benefit-card h3{
    font-size:24px;
    margin-bottom:15px;
    color:#0f172a;
}

.mu-benefit-card p{
    color:#64748b;
    line-height:1.8;
}

/* =========================
FAQ SECTION
========================= */

.mu-faq-section{
    padding:100px 0;
    background:#ffffff;
}

.faq-wrapper{
    max-width:1000px;
    margin:auto;
}

.faq-item{
    margin-bottom:20px;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.faq-question{
    width:100%;
    border:none;
    background:#fff;
    padding:25px 30px;
    text-align:left;
    font-size:18px;
    font-weight:700;
    cursor:pointer;
    color:#0f172a;
}

.faq-answer{
    background:#f8fafc;
    padding:0 30px 25px;
}

.faq-answer p{
    color:#64748b;
    line-height:1.9;
    margin:0;
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:991px){

    .mu-benefits-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .mu-section-heading h2{
        font-size:36px;
    }
}

@media(max-width:768px){

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

    .mu-section-heading h2{
        font-size:30px;
    }

    .faq-question{
        font-size:16px;
        padding:20px;
    }
}