:root {
            --orange: #E46A3A;
            --orange-deep: #B23F14;
            --orange-bright: #FFA366;
            --orange-glow: rgba(228, 106, 58, .55);
        }

        html,
        body {
            background: #000;
            font-family: 'Archivo', sans-serif;
            overflow-x: hidden;
            color: #fff;
            -webkit-font-smoothing: antialiased;
        }

        html {
            scroll-behavior: smooth;
        }

        main {
            position: relative;
            z-index: 10;
        }

        @media (min-width:1024px) {
            html.custom-cursor-active body {
                cursor: none;
            }

            #custom-cursor {
                position: fixed;
                width: 8px;
                height: 8px;
                background: var(--orange);
                border-radius: 50%;
                pointer-events: none;
                z-index: 1000;
                transform: translate(-50%, -50%);
                transition: width .2s, height .2s, background-color .2s;
            }

            #custom-cursor-ring {
                position: fixed;
                width: 40px;
                height: 40px;
                border: 1px solid rgba(228, 106, 58, .4);
                border-radius: 50%;
                pointer-events: none;
                z-index: 999;
                transform: translate(-50%, -50%);
                transition: transform .08s cubic-bezier(.25, 1, .5, 1), border-color .3s;
            }

            .hover-target:hover~#custom-cursor-ring {
                border-color: #fff;
                transform: translate(-50%, -50%) scale(1.4);
                background: rgba(255, 255, 255, .05);
            }

            .hover-target:hover~#custom-cursor {
                background-color: #fff;
                width: 4px;
                height: 4px;
            }
        }

        .pill-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: rgba(228, 106, 58, .32);
            backdrop-filter: blur(14px) saturate(180%);
            -webkit-backdrop-filter: blur(14px) saturate(180%);
            border: 1px solid rgba(255, 163, 102, .4);
            color: #fff;
            border-radius: 999px;
            font-family: 'Unbounded', 'Archivo', sans-serif;
            font-weight: 600;
            letter-spacing: .04em;
            text-align: center;
            text-decoration: none;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 8px 24px -12px rgba(228, 106, 58, .4);
            transition: filter .2s ease, transform .2s ease, box-shadow .2s ease, background-color .3s ease;
        }

        .pill-btn:hover {
            background: rgba(228, 106, 58, .48);
            filter: brightness(1.12);
            transform: translateY(-2px);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 4px 14px -4px rgba(228, 106, 58, .7), 0 22px 45px -14px rgba(228, 106, 58, .55), 0 0 40px -6px rgba(255, 163, 102, .35);
        }

        .pill-btn:active {
            transform: translateY(0);
        }

        a,
        button {
            -webkit-tap-highlight-color: transparent;
        }

        @keyframes buttonShimmer {
            0% {
                background-position: -200% 0;
            }

            100% {
                background-position: 200% 0;
            }
        }

        .btn-premium {
            background: linear-gradient(90deg, rgba(228, 106, 58, .38) 0%, rgba(255, 131, 84, .5) 25%, rgba(228, 106, 58, .38) 50%, rgba(255, 131, 84, .5) 75%, rgba(228, 106, 58, .38) 100%);
            background-size: 200% auto;
            backdrop-filter: blur(14px) saturate(180%);
            -webkit-backdrop-filter: blur(14px) saturate(180%);
            border: 1px solid rgba(255, 163, 102, .45);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 4px 20px rgba(228, 106, 58, .22);
        }

        .btn-premium:hover {
            animation: buttonShimmer 1.8s linear infinite;
            box-shadow: 0 0 35px rgba(228, 106, 58, .5), 0 0 70px -10px rgba(255, 163, 102, .4);
        }

        .tag-pill {
            background: rgba(255, 255, 255, .04);
            border: 1px solid rgba(255, 255, 255, .1);
            color: #fff;
            border-radius: 999px;
            backdrop-filter: blur(8px) saturate(140%);
            -webkit-backdrop-filter: blur(8px) saturate(140%);
            transition: all .4s cubic-bezier(.25, 1, .5, 1);
            flex-shrink: 0;
            white-space: nowrap;
        }

        .tag-pill:hover {
            border-color: var(--orange);
            background: rgba(228, 106, 58, .12);
            transform: scale(1.05) translateY(-2px);
        }

        .marquee-row {
            overflow: hidden;
            display: flex;
            width: 100%;
            -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
            mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
        }

        .marquee-track {
            display: flex;
            gap: .6rem;
            flex-shrink: 0;
            padding-right: .6rem;
            animation: marqueeLeft 26s linear infinite;
        }

        .marquee-track-alt {
            animation-name: marqueeRight;
            animation-duration: 30s;
        }

        @keyframes marqueeLeft {
            from {
                transform: translateX(0);
            }

            to {
                transform: translateX(-100%);
            }
        }

        @keyframes marqueeRight {
            from {
                transform: translateX(-100%);
            }

            to {
                transform: translateX(0);
            }
        }

        .marquee-row:hover .marquee-track {
            animation-play-state: paused;
        }

        .diff-card {
            background: linear-gradient(180deg, rgba(25, 25, 28, .32) 0%, rgba(12, 12, 13, .45) 100%);
            backdrop-filter: blur(14px) saturate(140%);
            -webkit-backdrop-filter: blur(14px) saturate(140%);
            border: 1px solid rgba(255, 255, 255, .08);
            border-radius: 14px;
            transition: transform .4s cubic-bezier(.25, 1, .5, 1), border-color .4s ease, box-shadow .4s ease, background-color .4s ease;
        }

        .diff-card:hover {
            transform: translateY(-6px);
            border-color: rgba(228, 106, 58, .5);
            box-shadow: 0 4px 16px -6px rgba(228, 106, 58, .45), 0 24px 48px -18px rgba(228, 106, 58, .4), 0 0 50px -16px rgba(255, 163, 102, .35);
        }

        .glass-panel {
            background: rgba(10, 10, 12, .38);
            backdrop-filter: blur(22px) saturate(150%);
            -webkit-backdrop-filter: blur(22px) saturate(150%);
            border: 1px solid rgba(255, 255, 255, .08);
            box-shadow: 0 30px 60px rgba(0, 0, 0, .5), 0 0 90px -30px rgba(228, 106, 58, .35), inset 0 1px 0 rgba(255, 163, 102, .12);
        }

        input.gpc_campo {
            width: 100%;
            background: rgba(0, 0, 0, .5);
            color: #fff;
            border: 1px solid rgba(255, 255, 255, .1);
            border-radius: 6px;
            padding: 13px 15px;
            font-family: 'Archivo', sans-serif;
            font-size: 15px;
            outline: none;
            transition: border-color .3s ease, box-shadow .3s ease;
        }

        input.gpc_campo::placeholder {
            color: #9aa5ab;
        }

        input.gpc_campo:focus {
            border-color: var(--orange);
            box-shadow: 0 0 15px rgba(228, 106, 58, .18);
        }

        .img-zoom {
            overflow: hidden;
            display: block;
            position: relative;
        }

        .img-zoom img {
            transition: transform .7s cubic-bezier(.25, 1, .5, 1), filter .7s ease;
        }

        .img-zoom:hover img {
            transform: scale(1.07);
            filter: brightness(1.08);
        }

        @keyframes kenburns {
            0% {
                transform: scale(1.12);
            }

            100% {
                transform: scale(1);
            }
        }

        .hero-kenburns {
            animation: kenburns 8s cubic-bezier(.22, .8, .25, 1) both;
            transform-origin: center;
            mask-image: linear-gradient(to bottom, transparent 0%, transparent 25%, #000 40%, #000 100%);
            -webkit-mask-image: linear-gradient(to bottom, transparent 0%, transparent 25%, #000 40%, #000 100%);
        }

        @media (min-width:640px) {
            .hero-kenburns {
                mask-image: radial-gradient(ellipse 50% 50% at 50% 58%, #000 42%, transparent 80%);
                -webkit-mask-image: radial-gradient(ellipse 50% 50% at 50% 58%, #000 42%, transparent 80%);
            }
        }

        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity .8s cubic-bezier(.215, .61, .355, 1), transform .8s cubic-bezier(.215, .61, .355, 1);
        }

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

        .js-parallax {
            will-change: transform;
        }

        .font-display {
            font-family: 'Unbounded', 'Archivo', sans-serif;
        }

        @media (min-width:768px) and (min-aspect-ratio: 2/1) {
            #hero {
                height: auto;
                aspect-ratio: 21/9;
                max-height: none;
            }
        }

        #navbar {
            background: rgba(6, 6, 8, 0);
            backdrop-filter: none;
            border-bottom: 1px solid rgba(255, 255, 255, 0);
            transition: background-color .4s ease, backdrop-filter .4s ease, border-color .4s ease, box-shadow .4s ease;
        }

        #navbar.scrolled {
            background: rgba(8, 8, 10, .55);
            backdrop-filter: blur(18px) saturate(160%);
            -webkit-backdrop-filter: blur(18px) saturate(160%);
            border-bottom: 1px solid rgba(255, 255, 255, .08);
            box-shadow: 0 12px 30px -14px rgba(0, 0, 0, .6);
        }

        .nav-link {
            position: relative;
            color: rgba(255, 255, 255, .82);
            font-weight: 500;
            padding-bottom: 4px;
            transition: color .3s ease;
        }

        .nav-link::after {
            content: '';
            position: absolute;
            left: 0;
            right: 100%;
            bottom: 0;
            height: 1px;
            background: var(--orange);
            transition: right .35s cubic-bezier(.25, 1, .5, 1);
        }

        .nav-link:hover {
            color: #fff;
        }

        .nav-link:hover::after {
            right: 0;
        }

        #nav-mobile-menu {
            opacity: 0;
            visibility: hidden;
            transition: opacity .35s ease, visibility .35s ease;
        }

        #nav-mobile-menu.open {
            opacity: 1;
            visibility: visible;
        }

        section[id],
        footer[id] {
            scroll-margin-top: 84px;
        }

        .footer-link {
            color: rgba(255, 255, 255, .65);
            display: inline-block;
            transition: color .3s ease, transform .3s ease;
        }

        .footer-link:hover {
            color: var(--orange);
            transform: translateX(3px);
        }

        #scroll-top-btn {
            transition: transform .3s ease, border-color .3s ease, color .3s ease;
        }

        #scroll-top-btn:hover {
            transform: translateY(-3px);
            border-color: var(--orange);
            color: var(--orange);
        }

        .font-signature {
            font-family: 'Instrument Serif', serif;
            font-style: italic;
            font-weight: 400;
            letter-spacing: .01em;
        }

        .rock-wrap {
            filter: drop-shadow(0 18px 26px rgba(0, 0, 0, .55));
        }

        .rock-float-1 {
            animation: rockFloat1 7s ease-in-out infinite;
        }

        .rock-float-2 {
            animation: rockFloat2 8.5s ease-in-out infinite;
        }

        .rock-float-3 {
            animation: rockFloat3 6.2s ease-in-out infinite;
        }

        @keyframes rockFloat1 {

            0%,
            100% {
                transform: translateY(0) rotate(var(--rot, 0deg));
            }

            50% {
                transform: translateY(-14px) rotate(calc(var(--rot, 0deg) + 6deg));
            }
        }

        @keyframes rockFloat2 {

            0%,
            100% {
                transform: translateY(0) rotate(var(--rot, 0deg));
            }

            50% {
                transform: translateY(10px) rotate(calc(var(--rot, 0deg) - 5deg));
            }
        }

        @keyframes rockFloat3 {

            0%,
            100% {
                transform: translateY(0) rotate(var(--rot, 0deg));
            }

            50% {
                transform: translateY(-8px) rotate(calc(var(--rot, 0deg) + 4deg));
            }
        }

        .text-gradient-orange {
            background: linear-gradient(100deg, var(--orange-deep) 0%, var(--orange) 45%, var(--orange-bright) 100%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }

        .nebula-layer {
            position: fixed;
            inset: 0;
            z-index: 1;
            pointer-events: none;
            overflow: hidden;
        }

        .nebula-blob {
            position: absolute;
            border-radius: 50%;
            filter: blur(55px);
            mix-blend-mode: screen;
        }

        .nebula-blob-a {
            width: 62vw;
            height: 62vw;
            top: -18%;
            left: -14%;
            background: radial-gradient(circle, rgba(228, 106, 58, .46) 0%, transparent 70%);
            animation: nebulaDriftA 28s ease-in-out infinite alternate;
        }

        .nebula-blob-b {
            width: 52vw;
            height: 52vw;
            bottom: -20%;
            right: -12%;
            background: radial-gradient(circle, rgba(96, 64, 220, .3) 0%, transparent 70%);
            animation: nebulaDriftB 34s ease-in-out infinite alternate;
        }

        .nebula-blob-c {
            width: 42vw;
            height: 42vw;
            top: 38%;
            left: 58%;
            background: radial-gradient(circle, rgba(255, 153, 80, .32) 0%, transparent 70%);
            animation: nebulaDriftC 22s ease-in-out infinite alternate;
        }

        @keyframes nebulaDriftA {
            from {
                transform: translate(0, 0) scale(1);
            }

            to {
                transform: translate(11vw, 14vh) scale(1.35);
            }
        }

        @keyframes nebulaDriftB {
            from {
                transform: translate(0, 0) scale(1);
            }

            to {
                transform: translate(-14vw, -10vh) scale(1.25);
            }
        }

        @keyframes nebulaDriftC {
            from {
                transform: translate(0, 0) scale(1);
            }

            to {
                transform: translate(-9vw, 12vh) scale(1.4);
            }
        }

        ::selection {
            background: rgba(228, 106, 58, .55);
            color: #fff;
        }

        a:focus-visible,
        button:focus-visible,
        input:focus-visible {
            outline: 2px solid var(--orange);
            outline-offset: 2px;
        }

        #cta-faixa {
            position: relative;
            overflow: hidden;
        }

        #cta-faixa::before {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: -60%;
            width: 40%;
            background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .16), transparent);
            animation: ctaSweep 6s ease-in-out infinite;
        }

        @keyframes ctaSweep {

            0%,
            15% {
                left: -60%;
            }

            60%,
            100% {
                left: 130%;
            }
        }

        .section-glow {
            position: absolute;
            inset: 0;
            z-index: 0;
            pointer-events: none;
        }

        .stage-light {
            animation: stageLightPulse 6.5s ease-in-out infinite;
            transform-origin: center;
        }

        .stage-light-b {
            animation: stageLightPulseB 9s ease-in-out infinite;
            transform-origin: center;
        }

        @keyframes stageLightPulse {

            0%,
            100% {
                opacity: .4;
                transform: scale(0.88) translate(0, 0);
            }

            50% {
                opacity: 1;
                transform: scale(1.3) translate(4%, -6%);
            }
        }

        @keyframes stageLightPulseB {

            0%,
            100% {
                opacity: .35;
                transform: scale(1.1) translate(0, 0);
            }

            50% {
                opacity: 1;
                transform: scale(0.8) translate(-6%, 4%);
            }
        }

        .img-zoom {
            transition: box-shadow .4s ease;
        }

        .img-zoom:hover {
            box-shadow: 0 0 0 1px rgba(228, 106, 58, .5), 0 22px 45px -18px rgba(228, 106, 58, .45);
        }

        #navbar.scrolled #nav-logo {
            opacity: 1;
            transform: translateY(0);
            pointer-events: auto;
        }

        @media (prefers-reduced-motion:reduce) {

            .nebula-blob,
            .rock-float-1,
            .rock-float-2,
            .rock-float-3,
            .stage-light,
            .stage-light-b {
                animation: none !important;
            }

            #cta-faixa::before {
                animation: none !important;
                display: none;
            }

            .hero-kenburns {
                animation: none !important;
            }

            .reveal {
                opacity: 1;
                transform: none;
                transition: none;
            }

            .img-zoom img {
                transition: none;
            }

            .btn-premium:hover {
                animation: none;
            }

            .marquee-track {
                animation: none !important;
            }

            .marquee-row {
                overflow-x: auto;
            }
        }

        .site-carousel img {
            animation: siteFade5 20s infinite;
            opacity: 0;
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .site-carousel img:nth-child(1) {
            animation-delay: 0s;
        }

        .site-carousel img:nth-child(2) {
            animation-delay: 4s;
        }

        .site-carousel img:nth-child(3) {
            animation-delay: 8s;
        }

        .site-carousel img:nth-child(4) {
            animation-delay: 12s;
        }

        .site-carousel img:nth-child(5) {
            animation-delay: 16s;
        }

        @keyframes siteFade5 {

            0%,
            100% {
                opacity: 0;
                transform: scale(1.04);
            }

            4%,
            20% {
                opacity: 1;
                transform: scale(1);
            }

            24% {
                opacity: 0;
                transform: scale(1.04);
            }
        }

        .slideshow-4 img {
            animation: slideFade4 16s infinite;
            opacity: 0;
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .slideshow-4 img:nth-child(1) {
            animation-delay: 0s;
        }

        .slideshow-4 img:nth-child(2) {
            animation-delay: 4s;
        }

        .slideshow-4 img:nth-child(3) {
            animation-delay: 8s;
        }

        .slideshow-4 img:nth-child(4) {
            animation-delay: 12s;
        }

        @keyframes slideFade4 {

            0%,
            100% {
                opacity: 0;
                transform: scale(1.05);
            }

            5%,
            25% {
                opacity: 1;
                transform: scale(1);
            }

            30% {
                opacity: 0;
                transform: scale(1.05);
            }
        }

        .slideshow-3 img {
            animation: slideFade3 12s infinite;
            opacity: 0;
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .slideshow-3 img:nth-child(1) {
            animation-delay: 0s;
        }

        .slideshow-3 img:nth-child(2) {
            animation-delay: 4s;
        }

        .slideshow-3 img:nth-child(3) {
            animation-delay: 8s;
        }

        @keyframes slideFade3 {

            0%,
            100% {
                opacity: 0;
                transform: scale(1.05);
            }

            6%,
            33% {
                opacity: 1;
                transform: scale(1);
            }

            39% {
                opacity: 0;
                transform: scale(1.05);
            }
        }

        @media (prefers-reduced-motion:reduce) {

            .site-carousel img,
            .slideshow-4 img,
            .slideshow-3 img {
                animation: none !important;
                opacity: 0;
            }

            .site-carousel img:first-child,
            .slideshow-4 img:first-child,
            .slideshow-3 img:first-child {
                opacity: 1;
            }
        }