.gg-chart-video { aspect-ratio: 16 / 9; object-fit: cover !important; }
.neo-hero-chart .neo-hero-inner { padding-top: 106px !important; }
.neo-hero-chart h1 { max-width: 960px; margin: 18px auto; font-size: clamp(52px, 6vw, 84px); }
.neo-hero-chart .neo-actions { margin-top: 24px; }
.neo-hero-chart .neo-trust { margin-top: 15px; }
.neo-hero-stage { margin-top: 34px; }
.gg-tradingview-proof { margin: 24px auto 0; text-align: center; }
.gg-tradingview-proof a { display: inline-flex; padding: 12px 18px; border: 1px solid #b7ff0066; border-radius: 999px; color: #b7ff00; font-weight: 700; }
.gg-tradingview-proof a:hover, .gg-tradingview-proof a:focus-visible { background: #b7ff001c; }
.gg-clips-section { padding: 96px 0 82px; background: #050705; }
.gg-clips-section .landing-heading { max-width: 760px; margin: 0 auto 34px; }
.gg-clip-viewport { width: min(1180px, calc(100% - 24px)); margin: 0 auto; overflow-x: auto; scrollbar-width: none; overscroll-behavior-inline: contain; }
.gg-clip-viewport::-webkit-scrollbar { display: none; }
.gg-clip-track { display: flex; gap: 18px; width: max-content; padding: 10px 2px 18px; }
.gg-clip-card { flex: 0 0 288px; width: 288px; margin: 0; }
.gg-clip-frame { position: relative; overflow: hidden; width: 100%; aspect-ratio: 4 / 5; border: 1px solid #b7ff004a; border-radius: 22px; background: #0e130b; box-shadow: 0 16px 36px #0009; }
.gg-clip-frame video { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; cursor: pointer; }
.gg-sound-toggle { position: absolute; right: 12px; bottom: 12px; left: 12px; min-height: 40px; padding: 8px 12px; border: 1px solid #ffffff55; border-radius: 999px; background: #050805d9; color: #f5f8ed; font: 700 12px var(--font-plex-sans), sans-serif; cursor: pointer; backdrop-filter: blur(8px); }
.gg-sound-toggle:hover, .gg-sound-toggle:focus-visible { border-color: #b7ff00; color: #b7ff00; }
.gg-clip-card > p { margin: 12px 5px 0; color: #a8b19e; font: 600 10px var(--font-plex-mono), monospace; letter-spacing: .13em; }
.gg-clip-bottom { display: flex; justify-content: center; margin-top: 25px; }
@media (max-width: 600px) { .neo-hero-chart .neo-hero-inner { padding-top: 86px !important; } .neo-hero-chart h1 { font-size: clamp(38px, 10.7vw, 50px); } .neo-hero-stage { margin-top: 26px; } .gg-clips-section { padding: 70px 0 60px; } .gg-clip-viewport { width: calc(100% - 12px); } .gg-clip-card { flex-basis: min(76vw, 288px); width: min(76vw, 288px); } .gg-clip-frame { border-radius: 18px; } }
@media (prefers-reduced-motion: reduce) { .gg-clip-viewport { scroll-behavior: auto; } }
.gg-prop-strip { padding: 72px 0 66px; overflow: hidden; background: #070a06; text-align: center; }
.gg-prop-strip h2 { max-width: 830px; margin: 16px auto 18px; font-size: clamp(36px, 5vw, 68px); line-height: .98; letter-spacing: -.05em; text-wrap: balance; }
.gg-prop-strip h2 em { color: #b7ff00; }
.gg-prop-strip .shell > p { max-width: 630px; margin: 0 auto 30px; color: #aab5a2; font-size: 17px; line-height: 1.55; text-wrap: pretty; }
.gg-prop-window { overflow: hidden; width: 100%; mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.gg-prop-track { display: flex; width: max-content; animation: gg-prop-slide 38s linear infinite; }
.gg-prop-set { display: flex; flex: none; gap: 14px; padding-right: 14px; }
.gg-prop-logo { display: grid; place-items: center; width: 168px; height: 70px; padding: 12px 18px; border: 1px solid #d9dfd4; border-radius: 15px; background: #f5f7f2; }
.gg-prop-logo img { display: block; max-width: 100%; max-height: 46px; width: auto; height: auto; object-fit: contain; }
.gg-prop-note { margin: 20px 20px 0; color: #7f8979; font-size: 11px; }
@keyframes gg-prop-slide { to { transform: translateX(-50%); } }
.gg-community-story { padding: 130px 0 105px; background: #080b07; text-align: center; }
.gg-community-story h2 { max-width: 850px; margin: 18px auto; font-size: clamp(38px, 5vw, 68px); line-height: .98; letter-spacing: -.05em; text-wrap: balance; }
.gg-community-story > .shell > p { max-width: 650px; margin: 0 auto 34px; color: #b5c0ad; font-size: 18px; line-height: 1.55; }
.gg-community-story figure { margin: 0; }
.gg-community-story img { display: block; width: 100%; height: auto; border: 1px solid #b7ff003c; border-radius: 26px; box-shadow: 0 25px 70px #000b; }
.gg-community-story figcaption { margin: 12px 0 0; color: #bbc6b4; font-size: 12px; line-height: 1.4; }
.gg-original-price { margin: 12px 0 0; color: #9fa99b; font-size: 14px; font-weight: 600; }
.gg-original-price del { margin-left: 7px; color: #bec6b8; text-decoration-color: #f16c65; text-decoration-thickness: 2px; }
.gg-sale-price strong { color: #b7ff00; font-weight: 800; }
@media (max-width: 600px) { .gg-prop-strip { padding: 58px 0 52px; } .gg-prop-strip h2 { font-size: 36px; } .gg-prop-logo { width: 140px; height: 60px; padding: 10px 14px; border-radius: 13px; } .gg-community-story { padding: 72px 0 75px; } .gg-community-story > .shell > p { font-size: 16px; } .gg-community-story img { width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; border-radius: 18px; } }
@media (prefers-reduced-motion: reduce) { .gg-prop-track { animation: none; } .gg-prop-window { overflow-x: auto; } }

.gg-discount { display: inline-block; margin-left: 12px; padding: 5px 9px; border: 1px solid #b7ff0070; border-radius: 6px; background: #b7ff0019; color: #d7ff79; font-size: 13px; font-weight: 800; letter-spacing: .05em; }
.gg-discord-section { padding: 90px 0; background: radial-gradient(circle at 85% 50%, #b7ff0012, transparent 32%), #090d08; border-top: 1px solid #b7ff002b; border-bottom: 1px solid #b7ff002b; }
.gg-discord-layout { display: flex; align-items: center; justify-content: space-between; gap: 48px; }
.gg-discord-section h2 { max-width: 760px; margin: 15px 0 18px; font-size: clamp(38px, 4.5vw, 62px); line-height: 1.02; letter-spacing: -.045em; }
.gg-discord-section h2 em { color: #b7ff00; }
.gg-discord-section p { max-width: 650px; margin: 0; color: #b5c0ad; font-size: 18px; line-height: 1.55; }
.gg-discord-button { flex: none; white-space: nowrap; }
@media (max-width: 700px) { .gg-discord-section { padding: 70px 0; } .gg-discord-layout { flex-direction: column; align-items: flex-start; gap: 28px; } .gg-discord-section p { font-size: 16px; } }

@property --gg-neon-angle { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
#pricing .price-card.featured .price-button.primary { position: relative; isolation: isolate; border: 1px solid #cfff68; box-shadow: none; }
#pricing .price-card.featured .price-button.primary::after { content: ""; position: absolute; inset: -3px; padding: 2px; border-radius: 11px; background: conic-gradient(from var(--gg-neon-angle), transparent 0deg 278deg, #dfff8a 312deg, #b7ff00 334deg, transparent 360deg); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; animation: gg-neon-orbit 3s linear infinite; }
@keyframes gg-neon-orbit { to { --gg-neon-angle: 360deg; } }
@media (prefers-reduced-motion: reduce) { #pricing .price-card.featured .price-button.primary::after { animation: none; } }
