.terminal-toggle {
            position: fixed;
            bottom: 2rem;
            right: 2rem;
            width: 60px;
            height: 60px;
            background: var(--phoenix-orange);
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            box-shadow: 0 5px 20px rgba(255, 107, 53, 0.5);
            z-index: 1000;
            transition: all 0.3s ease;
        }.terminal-toggle:hover {
            transform: scale(1.1);
            box-shadow: 0 8px 30px rgba(255, 107, 53, 0.7);
        }.terminal {
            position: fixed;
            bottom: -500px;
            right: 2rem;
            width: calc(100% - 4rem);
            max-width: 800px;
            height: 400px;
            background: rgba(10, 10, 10, 0.95);
            border-radius: 10px 10px 0 0;
            box-shadow: 0 -5px 30px rgba(0, 0, 0, 0.5);
            z-index: 999;
            transition: bottom 0.5s ease;
            border: 1px solid rgba(255, 107, 53, 0.3);
            display: flex;
            flex-direction: column;
        }.terminal.active {
            bottom: 0;
        }.terminal-header {
            padding: 0.8rem 1rem;
            background: rgba(255, 107, 53, 0.1);
            border-bottom: 1px solid rgba(255, 107, 53, 0.3);
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-radius: 10px 10px 0 0;
        }.terminal-title {
            font-family: "IBM Plex Mono", monospace;
            font-size: 0.9rem;
            color: var(--phoenix-orange);
        }.terminal-close {
            cursor: pointer;
            color: var(--alabaster);
            opacity: 0.7;
            transition: all 0.3s ease;
        }.terminal-close:hover {
            opacity: 1;
            color: var(--plasma-blue);
        }.terminal-body {
            flex-grow: 1;
            padding: 1rem;
            overflow-y: auto;
            font-family: "IBM Plex Mono", monospace;
            font-size: 0.9rem;
            color: var(--alabaster);
        }.terminal-input {
            display: flex;
            padding: 1rem;
            background: rgba(20, 20, 20, 0.8);
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }.terminal-prompt {
            color: var(--phoenix-orange);
            margin-right: 0.5rem;
        }.terminal-cmd {
            background: transparent;
            border: none;
            color: var(--alabaster);
            font-family: "IBM Plex Mono", monospace;
            flex-grow: 1;
            outline: none;
        }.guide-intro { opacity: 0.82; margin-bottom: 0.7rem; }.guide-note { opacity: 0.62; font-size: 0.82rem; margin-bottom: 0.9rem; }.guide-result {
            margin: 0.8rem 0;
            padding: 0.9rem;
            border-left: 2px solid var(--phoenix-orange);
            background: rgba(255,107,53,0.06);
            border-radius: 8px;
        }.guide-result strong { color: var(--plasma-blue); }.finder-excerpt { display:block; margin-top:0.5rem; opacity:0.86; }.finder-meta { display:block; margin-top:0.35rem; opacity:0.55; font-size:0.78rem; }.guide-actions { display:flex; flex-wrap:wrap; gap:0.5rem; margin-top:0.65rem; }.guide-chip {
            color: var(--alabaster);
            text-decoration: none;
            border: 1px solid rgba(0,245,255,0.25);
            border-radius: 999px;
            padding: 0.25rem 0.65rem;
            font-size: 0.8rem;
            opacity: 0.82;
            transition: all 0.2s ease;
        }.guide-chip:hover { opacity:1; color:var(--plasma-blue); border-color:rgba(0,245,255,0.55); }@media (max-width: 768px) {
            header {
                padding: 1rem 1.5rem;
            }

            .logo {
                width: 50px;
                height: 50px;
            }
            .nav-toggle {
            width: 45px;
            height: 45px;
        }

            .nav-line {
            width: 25px;
            height: 2.5px;
            margin: 2px 0;
        }

        @media (max-width: 480px) {
    .orb-container {
        gap: 0.8rem;
        justify-content: center;
        flex-wrap: wrap; /* permet aux boutons de se mettre à la ligne */
    }

    .orb {
        width: 70px;  /* réduire un peu plus sur mobile */
        height: 70px;
        font-size: 0.75rem;
    }

    .orb-text {
        font-size: 0.75rem;
        text-align: center;
    }
}



            .hero h1 {
            font-size: 2.5rem;
            }

            .orb {
            width: 100px;
            height: 100px;
            }

            .cube-container {
            width: 250px;
            height: 250px;
            }

            .terminal {
            width: calc(100% - 2rem);
            right: 1rem;
            height: 350px; 
            bottom: -370px; 
            }

            .terminal.active {
            bottom: 0;
            }

        }@media (max-width: 480px) {
    .terminal {
        width: calc(100% - 1rem);
        right: 0.5rem;
        height: 300px;
        bottom: -320px;
    }

    .terminal.active {
        bottom: 0;
    }

    .terminal-toggle {
        width: 50px;
        height: 50px;
        bottom: 1rem;
        right: 1rem;
    }

    .nav-toggle {
        width: 50px;
        height: 50px;
    }

    .nav-line {
        width: 25px;
        height: 2.5px;
        margin: 2px 0;
    }
}.terminal-toggle { animation: phoenGlow 3.4s ease-in-out infinite; }.terminal-toggle:hover { animation-play-state: paused; }.orb, .hero-content > img, .section-title::after, .product-image::before, .product-badge, .privacy-badge, .terminal-toggle { animation-play-state: var(--motion-play-state, running); }