/* ===== Color Palette (from image) ===== */
:root{
    --primary-dark:#1f2a44;   /* Dark navy */
    --accent-teal:#20c7c7;    /* Teal / Cyan */
    --text-muted:#6b7280;
    --bg-light:#f7f9fc;
    --white:#ffffff;
}

.detective-section{
    background:var(--bg-light);
    padding:30px 10px;
}

.detective-container{
    max-width:1100px;
    margin:auto;
}

.detective-container h2{
    font-size:32px;
    color:var(--primary-dark);
    margin-bottom:15px;
    border-left:5px solid var(--accent-teal);
    padding-left:12px;
}

.detective-container h3{
    margin-top:35px;
    color:var(--primary-dark);
    font-size:24px;
}

.detective-container p{
    color:var(--text-muted);
    font-size:16px;
    line-height:1.8;
    margin:12px 0;
}

.detective-list{
    margin:15px 0 25px 20px;
}

.detective-list li{
    color:var(--text-muted);
    margin-bottom:8px;
    font-size:16px;
}

.card{
    background:var(--white);
    padding:25px;
    border-radius:12px;
    box-shadow:0 10px 30px rgba(31,42,68,0.08);
    margin-top:25px;
    border-top:4px solid var(--accent-teal);
}

.fade-up{
    opacity:0;
    transform:translateY(25px);
    transition:0.6s ease;
}

.fade-up.show{
    opacity:1;
    transform:translateY(0);
}

@media(max-width:768px){
    .detective-container h2{
        font-size:26px;
    }
    .detective-container h3{
        font-size:21px;
    }
}


.services-section{
    background:var(--bg-light);
    padding:30px 10px;
}

.services-container{
    max-width:1100px;
    margin:auto;
}

.services-container h2{
    font-size:32px;
    color:var(--primary-dark);
    border-left:5px solid var(--accent-teal);
    padding-left:12px;
    margin-bottom:15px;
}

.services-container p{
    color:var(--text-muted);
    font-size:16px;
    line-height:1.8;
    margin:12px 0;
}

.service-card{
    background:var(--white);
    border-radius:12px;
    padding:25px;
    margin-top:30px;
    box-shadow:0 10px 30px rgba(31,42,68,0.08);
    border-top:4px solid var(--accent-teal);
}

.service-card h3{
    margin:0 0 10px;
    font-size:22px;
    color:var(--primary-dark);
}

.service-card ul{
    margin:10px 0 0 20px;
}

.service-card ul li{
    margin-bottom:8px;
    color:var(--text-muted);
    font-size:15px;
}

.fade-up{
    opacity:0;
    transform:translateY(25px);
    transition:0.6s ease;
}

.fade-up.show{
    opacity:1;
    transform:translateY(0);
}

@media(max-width:768px){
    .services-container h2{
        font-size:26px;
    }
    .service-card h3{
        font-size:20px;
    }
}


.process-section{
    background:var(--bg-light);
    padding:30px 10px;
}

.process-container{
    max-width:1100px;
    margin:auto;
}

.process-container h2{
    font-size:32px;
    color:var(--primary-dark);
    border-left:5px solid var(--accent-teal);
    padding-left:12px;
    margin-bottom:15px;
}

.process-container p{
    color:var(--text-muted);
    font-size:16px;
    line-height:1.8;
    margin:12px 0;
}

.step-card{
    background:var(--white);
    border-radius:12px;
    padding:25px;
    margin-top:25px;
    box-shadow:0 10px 30px rgba(31,42,68,0.08);
    border-left:4px solid var(--accent-teal);
}

.step-card h3{
    margin:0 0 8px;
    font-size:21px;
    color:var(--primary-dark);
}

.step-card ul{
    margin:10px 0 0 20px;
}

.step-card ul li{
    margin-bottom:8px;
    color:var(--text-muted);
    font-size:15px;
}

.quality-card{
    background:var(--white);
    border-radius:12px;
    padding:25px;
    margin-top:25px;
    box-shadow:0 10px 30px rgba(31,42,68,0.08);
    border-top:4px solid var(--accent-teal);
}

.quality-card h3{
    margin:0 0 10px;
    font-size:22px;
    color:var(--primary-dark);
}

.fade-up{
    opacity:0;
    transform:translateY(25px);
    transition:0.6s ease;
}

.fade-up.show{
    opacity:1;
    transform:translateY(0);
}

@media(max-width:768px){
    .process-container h2{
        font-size:26px;
    }
    .step-card h3,
    .quality-card h3{
        font-size:20px;
    }
}

.selection-section{
    background:var(--bg-light);
    padding:30px 10px;
}

.selection-container{
    max-width:1100px;
    margin:auto;
}

.selection-container h2{
    font-size:32px;
    color:var(--primary-dark);
    border-left:5px solid var(--accent-teal);
    padding-left:12px;
    margin-bottom:15px;
}

.selection-container p{
    color:var(--text-muted);
    font-size:16px;
    line-height:1.8;
    margin:12px 0;
}

.selection-card{
    background:var(--white);
    border-radius:12px;
    padding:28px;
    margin-top:25px;
    box-shadow:0 10px 30px rgba(31,42,68,0.08);
    border-top:4px solid var(--accent-teal);
}

.checklist{
    list-style:none;
    padding-left:0;
    margin-top:15px;
}

.checklist li{
    position:relative;
    padding-left:28px;
    margin-bottom:12px;
    color:var(--text-muted);
    font-size:16px;
}

.checklist li::before{
    content:"✔";
    position:absolute;
    left:0;
    top:0;
    color:var(--accent-teal);
    font-weight:bold;
}

.fade-up{
    opacity:0;
    transform:translateY(25px);
    transition:0.6s ease;
}

.fade-up.show{
    opacity:1;
    transform:translateY(0);
}

@media(max-width:768px){
    .selection-container h2{
        font-size:26px;
    }
}