* {
                                        margin: 0;
                                        padding: 0;
                                        box-sizing: border-box;
                                    }

                                    html {
                                        scroll-behavior: smooth;
                                    }

                                    .page-wrapper {
                                        font-family: "Urbanist", sans-serif;
                                        background-color: #ffffff;
                                    }

                                    /* ---------------------------------- */
                                    /* 2. Hero Section                  */
                                    /* ---------------------------------- */
                                    .hero-section {
                                        display: flex;
                                        align-items: center;
                                        justify-content: center;
                                        position: relative;
                                        height: 90vh;
                                        min-height: 700px;
                                        background-image: url("https://lojagoldentec.vteximg.com.br/arquivos/Cube2L1.jpg");
                                        background-size: cover;
                                        background-position: center;
                                        color: #ffffff;
                                    }

                                    .hero-container {
                                        max-width: 1440px;
                                        width: 100%;
                                        margin: 0 auto;
                                        padding: 0 24px;
                                        position: relative;
                                        z-index: 1;
                                    }

                                    .hero-content {
                                        max-width: 60%;
                                        text-align: left;
                                    }

                                    .logo-image {
                                        width: 200px;
                                        height: auto;
                                        margin-bottom: 50px;
                                        color: #abbc00;
                                        transition: color 0.3s ease-in-out;
                                        cursor: pointer;
                                    }

                                    .logo-image .cls-1 {
                                        fill: currentColor;
                                    }

                                    .product-name {
                                        font-size: 50px;
                                        font-weight: 500;
                                        margin-bottom: 0;
                                        margin-left: 6px;
                                    }

                                    .slogan {
                                        font-size: 100px;
                                        font-weight: 700;
                                        line-height: 0.9;
                                        text-transform: lowercase;
                                        margin-bottom: 90px;
                                    }

                                    /* ---------------------------------- */
                                    /* 3. Reusable Section Styles       */
                                    /* ---------------------------------- */
                                    .content-section {
                                        position: relative;
                                        z-index: 2;
                                        background-color: red;
                                    }
                                    /* ESTILO DO GRADIENTE ATUALIZADO */
                                    .content-section-gradient {
                                        padding-bottom: 60px;
                                        position: relative;
                                        z-index: 2;
                                        background-color: #f0f0f0;
                                        overflow: hidden; /* Garante que os gradientes não vazem */
                                    }

                                    /* Garantir que o conteúdo fique sobre o novo background */
                                    .content-section-gradient > section {
                                        position: relative;
                                        z-index: 10;
                                    }

                                    /* NOVO BACKGROUND - ESTRUTURA E ANIMAÇÕES */
                                    .gradient-background {
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        width: 100%;
                                        height: 100%;
                                        z-index: 1;
                                        overflow: hidden;
                                    }

                                    .gradient-sphere {
                                        position: absolute;
                                        border-radius: 50%;
                                        filter: blur(60px);
                                    }

                                    .sphere-1 {
                                        width: 40vw;
                                        height: 40vw;
                                        background: linear-gradient(40deg, rgba(255, 0, 128, 0.4), rgba(255, 102, 0, 0.4));
                                        top: 10%;
                                        left: -10%;
                                        animation: float-1 8s ease-in-out infinite alternate;
                                    }

                                    .sphere-2 {
                                        width: 45vw;
                                        height: 45vw;
                                        background: linear-gradient(240deg, rgba(255, 102, 0, 0.2), rgb(255, 151, 0));
                                        bottom: -20%;
                                        right: -10%;
                                        animation: float-2 10s ease-in-out infinite alternate;
                                    }

                                    .sphere-3 {
                                        width: 30vw;
                                        height: 30vw;
                                        background: linear-gradient(120deg, #ff69b4, rgb(255, 120, 0));
                                        top: 60%;
                                        left: 20%;
                                        animation: float-3 6s ease-in-out infinite alternate;
                                    }

                                    @keyframes float-1 {
                                        0% {
                                            transform: translate(0, 0) scale(1);
                                        }
                                        100% {
                                            transform: translate(25%, 20%) scale(1.1);
                                        }
                                    }

                                    @keyframes float-2 {
                                        0% {
                                            transform: translate(0, 0) scale(1);
                                        }
                                        100% {
                                            transform: translate(-30%, -5%) scale(1.15);
                                        }
                                    }

                                    @keyframes float-3 {
                                        0% {
                                            transform: translate(0, 0) scale(1);
                                            opacity: 0.3;
                                        }
                                        100% {
                                            transform: translate(-15%, 10%) scale(1.05);
                                            opacity: 0.6;
                                        }
                                    }

                                    .grid-overlay {
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        width: 100%;
                                        height: 104%;
                                        background-size: 40px 40px;
                                        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.02) 1px, transparent 1px),
                                            linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
                                        z-index: 2;
                                    }



                                    @keyframes pulse {
                                        0% {
                                            opacity: 0.3;
                                            transform: translate(-50%, -50%) scale(0.9);
                                        }
                                        100% {
                                            opacity: 0.7;
                                            transform: translate(-50%, -50%) scale(1.1);
                                        }
                                    }
                                    /* FIM DO NOVO BACKGROUND */

                                    .section-block {
                                        max-width: 1196px;
                                        margin: 0 auto 80px;
                                        text-align: center;
                                    }

                                    .section-title {
                                        font-size: 35px;
                                        font-weight: 500;
                                        color: #101010;
                                        margin-bottom: 5px;
                                    }

                                    .section-subtitle {
                                        font-size: 20px;
                                        font-weight: 400;
                                        color: #525252;
                                        line-height: 1.6;
                                        max-width: 1196px;
                                        margin: 0 auto 30px;
                                    }

                                    .section-block img {
                                        width: 100%;
                                        height: auto;
                                        max-width: 100%;
                                        border-radius: 10px;
                                        object-fit: cover;
                                    }

                                    .content-section-black {
                                        position: relative;
                                        z-index: 2;
                                    }

                                    .section-block-black {
                                        max-width: 1196px;
                                        margin: 0 auto 80px;
                                        text-align: center;
                                    }

                                    .section-title-black {
                                        font-size: 40px;
                                        font-weight: 500;
                                        color: #101010;
                                        margin-bottom: 5px;
                                        padding-top: 40px;
                                    }

                                    .section-subtitle-black {
                                        font-size: 20px;
                                        font-weight: 400;
                                        color: #525252;
                                        line-height: 1.6;
                                        max-width: 1196px;
                                        margin: 0 auto 30px;
                                    }

                                    .section-block-black img {
                                        width: 100%;
                                        height: auto;
                                        max-width: 100%;
                                        border-radius: 10px;
                                        object-fit: cover;
                                    }

                                    /* ---------------------------------- */
                                    /* 4. Specific Section Styles       */
                                    /* ---------------------------------- */

            #glowsection {
                font-size: 60px; margin-top: -70px; margin-bottom: 20px; color: 101010;
            }
            
            #glowsection2 {
                font-size: 60px; margin-top: -70px; margin-bottom: 20px; color: 101010;
            }
            
            #entradas {
                margin: auto;
            }
            
            
                                /* Media Gallery (Two-column images) */
                    .media-gallery-container {
                        display: flex;
                        justify-content: center;
                        gap: 24px;
                        margin-top: 40px;
                        flex-wrap: wrap;
                        width: 100%;
                    }

                    .media-item {
                        flex: 1;
                        min-width: 280px;
                        text-align: center;
                    }

                    .media-item img {
                        background-color: #e8e8e8;
                        margin-bottom: 16px;
                        height: 450px;
                        object-fit: cover;
                        width: 100%;
                    }

                    .media-caption {
                        font-size: 16px;
                        font-weight: 400;
                        color: #646464;
                        line-height: 1.6;
                        max-width: 400px;
                        margin: 0 auto;
                    }

                                    .feature-detailed-row {
                                        display: grid;
                                        grid-template-columns: repeat(2, 1fr);
                                        grid-template-areas: "text image";
                                        gap: 3rem;
                                        align-items: center;
                                        margin-bottom: 4rem;
                                    }
                                    .feature-detailed-row:last-child {
                                        margin-bottom: 0;
                                    }
                                    .feature-detailed-row.reverse {
                                        grid-template-areas: "image text";
                                    }
                                    .feature-detailed-row .feature-detailed-text {
                                        grid-area: text;
                                        text-align: left;
                                    }
                                    .feature-detailed-row .feature-detailed-image {
                                        grid-area: image;
                                    }
                                    .feature-detailed-text h3 {
                                        font-size: 35px;
                                        font-weight: 500;
                                        color: #101010;
                                        margin-bottom: 1rem;
                                    }
                                    .feature-detailed-text p {
                                        font-size: 20px;
                                        color: #4b5563;
                                        line-height: 1.6;
                                    }
                                    .feature-detailed-image img {
                                        width: 100%;
                                        height: auto;
                                        border-radius: 12px;
                                        object-fit: cover;
                                        display: block;
                                    }


                                /* User Manual Section */
                    .user-manual-section {
                        width: 100%;
                        background-color: #f9fafb;
                        padding: 3rem 1rem;
                    }

                    .manual-container {
                        max-width: 1196px;
                        margin-left: auto;
                        margin-right: auto;
                    }

                    .manual-grid {
                        display: grid;
                        grid-template-columns: 1fr;
                        gap: 2rem;
                    }

                    .download-card {
                        background-color: #ffffff;
                        border-radius: 12px;
                        border: 1px solid #e5e7eb;
                        box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
                        padding: 1.5rem;
                        display: flex;
                        flex-direction: column;
                        transition: box-shadow 0.3s ease;
                        position: relative;
                    }

                    .card-icon {
                        position: absolute;
                        top: 1.5rem;
                        right: 1.5rem;
                        color: #bccf00;
                        width: 45px;
                        height: 45px;
                    }

                    .card-content {
                        flex-grow: 1;
                    }

                    .card-title {
                        font-size: 1.25rem;
                        font-weight: 700;
                        color: #111827;
                        margin: 0 0 0.5rem 0;
                    }

                    .card-info {
                        font-size: 0.875rem;
                        color: #4b5563;
                        margin: 0;
                        line-height: 1.5;
                    }

                    .card-info.last {
                        margin-bottom: 1rem;
                    }

                    .card-language {
                        font-size: 0.875rem;
                        color: #1f2937;
                        font-weight: 600;
                        margin: 0;
                    }

                    .download-button {
                        margin-top: 1.5rem;
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        padding: 0.625rem 1.25rem;
                        border: 1px solid #9ca3af;
                        font-size: 0.875rem;
                        font-weight: 500;
                        color: #1f2937;
                        background-color: #ffffff;
                        border-radius: 9999px;
                        text-decoration: none;
                        width: fit-content;
                        transition: background-color 0.3s ease,
                            color 0.3s ease;
                    }

                    .download-button:hover {
                        background-color: #bccf00;
                        color: #101010;
                    }

                    .download-button svg {
                        margin-left: 0.5rem;
                        width: 16px;
                        height: 16px;
                    }

                                    /* ---------------------------------- */
                                    /* 4.5. SEÇÃO LÂMINA DE LINKS (ATUALIZADA) */
                                    /* ---------------------------------- */

                                    .seo-container {
                                        max-width: 1196px;
                                        margin: auto;
                                        border-radius: 20px;
                                        border: 1px solid #e0e0e0;
                                        padding: 20px;
                                        margin-top:;
                                    }
                                    .anchor-links-section {
                                        background-color: #ffffff;
                                        border-bottom: none;
                                        width: 100%;
                                        padding: 80px 0 60px;
                                        position: relative;
                                        z-index: 2;
                                        margin-top: -50px;
                                        border-radius: 20px 20px 0 0;
                                    }

                                    .anchor-links-section .section-block {
                                        margin-bottom: 0;
                                        padding: 0 18px;
                                    }

                                    .section-pre-title {
                                        font-size: 18px;
                                        font-weight: 500;
                                        color: #bccf00;
                                        text-align: center;
                                        margin-bottom: 10px;
                                        text-transform: uppercase;
                                        letter-spacing: 0.5px;
                                        font-weight: 800;
                                    }

                                    .anchor-links-section .section-subtitle {
                                        margin-bottom: 40px;
                                        color: #525252;
                                    }

                                    .anchor-nav-list {
                                        display: flex;
                                        flex-wrap: wrap;
                                        justify-content: center;
                                        list-style: none;
                                        padding: 0;
                                        margin: 0;
                                        margin-top: -20px;
                                    }

                                    .anchor-nav-list li {
                                        margin: 5px 10px;
                                    }

                                    .anchor-nav-list li + li::before {
                                        content: "|";
                                        color: #cccccc;
                                        margin-right: 15px;
                                        font-size: 20px;
                                    }

                                    .anchor-nav-list a {
                                        text-decoration: none;
                                        color: #525252;
                                        font-weight: 500;
                                        font-size: 18px;
                                        background: linear-gradient(to right, #e0e0e0, #e0e0e0), linear-gradient(to right, #bccf00, #bccf00);
                                        background-size:
                                            100% 0.1em,
                                            0 0.1em;
                                        background-position:
                                            100% 100%,
                                            0 100%;
                                        background-repeat: no-repeat;
                                        transition: 400ms;
                                        padding: 2px;
                                    }

                                    .anchor-nav-list a:hover,
                                    .anchor-nav-list a:focus {
                                        color: #101010;
                                        background-size:
                                            0 0.1em,
                                            100% 0.1em;
                                    }

                                    /* ---------------------------------- */
                                    /* 4.6. LÂMINA ESCURA (INTRO)       */
                                    /* ---------------------------------- */
                                    .dark-intro-section {
                                        background-color: #ffffff;
                                        position: relative;
                                        z-index: 2;
                                        margin-top: -2px;
                                        overflow: hidden;
                                    }

                                    .dark-intro-image {
                                        padding: 0 18px;
                                    }

                                    .dark-intro-image img {
                                        border-radius: 12px;
                                        display: block;
                                        width: 100%;
                                        position: absolute;
                                        z-index: 10;
                                        width: 750px;
                                        top: 50%;
                                        left: 25vw;
                                        transform: translateY(-49%);
                                    }

                                    .dark-intro-section .section-block {
                                        margin-bottom: 0;
                                        padding: 0 18px;
                                    }

                                    .dark-intro-section .feature-detailed-row {
                                        grid-template-columns: 1fr;
                                        grid-template-areas: "text";
                                        gap: 0;
                                        margin-bottom: 0;
                                    }

                                    .dark-intro-section .section-title {
                                        font-size: 80px;
                                        line-height: 70px;
                                        margin-top: 0;
                                        padding-top: 0;
                                        text-align: left;
                                        color: transparent;
                                    }

                                    .dark-intro-section .section-title > span {
                                        background: linear-gradient(to top, #000000 00%, #979797 100%);
                                        -webkit-background-clip: text;
                                        background-clip: text;
                                    }

                                    .dark-intro-section .section-subtitle {
                                        color: #525252;
                                        margin: 1rem 0 0;
                                        max-width: 100%;
                                        text-align: left;
                                    }

                                    /* ---------------------------------- */
                                    /* 4.7. FEATURE LIST (DESTAQUE)     */
                                    /* ---------------------------------- */
                                    .feature-list {
                                        display: flex;
                                        flex-direction: column;
                                        gap: 1.5rem;
                                        align-items: flex-start;
                                        margin-top: 2.5rem;
                                        list-style: none;
                                        padding: 0;
                                        margin-left: 0;
                                    }

                                    .feature-list li {
                                        display: flex;
                                        align-items: baseline;
                                        gap: 1rem;
                                        font-size: 22px;
                                        font-weight: 500;
                                        color: #101010;
                                        font-weight: 600;
                                    }

                                    /* ---------------------------------- */
                                    /* 4.8. ANIMAÇÃO LOADER (ATUALIZADO)  */
                                    /* ---------------------------------- */
                                    @keyframes sequence1 {
                                        0% {
                                            height: 5px;
                                        }
                                        50% {
                                            height: 28px;
                                        }
                                        100% {
                                            height: 5px;
                                        }
                                    }

                                    @keyframes sequence2 {
                                        0% {
                                            height: 10px;
                                        }
                                        50% {
                                            height: 35px;
                                        }
                                        100% {
                                            height: 10px;
                                        }
                                    }

                                    .feature-loader {
                                        width: 45px;
                                        height: 35px;
                                        flex-shrink: 0;
                                    }

                                    .feature-loader ul {
                                        margin: 0;
                                        list-style: none;
                                        width: 45px;
                                        position: relative;
                                        padding: 0;
                                        height: 35px;
                                    }

                                    .feature-loader li {
                                        position: absolute;
                                        width: 3px;
                                        height: 0;
                                        background-color: #101010;
                                        bottom: 0;
                                        border-radius: 2px;
                                    }

                                    .feature-loader li:nth-child(1) {
                                        left: 0;
                                        animation: sequence1 1s ease infinite 0s;
                                    }
                                    .feature-loader li:nth-child(2) {
                                        left: 8px;
                                        animation: sequence2 1s ease infinite 0.1s;
                                    }
                                    .feature-loader li:nth-child(3) {
                                        left: 16px;
                                        animation: sequence1 1s ease-in-out infinite 0.2s;
                                    }
                                    .feature-loader li:nth-child(4) {
                                        left: 24px;
                                        animation: sequence2 1s ease-in infinite 0.3s;
                                    }
                                    .feature-loader li:nth-child(5) {
                                        left: 32px;
                                        animation: sequence1 1s ease-in-out infinite 0.4s;
                                    }
                                    .feature-loader li:nth-child(6) {
                                        left: 40px;
                                        animation: sequence2 1s ease infinite 0.5s;
                                    }

                                    /* ---------------------------------- */
                                    /* 4.9. AJUSTE PARA IMAGEM FULL-WIDTH */
                                    /* ---------------------------------- */

            #manifesto {
                margin-top: 50px;
            }
            
                                    #leds {
                                        margin-top: 80px;
                                    }

                                    #leds .section-block-black {
                                        margin-bottom: 40px;
                                    }

                                    #leds .full-width-image {
                                        width: 100%;
                                        height: auto;
                                        display: block;
                                        border-radius: 0;
                                    }

                                    /* ---------------------------------- */
                                    /* 4.10. CSS PARA A NOVA SEÇÃO      */
                                    /* ---------------------------------- */

                                    .personality-section {
                                        padding: 100px 24px;
                                        text-align: center;
                                    }

                                    .personality-title {
                                        font-size: 120px;
                                        font-weight: 500;
                                        color: #101010;
                                        line-height: 1.1;
                                        margin-top: 50px;
                                        line-height: 110px;
                                        margin-bottom: 50px;
                                    }

                                    .personality-title span {
                                        font-weight: 800;
                                        background: linear-gradient(90deg, #ff8c00, #ff69b4, #00ced1);
                                        background-size: 300% 100%;
                                        -webkit-background-clip: text;
                                        background-clip: text;
                                        color: transparent;
                                        animation: gradient-animation 5s ease infinite;
                                    }

                                    @keyframes gradient-animation {
                                        0% {
                                            background-position: 0% 50%;
                                        }
                                        50% {
                                            background-position: 100% 50%;
                                        }
                                        100% {
                                            background-position: 0% 50%;
                                        }
                                    }

                                    /* --- ESTILOS UNIFICADOS PARA HOTSPOTS --- */

                                    .glow-effect {
                                        text-shadow:
                                            0 0 5px #fff,
                                            0 0 10px #fff,
                                            0 0 20px #ff69b4,
                                            0 0 30px #ff69b4,
                                            0 0 40px #ff69b4,
                                            0 0 55px #ff69b4,
                                            0 0 75px #ff69b4;
                                    }


                        .video-container {
                            position: relative;
                            padding-bottom: 99.9%;        /* Aspect ratio of the video */
                            height: 0;
                            overflow: hidden;
                            max-width: 100%;
                        }

                        .video-container video,
                        .video-container object,
                        .video-container embed {
                            position: absolute;
                            top: -1px;
                            left: -1px;
                            bottom: -1px;
                            width: calc(100% + 2px);
                            height: calc(100% + 20px);
                            -webkit-box-shadow: 0px 0px 30px 5px #F0F0F0;
                        box-shadow: 0px 0px 30px 5px #F0F0F0;
                                    }
                        }
                                    }

                                    .hotspot-container {
                                        position: relative;
                                        display: inline-block;
                                    }
                                    .hotspot-container img {
                                        display: block;
                                    }

                                    .hotspot-item {
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        width: 100%;
                                        height: 100%;
                                        pointer-events: none; /* O container não deve capturar eventos de mouse */
                                    }

                                    /* ANIMAÇÃO DE PULSAÇÃO ADICIONADA AQUI */
                                    @keyframes pulse-hotspot {
                                        0% {
                                            transform: translate(-50%, -50%) scale(0.95);
                                            box-shadow: 0 0 0 0 rgba(255, 105, 180, 0.7);
                                        }
                                        70% {
                                            transform: translate(-50%, -50%) scale(1.1);
                                            box-shadow: 0 0 10px 15px rgba(255, 105, 180, 0);
                                        }
                                        100% {
                                            transform: translate(-50%, -50%) scale(0.95);
                                            box-shadow: 0 0 0 0 rgba(255, 105, 180, 0);
                                        }
                                    }

                                    .hotspot {
                                        pointer-events: auto; /* O ponto deve ser clicável/hoverable */
                                        position: absolute;
                                        width: 24px;
                                        height: 24px;
                                        background-color: rgba(255, 255, 255, 0.7);
                                        border: 2px solid #ffffff;
                                        border-radius: 50%;
                                        cursor: pointer;
                                        transition: transform 0.3s ease;
                                        z-index: 20;
                                        top: var(--y);
                                        left: var(--x);
                                        transform: translate(-50%, -50%);
                                        animation: pulse-hotspot 2s infinite; /* APLICAÇÃO DA ANIMAÇÃO */
                                    }
                                    .hotspot:hover {
                                        animation-play-state: paused; /* Pausa a animação ao passar o mouse */
                                        transform: translate(-50%, -50%) scale(1.2);
                                    }

                                    .description {
                                        position: absolute;
                                        background: rgba(207, 31, 119, 0.44);
                                        border-radius: 16px;
                                        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
                                        backdrop-filter: blur(5px);
                                        -webkit-backdrop-filter: blur(5px);
                                        border: 1px solid rgba(255, 105, 180, 0.77);
                                        color: white;
                                        padding: 8px 12px;
                                        border-radius: 5px;
                                        opacity: 0;
                                        visibility: hidden;
                                        white-space: nowrap;
                                        transition: all 0.4s ease;
                                        z-index: 10;
                                        top: var(--y);
                                        right: calc(100% - var(--x) + 12px + 50px); /* 12px = metade do hotspot, 50px = largura da linha */
                                        transform: translate(20px, -50%);
                                        font-size: 18px;
                                        font-weight: 500;
                                    }

                                    .line {
                                        position: absolute;
                                        background-color: #ffffff;
                                        height: 2px;
                                        width: 0;
                                        opacity: 0;
                                        transition: all 0.4s ease;
                                        transform-origin: right;
                                        z-index: 5;
                                        top: var(--y);
                                        right: calc(100% - var(--x) + 12px);
                                        transform: translateY(-50%);
                                    }

                                    .hotspot:hover + .line {
                                        opacity: 1;
                                        width: 50px;
                                    }
                                    .hotspot:hover + .line + .description {
                                        opacity: 1;
                                        visibility: visible;
                                        transform: translate(0, -50%);
                                    }



                                    /* ---------------------------------- */
                                    /* 5. Responsive Design             */
                                    /* ---------------------------------- */

                                    @media (min-width: 768px) {
                                        .manual-grid {
                                            grid-template-columns: repeat(3, 1fr);
                                        }

                                        .mobile-intro-image {
                                            display: none;
                                        }
                                    }
            
            @media (max-width: 1366px) {
                
                .dark-intro-image img {
                                        
                                        top: 50%;
                                        left: 15vw;
                                    }
                
            }
            
            @media (max-width: 1650px) {
                
                .dark-intro-image img {
                                        
                                        top: 50%;
                                        left: 20vw;
                                    }
                
            }
            
            @media (max-width: 1280px) {
                .dark-intro-image img {
                                        
                                        top: 50%;
                                        left: 12vw;
                                    }

                                    }
            
            
                        @media (max-width: 1279px) {
                .dark-intro-image img {
                                        
                                        top: 50%;
                                        left: 7vw;
                    width: 550px;
                                    }

                                    }
            

                                    @media (min-width: 769px) {
                                        .dark-intro-section {
                                            min-height: 600px;
                                            display: flex;
                                            align-items: center;
                                        }

                                        .dark-intro-section .section-block {
                                            position: relative;
                                            z-index: 2;
                                            padding: 80px 18px;
                                            width: 100%;
                                        }

                                        .dark-intro-image {
                                            position: absolute;
                                            z-index: 1;
                                            padding: 0;
                                            width: 750px;
                                            top: 50%;
                                            left: -150px;
                                            transform: translateY(-50%);
                                        }

                                        .dark-intro-image img {
                                            border-radius: 0;
                                        }

                                        .dark-intro-section .feature-detailed-text {
                                            margin-left: 55%;
                                            max-width: 45%;
                                            text-align: left;
                                        }
                                    }



                                    @media (max-width: 992px) {
                                        .dual-band-container {
                                            flex-direction: column;


                                        }
                                        .mobile-intro-image {
                                                margin-top: 20px;
                                            margin-left: 10%;
                                            }


                                    }

                                    @media (max-width: 768px) {
                                        
                                        .fullimage img {
                                            
                                            height: 160%;
                                        }

                                        .feature-detailed-image img {
                                        display: none;
                                    }

                                        .hotspot-item {
                                            display: none;
                                        }

                                        .section-block-black {
                                       padding: 20px;
                                    }

#glowsection {
                font-size: 45px; margin-top: -70px; margin-bottom: 20px; color: 101010;
            }
                                        
                                        #glowsection2 {
                font-size: 45px; margin-top: -30px; margin-bottom: 20px; color: 101010; max-width: 80%; margin: -30px auto 20px auto;
            }

                                        #entradas {
                margin-top: -80px;
            }
                                        
                                        #manifesto {
                margin-top: 0;
            }
                                        
                                     #leds {
                                        margin-top: -50px;
                                    }
                                        
                                        
                                        .sphere-1 {
                                        width: 80vw;
                                        height: 80vw;
                                        background: linear-gradient(40deg, rgba(255, 0, 128, 0.4), rgba(255, 102, 0, 0.4));
                                        top: -10%;
                                        left: -30%;
                                        animation: float-1 8s ease-in-out infinite alternate;
                                    }

                                    .sphere-2 {
                                        width: 75vw;
                                        height: 75vw;
                                        background: linear-gradient(240deg, rgba(255, 102, 0, 0.2), rgb(255, 151, 0));
                                        bottom: 0%;
                                        right: -30%;
                                        animation: float-2 10s ease-in-out infinite alternate;
                                    }
                                        
            
                                        .sphere-3 {
                                            display: none;
                                        }

                                        .hero-section {
                                            height: 80vh;
                                            min-height: 600px;
                                            align-items: flex-start;
                                            padding-top: 20px;
                                            background-image: url("https://lojagoldentec.vteximg.com.br/arquivos/Cube2L1Mob.jpg");
                                            background-color: #0b0b0b;
                                            background-position: 75% 55%;
                                            background-attachment: scroll;
                                            margin-bottom: -50px;
                                        }

                                        .hero-content {
                                            max-width: 100%;
                                            text-align: center;
                                        }
                                        .logo-image {
                                            margin: 0 auto 20px;
                                        }
                                        .slogan {
                                            font-size: 50px;
                                            margin-bottom: 0;
                                            max-width: 90%;
                                            margin-left: auto;
                                            margin-right: auto;
                                        }
                                        .product-name {
                                            font-size: 26px;
                                        }

                                        .anchor-links-section {
                                            padding: 60px 0 40px;
                                            margin-top: -30px;
                                        }

                                        .anchor-nav-list {
                                            flex-direction: column;
                                            align-items: center;
                                        }
                                        .anchor-nav-list li {
                                            margin: 8px 0;
                                        }

                                        .anchor-nav-list li + li::before {
                                            display: none;
                                        }

                                        .section-title {
                                            font-size: 32px;
                                            margin-top: 0;
                                            padding-top: 40px;
                                        }

                                        .content-section .section-block:first-child .section-title {
                                            margin-top: -35px;
                                        }

                                        .section-subtitle,
                                        .media-caption {
                                            font-size: 18px;
                                            padding: 0 24px;
                                        }
                                        .section-block {
                                            padding: 0 18px;
                                        }
                                        .manual-grid {
                                            grid-template-columns: 1fr;
                                        }

                                        .feature-detailed-row,
                                        .feature-detailed-row.reverse {
                                            grid-template-columns: 1fr;
                                            gap: 1.5rem;
                                            margin-bottom: 3rem;
                                            grid-template-areas: "text" "image";
                                        }

                                        .feature-detailed-text {
                                            text-align: center;
                                        }
                                        .feature-detailed-text h3 {
                                            font-size: 26px;
                                            text-align: center;
                                        }
                                        .feature-detailed-text p {
                                            font-size: 20px;
                                            text-align: center;
                                        }

                                        .dark-intro-section {
                                            padding-top: 40px;
                                        }

                                        .dark-intro-section .section-block {
                                            padding-bottom: 60px;
                                            width: auto;
                                        }

                                        .dark-intro-image {
                                            margin-bottom: 1.5rem;
                                        }

                                        .dark-intro-section .feature-detailed-text {
                                            margin-left: 0;
                                            max-width: 100%;
                                        }

                                        .dark-intro-section .feature-detailed-text,
                                        .dark-intro-section .section-title,
                                        .dark-intro-section .section-subtitle {
                                            text-align: center;
                                        }

                                        .feature-list {
                                            align-items: center;
                                            gap: 1.5rem;
                                        }

                                        .feature-list li {
                                            font-size: 18px;
                                        }

                                        .feature-loader {
                                            margin-right: 0;
                                        }

                                        .personality-title {
                                            font-size: 55px;
                                            line-height: 55px;
                                            margin-top: -20px;
                                        }
                                        
                                        .personality-title br{
                                            display: none;
                                        }