:root {
        --primary-color: #0a2342;
        --secondary-color: #1a4b6d;
        --accent-color: #2c7da0;
    }

    /* Responsive Hero */
    .cns-hero {
        background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
        min-height: 80vh;
        display: flex;
        align-items: center;
    }

    /* Responsive Service Cards */
    .service-card {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .service-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    }
    .hero-overlay {
        position: absolute;
        inset: 0;
        background: rgba(10, 35, 66, 0.6);
        backdrop-filter: blur(5px);
    }

    /* Hover Lift Effect */
    .hover-lift {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .hover-lift:hover {
        transform: translateY(-10px);
        box-shadow: 0 15px 30px rgba(0,0,0,0.2);
    }

    /* Responsive Typography */
    @media (max-width: 768px) {
        .display-4 {
            font-size: 2.5rem;
        }

        .display-5 {
            font-size: 2rem;
        }

        .cns-hero {
            min-height: auto;
            padding-top: 4rem;
            padding-bottom: 4rem;
        }
    }

    /* Performance Metrics */
    .metric-card {
        background-color: rgba(255,255,255,0.05);
        transition: transform 0.3s ease;
    }

    .metric-card:hover {
        transform: scale(1.05);
    }