/* Helpers */
        .list { list-style: disc inside; background-color: #fff; }

        /* Hero */
        .hero-intro {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 1rem;
            padding: 6rem 2rem;
            background: var(--neon-dark);
        }
        .hero-intro h1 {
            font-size: clamp(2.5rem, 5vw, 4rem);
        }

        /* Layout sections */
        #about, #mission, #histoire, #valeurs, #team, #tech, #stats, #services {
            padding: 4rem 0;
        }
        #histoire .timeline {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 2rem;
        }

        /* Logos */
        #tech .tech-logos img {
            filter: grayscale(100%);
            transition: .3s;
        }
        #tech .tech-logos img:hover {
            filter: none;
            transform: scale(1.1);
        }

        /* About section */
        #about p {
            line-height: 1.6;
            margin-bottom: 1.25rem;
        }

        /* ------------------------------------------------------- */
        /* Services section                                       */
        /* ------------------------------------------------------- */

        .service-cards {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 2rem;
            margin-top: 3rem;
        }

        .card {
            background: rgba(255, 255, 255, 0.05); /* léger voile clair */
            border: 1px solid var(--neon-primary);
            padding: 2rem 1.5rem;
            border-radius: 1rem;
            text-align: left;
            transition: transform .3s ease, box-shadow .3s ease;
        }
        .card:hover {
            transform: translateY(-6px) scale(1.02);
            box-shadow: 0 20px 30px rgba(0, 0, 0, 0.35);
        }
        .card h3 {
            font-size: 1.35rem;
            margin-bottom: 1rem;
            color: var(--neon-primary-light, #18fefe);
        }
        .card p {
            line-height: 1.5;
            margin-bottom: .75rem;
        }

        @media (prefers-color-scheme: light) {
            .card {
                background: #ffffff;
                border: 1px solid #e5e7eb;
            }
            .card:hover {
                box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
            }
        }