/* ============================================
   CyberGuard Device Inventory Manager — colori della pagina
   La grafica è quella della pagina CAT (assessment/css/style.css e chapters.css);
   qui cambiano solo lo sfondo dell'header, che resta quello storico del DIM,
   e la tinta: petrolio del portale DIM (#055e7e) al posto del blu del CAT.
   ============================================ */

:root {
    --primary: #055e7e;
    --primary-dark: #1a3a4a;
    --grad-hero: linear-gradient(135deg, rgba(26,58,74,0.85) 0%, rgba(5,94,126,0.8) 50%, rgba(20,128,169,0.75) 100%);
    --bg-navy: #0A3A4F;
    --bg-dark: #0B1A22;
    --bg-teal: #04485A;
}

/* Header: stesso sfondo della pagina DIM precedente. */
.hero {
    background: var(--grad-hero), url('../images/header.jpg') center/cover no-repeat;
}
.hero-glow::after { background: radial-gradient(circle, rgba(14,165,160,0.45) 0%, transparent 65%); }
#mainNav.nav-scrolled { background: rgba(26, 58, 74, 0.96); }

.area--light, .area--gray { --accent: #055e7e; }
.area--dark { --accent: #3EC1E6; }
.area--light .accent, .area--gray .accent {
    background: linear-gradient(120deg, #055e7e 0%, #1480a9 50%, #0ea5a0 100%);
    -webkit-background-clip: text;
    background-clip: text;
}
.area-glow::after { background: radial-gradient(circle, rgba(20,128,169,0.45) 0%, transparent 65%); }
.feature-cards .feature-highlight-col > i { background: linear-gradient(135deg, #055e7e, #0ea5a0); }

/* Chiusura: la stessa della pagina DIM precedente (titolo, sottotitolo, un pulsante "Richiedi una demo"). */
.section-cta {
    background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 50%, #1480a9 100%);
    padding: 120px 0;
    position: relative;
    overflow: hidden;
}
.section-cta::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -20%;
    width: 60%;
    height: 200%;
    background: radial-gradient(ellipse, rgba(14,165,160,0.15) 0%, transparent 70%);
    pointer-events: none;
}
.section-cta .container { position: relative; z-index: 1; }
.cta-title {
    font-size: clamp(2rem, 3.5vw, 2.8rem);
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -0.03em;
    margin-bottom: 16px;
}
.cta-subtitle {
    font-size: 1.15rem;
    color: rgba(255,255,255,0.7);
    max-width: 560px;
    margin: 0 auto 40px;
    line-height: 1.6;
}
.cta-actions { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.btn-cta-primary {
    background: #ffffff;
    color: var(--primary-dark);
    padding: 16px 36px;
    border-radius: 14px;
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.btn-cta-primary:hover {
    background: #f0f0f0;
    color: var(--primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.2);
}
@media (max-width: 991px) { .section-cta { padding: 80px 0; } }