/* <!-- Section #1 Product Level Identity --> */
.dfp-identity-section {
    background: linear-gradient(
        rgba(10, 43, 96, 0.90),
        rgba(10, 43, 96, 0.90)
    );
    padding: 100px 0;
}

.accent-text {
    color: #ECB43B; /* Yellow */
}

.dfp-muted {
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.7;
}

.dfp-card {
    background-color: rgba(255, 255, 255, 0.06);
    border-left: 4px solid #357514; /* Green Accent */
    transition: 0.3s ease;
}

.dfp-card:hover {
    background-color: rgba(255, 255, 255, 0.10);
}
/* <!--Section 2 SECTION – QR Verification System (Light) --> */
.dfp-qr-section {
    background-color: #ffffff;
    padding: 100px 0;
}

.section-title {
    color: #0A2B60; /* Dark Blue */
}

.section-muted {
    color: #6c757d;
    line-height: 1.7;
}

.accent-text {
    color: #ECB43B; /* Yellow */
}

.qr-card {
    background-color: #f8f9fa;
    border-top: 4px solid #357514; /* Green Accent */
    transition: 0.3s ease;
}

.qr-card:hover {
    transform: translateY(-4px);
}
/* Section 3 Data Structure */
.dfp-structure-section {
    background: linear-gradient(
        rgba(10, 43, 96, 0.90),
        rgba(10, 43, 96, 0.90)
    );
    padding: 100px 0;
}

.accent-text {
    color: #ECB43B; /* Yellow */
}

.dfp-muted {
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.7;
}

.dfp-structure-card {
    background-color: rgba(255, 255, 255, 0.06);
    border-bottom: 4px solid #357514; /* Green Accent */
    transition: 0.3s ease;
}

.dfp-structure-card:hover {
    background-color: rgba(255, 255, 255, 0.10);
}
/* SECTION 4 – Lifecycle Traceability (Light – Final Section) */
.dfp-lifecycle-section {
    background-color: #ffffff;
    padding: 100px 0;
}

.section-title {
    color: #0A2B60; /* Dark Blue */
}

.section-muted {
    color: #6c757d;
    line-height: 1.7;
}

.accent-text {
    color: #ECB43B; /* Yellow */
}

.lifecycle-step {
    background-color: #f8f9fa;
    border-bottom: 4px solid #357514; /* Green Accent */
    transition: 0.3s ease;
}

.lifecycle-step:hover {
    transform: translateY(-4px);
}