body {
            background-color: #FAFAFA;
            color: #080808;
            overflow-x: hidden;
        }

        h1, h2 { text-wrap: balance; }
        .stat-counter { font-variant-numeric: tabular-nums; }

        .bg-dots {
            background-image: radial-gradient(rgba(8, 8, 8, 0.04) 1px, transparent 1px);
            background-size: 24px 24px;
        }

        .glass-nav {
            background: rgba(250, 250, 250, 0.9);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(8, 8, 8, 0.1);
        }

        .reveal {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        .reveal-delay-1 {
            transition-delay: 0.1s;
        }

        .gsap-ready .reveal {
            opacity: 1;
            transform: none;
            transition: none;
        }

        /* Liquid Glass Yellow */
        .liquid-glass-yellow {
            background: linear-gradient(135deg, rgba(210, 255, 0, 0.6) 0%, rgba(210, 255, 0, 0.2) 100%);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(210, 255, 0, 0.4);
            border-top: 1px solid rgba(255, 255, 255, 0.9);
            border-left: 1px solid rgba(255, 255, 255, 0.9);
            box-shadow: 0 8px 32px 0 rgba(210, 255, 0, 0.15);
        }

        ::-webkit-scrollbar {
            width: 8px;
        }

        ::-webkit-scrollbar-track {
            background: #FAFAFA;
            border-left: 1px solid #E5E5E5;
        }

        ::-webkit-scrollbar-thumb {
            background: #080808;
        }

        /* Carte Swiss avec effet d'ombre interne au survol */
        .swiss-card {
            transition: box-shadow 0.3s ease;
        }

        .swiss-card:hover {
            box-shadow: inset 0 0 0 1px #080808;
            z-index: 10;
        }

        .robot-item {
            transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .robot-item.hide,
        .section-header.hide {
            opacity: 0;
            transform: scale(0.95);
            pointer-events: none;
            position: absolute;
            visibility: hidden;
        }

        input:focus,
        button:focus {
            outline: none;
        }