/* Diligence Lab - Custom Styles */

html {
    scroll-behavior: smooth;
}

/* Service cards */
.service-card {
    @apply rounded-2xl bg-white p-6 shadow-sm transition-transform duration-200;
}

.service-card:hover {
    transform: translateY(-4px);
    @apply shadow-md;
}

.service-icon {
    flex-shrink: 0;
    display: flex;
    height: 2.5rem;
    width: 2.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
    background: linear-gradient(to bottom right, #185FA5, #378ADD);
    color: white;
}

.service-title {
    margin-bottom: 0;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    color: #C0143C;
}

.service-text {
    margin-bottom: 1rem;
    font-size: 0.875rem;
    line-height: 1.625;
    color: rgba(12, 68, 124, 0.8);
}

.service-list {
    @apply space-y-1.5 text-sm;
    color: rgba(12, 68, 124, 0.7);
}

.service-list li::before {
    content: "\2022";
    color: #C0143C;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.service-list li {
    padding-left: 1em;
}

/* Approach steps */
.approach-step {
    @apply rounded-2xl p-5 transition-transform duration-200;
    background-color: #EBF3FC;
    border-top: 3px solid #C0143C;
}

.approach-step:hover {
    transform: translateY(-2px);
}

.step-number {
    margin-bottom: 0.5rem;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #C0143C;
}

.step-title {
    margin-bottom: 0.5rem;
    font-size: 1rem;
    font-weight: 700;
    color: #C0143C;
}

.step-text {
    font-size: 0.875rem;
    line-height: 1.625;
    color: rgba(12, 68, 124, 0.8);
}

/* Team cards */
.team-card {
    @apply rounded-2xl bg-white p-6 text-center shadow-sm transition-transform duration-200;
}

.team-card:hover {
    transform: translateY(-4px);
    @apply shadow-md;
}

.team-photo {
    @apply mx-auto mb-4 h-32 w-32 rounded-full object-cover shadow-sm;
}

.team-name {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    color: #C0143C;
}

.team-role {
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #0C447C;
}

.team-bio {
    font-size: 0.875rem;
    line-height: 1.625;
    color: rgba(12, 68, 124, 0.8);
    text-align: left;
}

/* Navigation */
.nav-link-active {
    color: #C0143C !important;
}

.nav-closed {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.25s ease, opacity 0.2s ease;
}

.nav-open {
    max-height: 400px;
    opacity: 1;
    overflow: hidden;
    transition: max-height 0.25s ease, opacity 0.2s ease;
}