/* Global */
body { 
    font-family: Arial, sans-serif; 
    margin: 0; 
    padding: 0; 
    background: #0b0f17;
    color: #d1d5db;
    line-height: 1.6;
}

a { 
    text-decoration: none; 
    color: #22c55e;
}

/* Hero Section */
header { 
    background: linear-gradient(135deg, #020617, #0f172a);
    color: #fff; 
    padding: 80px 20px; 
    text-align: center; 
    border-bottom: 1px solid rgba(34, 197, 94, 0.2);
}

header h1 { 
    font-size: 2.5em; 
    margin-bottom: 15px; 
}

header p { 
    font-size: 1.2em; 
    margin-bottom: 20px; 
    color: #9ca3af;
}

/* Buttons */
.btn { 
    background: #22c55e;
    color: #022c22; 
    padding: 12px 25px; 
    font-weight: bold; 
    border-radius: 6px; 
    display: inline-block;
    transition: 0.3s;
    box-shadow: 0 0 12px rgba(34, 197, 94, 0.4);
}

.btn:hover {
    background: #16a34a;
    box-shadow: 0 0 18px rgba(34, 197, 94, 0.7);
}

/* Sections */
section { 
    padding: 60px 20px; 
    max-width: 900px; 
    margin: 0 auto; 
}

h2 {
    text-align: center;
    margin-bottom: 30px;
    color: #22c55e;
}

/* Lists (Services + Findings) */
#services ul,
#findings ul { 
    list-style-type: disc; 
    margin-left: 20px; 
    font-size: 1.05em;
}

/* Process Section */
.process-steps { 
    display: grid; 
    grid-template-columns: 1fr; 
    gap: 20px; 
}

.step { 
    background: #111827; 
    padding: 20px; 
    border-radius: 10px; 
    border: 1px solid rgba(34, 197, 94, 0.15);
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    transition: 0.3s;
}

.step h3 {
    color: #22c55e;
    margin-bottom: 10px;
}

.step:hover {
    border-color: #22c55e;
    transform: translateY(-3px);
}

/* Findings Section (slight highlight) */
#findings {
    background: #020617;
    border: 1px solid rgba(34, 197, 94, 0.15);
    border-radius: 10px;
}

/* Responsive */
@media(min-width:768px){ 
    .process-steps { 
        grid-template-columns: repeat(2, 1fr); 
    } 
}

/* CTA */
#cta {
    background: linear-gradient(135deg, #020617, #0f172a);
    color: #fff;
    text-align: center;
    padding: 60px 20px;
    border-top: 1px solid rgba(34, 197, 94, 0.2);
    border-bottom: 1px solid rgba(34, 197, 94, 0.2);
}

#cta .btn {
    margin-top: 15px;
}

/* Pricing */
#pricing { 
    text-align: center; 
}

/* Contact */
#contact { 
    text-align: center; 
}

#contact a { 
    color: #22c55e; 
    font-weight: bold; 
}

#contact a:hover { 
    text-decoration: underline; 
}

#contact p { 
    margin-bottom: 10px; 
    font-size: 1.05em; 
}

/* Footer */
footer { 
    background: #020617; 
    color: #9ca3af; 
    text-align: center; 
    padding: 20px; 
    margin-top: 40px;
    border-top: 1px solid rgba(34, 197, 94, 0.2);
}
