/* Ghost X Development homepage styles — extracted for caching and faster HTML parsing. */

/* GXD homepage style block 2 */
/* Base Styles */
:root {
    --primary: #45E6F0;
    --secondary: #2F6BFF;
    --accent: #ff006e;
    --dark-bg: #0B1118;
    --darker-bg: #0B1118;
    --border-color: #273446;
    --text-light: #ffffff;
    --text-blue: #45E6F0;
    --text-blue-light: rgba(69,230,240,0.8);
    --gradient: linear-gradient(to right, #45E6F0, #2F6BFF);
}

.box-shadow {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

/* Modified Hero Section - Shorter Height & Fully Transparent */
/* Fixed Hero Section - Just make the container taller, keep video original size */
.hero-section-fullscreen {
    position: relative;
    min-height: 80vh; /* Increased from 60vh to 80vh - just enough to prevent cropping */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: transparent;
    padding: 0;
    margin: 0;
    border: none;
    width: 100%;
}

/* Responsive adjustments - Just fix the boundary heights */
@media (max-width: 1400px) {
    .hero-section-fullscreen {
        min-height: 75vh; /* Just taller than original 50vh */
    }
}

@media (max-width: 1200px) {
    .hero-section-fullscreen {
        min-height: 70vh; /* Just taller than original 45vh */
    }
}

@media (max-width: 1024px) {
    .hero-section-fullscreen {
        min-height: 65vh; /* Just taller than original 45vh */
    }
}

@media (max-width: 768px) {
    .hero-section-fullscreen {
        min-height: 60vh; /* Just taller than original 40vh */
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (max-width: 640px) {
    .hero-section-fullscreen {
        min-height: 65vh; /* Just taller than original 50vh */
    }
}

@media (max-width: 480px) {
    .hero-section-fullscreen {
        min-height: 70vh; /* Just taller than original 55vh */
    }
}

/* Enhanced Logo Container & Animation */
.logo-container {
    position: relative;
    animation: fadeInDown 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.animated-logo {
    width: 180px;
    height: auto;
    filter: drop-shadow(0 0 25px rgba(69,230,240,0.9));
    animation: pulseLogo 4s infinite ease-in-out, rotateLogo 20s infinite linear;
    transform-origin: center center;
}

@keyframes rotateLogo {
    0% {
        transform: rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(180deg) scale(1.1);
    }
    100% {
        transform: rotate(360deg) scale(1);
    }
}

@keyframes pulseLogo {
    0%, 100% {
        filter: drop-shadow(0 0 20px rgba(69,230,240,0.8));
        transform: scale(1);
    }
    50% {
        filter: drop-shadow(0 0 35px rgba(69,230,240,1));
        transform: scale(1.05);
    }
}

/* Enhanced Hero Content with Improved Animation */
.hero-content-container {
    animation: fadeIn 1.5s ease-out;
    padding: 0;
    max-width: 100%;
    margin: 0 auto;
}

/* Enhanced Text Animation Effects */
.hero-text-animation {
    animation: fadeInLeft 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.animated-title {
    font-family: 'Orbitron', sans-serif;
    letter-spacing: 2px;
    text-shadow: 0 0 25px rgba(0, 0, 0, 0.7);
    opacity:1;

}

.hero-description {
    opacity:1;

    text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

/* Enhanced Gradient Text Effect */
.text-gradient {
    background: linear-gradient(to right, #45E6F0, #2F6BFF, #45E6F0, #2F6BFF);
    background-size: 300% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    animation: gradientShift 8s ease infinite;
}

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

/* Enhanced Stats Section Animation */
.animated-stats {
    animation: fadeInRight 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* Enhanced Interactive Stats with Improved Hover Animation */
.stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}

.stat-counter {
    text-align: center;
    padding: 20px;
    background: rgba(11,17,24,0.4);
    border-radius: 12px;
    border: 1px solid rgba(39,52,70,0.4);
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: fadeInStaggered 0.8s ease forwards;
    
    backdrop-filter: blur(10px);
    transform: translateY(20px);
}

.stat-counter:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(69,230,240,0.3);
    border-color: var(--primary);
    background: rgba(11,17,24,0.6);
}

.stat-icon-container {
    width: 60px;
    height: 60px;
    background: rgba(69,230,240,0.15);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
    border: 1px solid rgba(69,230,240,0.4);
    transition: all 0.3s ease;
}

.stat-counter:hover .stat-icon-container {
    transform: scale(1.1) rotate(5deg);
    background: rgba(69,230,240,0.25);
    box-shadow: 0 0 20px rgba(69,230,240,0.4);
}

.stat-icon {
    width: 30px;
    height: 30px;
    color: var(--primary);
}

.stat-number {
    font-size: 3rem;
    font-weight: 800;
    color: var(--primary);
    margin-bottom: 10px;
    font-family: 'Orbitron', sans-serif;
    text-shadow: 0 0 15px rgba(69,230,240,0.6);
    transition: all 0.3s ease;
    line-height: 1.1;
}

.stat-counter:hover .stat-number {
    transform: scale(1.05);
    text-shadow: 0 0 25px rgba(69,230,240,0.8);
}

.stat-text {
    color: #C7D0DA;
    font-size: 1.1rem;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-weight: 500;
    transition: all 0.3s ease;
}

.stat-counter:hover .stat-text {
    color: white;
}

/* Enhanced Feature Cards with Hover Effects */
.features-horizontal {

    opacity:1;
}

.feature-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.feature-card-horizontal {
    display: flex;
    align-items: center;
    background-color: rgba(12,17,23,0.5);
    border-radius: 12px;
    padding: 20px;
    border: 1px solid var(--border-color);
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    backdrop-filter: blur(10px);
}

.feature-card-horizontal:hover {
    transform: translateY(-8px);
    border-color: var(--primary);
    box-shadow: 0 15px 35px rgba(69,230,240,0.3);
    background-color: rgba(12,17,23,0.7);
}

.feature-card-horizontal .feature-icon-container {
    margin: 0 20px 0 0;
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    transition: all 0.4s ease;
}

.feature-card-horizontal:hover .feature-icon-container {
    transform: scale(1.1) rotate(10deg);
    background: rgba(69,230,240,0.25);
    box-shadow: 0 0 20px rgba(69,230,240,0.4);
}

.feature-content {
    text-align: left;
}

.feature-card-title {
    font-family: 'Orbitron', sans-serif;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 8px;
    position: relative;
    transition: all 0.3s ease;
}

.feature-card-horizontal:hover .feature-card-title {
    color: var(--primary);
    text-shadow: 0 0 10px rgba(69,230,240,0.5);
}

.feature-card-desc {
    color: #C7D0DA;
    font-size: 1rem;
    line-height: 1.5;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    position: relative;
    transition: all 0.3s ease;
}

.feature-card-horizontal:hover .feature-card-desc {
    color: white;
}

/* Enhanced CTA Buttons with Advanced Animation */
.animated-buttons {
    opacity:1;
    animation: fadeIn 1.2s ease forwards;
    align-items: center;
    row-gap: 1rem;
}

.cta-button {
    background: linear-gradient(to right, #45E6F0, #2F6BFF);
    color: var(--darker-bg);
    font-weight: bold;
    box-shadow: 0 0 30px rgba(69,230,240,0.5);
    transition: transform 0.28s cubic-bezier(0.215, 0.61, 0.355, 1), box-shadow 0.28s ease, background-color 0.28s ease, color 0.28s ease, border-color 0.28s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-family: 'Orbitron', sans-serif;
    text-decoration: none;
    border: none;
    letter-spacing: 1px;
    line-height: 1.2;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    will-change: transform;
    backface-visibility: hidden;
    transform: translateZ(0);
    z-index: 1;
}

.cta-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: all 0.8s ease;
    z-index: -1;
}

.cta-button:hover {
    transform: translate3d(0, -6px, 0);
    box-shadow: 0 10px 35px rgba(69,230,240,0.8);
}

.cta-button:hover::before {
    left: 100%;
}

.feature-cta-button-alt {
    background-color: transparent;
    color: var(--primary);
    border: 2px solid var(--primary);
    font-weight: bold;
    transition: transform 0.28s cubic-bezier(0.215, 0.61, 0.355, 1), box-shadow 0.28s ease, background-color 0.28s ease, color 0.28s ease, border-color 0.28s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-family: 'Orbitron', sans-serif;
    text-decoration: none;
    letter-spacing: 1px;
    line-height: 1.2;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    will-change: transform;
    backface-visibility: hidden;
    transform: translateZ(0);
    z-index: 1;
}

.feature-cta-button-alt::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(69,230,240,0.3), transparent);
    transition: all 0.8s ease;
    z-index: -1;
}

.feature-cta-button-alt:hover {
    background-color: rgba(69,230,240,0.15);
    transform: translate3d(0, -6px, 0);
    box-shadow: 0 0 30px rgba(69,230,240,0.5);
}

.feature-cta-button-alt:hover::before {
    left: 100%;
}

.features-cta {
    align-items: center;
}

.features-cta> a {
    min-height: 60px;
}

@media (max-width: 640px) {
    .features-cta> a {
        width: 100%;
        white-space: normal;
    }
}

/* Enhanced Scroll Indicator with Pulsing Animation */
.scroll-indicator {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 60px;
    opacity:1;
    animation: bounce 3s infinite;
    
    z-index: 10;
}

.scroll-arrow {
    position: relative;
    width: 40px;
    height: 40px;
}

.scroll-arrow::before,
.scroll-arrow::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 16px;
    height: 16px;
    border-left: 3px solid var(--primary);
    border-bottom: 3px solid var(--primary);
    transform: translateX(-50%) rotate(-45deg);
    animation: arrowPulse 2s infinite;
}

.scroll-arrow::after {
    top: 15px;
    opacity: 0.7;
    animation: arrowPulse 2s infinite 0.3s;
}

.scroll-pulse {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgba(69,230,240,0.3);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    animation: pulseGrow 2s infinite;
}

@keyframes arrowPulse {
    0%, 100% {
        opacity: 0.7;
    }
    50% {
        opacity: 1;
    }
}

@keyframes pulseGrow {
    0% {
        transform: translateX(-50%) scale(0.5);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) scale(2);
        opacity: 0;
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0) translateX(-50%);
    }
    40% {
        transform: translateY(-15px) translateX(-50%);
    }
    60% {
        transform: translateY(-7px) translateX(-50%);
    }
}

/* Enhanced Animation Keyframes with Better Timing */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeInStaggered {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Enhanced Responsive Adjustments for All Screen Sizes */
@media (max-width: 1400px) {
    .hero-section-fullscreen {
        min-height: 50vh; /* Further reduced for large screens */
    }
}

@media (max-width: 1200px) {
    .animated-title {
        font-size: 5rem;
    }
    
    .hero-description {
        font-size: 1.5rem;
    }
}

@media (max-width: 1024px) {
    .feature-row {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }
    
    .stats-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
    
    .animated-title {
        font-size: 4.5rem;
    }
    
    .hero-section-fullscreen {
        min-height: 45vh; /* Further reduced for medium screens */
    }
}

@media (max-width: 768px) {
    .hero-section-fullscreen {
        min-height: 40vh; /* Further reduced for tablet screens */
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    .animated-title {
        font-size: 3.5rem;
    }
    
    .hero-description {
        font-size: 1.3rem;
    }
    
    .cta-button, .feature-cta-button-alt {
        padding: 16px 24px;
        font-size: 1rem;
    }
    
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    
    .stat-number {
        font-size: 2.5rem;
    }
    
    .stat-text {
        font-size: 1rem;
    }
}

@media (max-width: 640px) {
    .hero-section-fullscreen {
        min-height: 50vh; /* Slightly increased for small screens for better visibility */
    }
    
    .animated-title {
        font-size: 2.8rem;
    }
    
    .hero-description {
        font-size: 1.1rem;
    }
    
    .stats-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .stat-counter {
        padding: 15px;
    }
    
    .stat-number {
        font-size: 2.2rem;
    }
}

@media (max-width: 480px) {
    .hero-section-fullscreen {
        min-height: 55vh; /* Adjusted for very small screens */
    }
    
    .animated-title {
        font-size: 2.5rem;
    }
    
    .animated-logo {
        width: 120px;
    }
    
    .cta-button, .feature-cta-button-alt {
        padding: 14px 20px;
        font-size: 0.9rem;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    
    .features-cta {
        flex-direction: column;
        width: 100%;
    }
}

/* Clean Slideshow Styles */
.mega-wide-slideshow-container {
    width: min(100%, 1440px);
    margin: 0 auto;
}
.slideshow-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    min-height: 300px;
    max-height: min(72vh, 810px);
    margin: 0 auto;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
    background: #05070A;
}
.simple-slideshow {
    position: relative;
    width: 100%;
    height: 100%;
    background: #000;
}
.slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1;
    transition: opacity .4s ease, visibility .4s ease;
}
.slide.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 2;
}
.slide-image,
.yt-thumb,
.slide-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.slide-image,
.yt-thumb {
    object-fit: contain;
    object-position: center center;
    transition: transform .25s ease;
    background: #05070A;
}
.slide[data-type="image"]> a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.slide-caption {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 22px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 8px;
  pointer-events: none;
}
.slide-kicker {
  align-self: flex-start;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(7, 18, 34, 0.78);
  border: 1px solid rgba(0, 240, 255, 0.34);
  color: #c9f9ff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.slide-caption strong {
  display: inline-block;
  max-width: min(720px, 100%);
  color: #ffffff;
  font-size: clamp(1.15rem, 2.3vw, 2rem);
  line-height: 1.15;
  font-weight: 900;
  text-shadow: 0 4px 26px rgba(0,0,0,0.55);
}
.slide-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.18));
    transition: background .25s ease;
    pointer-events: none;
}
.slide:hover .slide-image,
.slide:hover .yt-thumb {
    transform: scale(1.01);
}
.slide:hover .slide-overlay {
    background: linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.12));
}
.slide-indicators-container {
    display: flex;
    justify-content: center;
    margin-top: 14px;
    padding-bottom: 2px;
}
.slide-indicators {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    max-width: 100%;
    padding: 0 20px;
}
.dot {
    width: 12px;
    height: 12px;
    background-color: rgba(255, 255, 255, 0.32);
    border-radius: 50%;
    cursor: pointer;
    transition: all .25s ease;
    border: 0;
    padding: 0;
}
.dot.active {
    background-color: var(--primary);
    box-shadow: 0 0 12px rgba(69,230,240,0.8);
    transform: scale(1.06);
}
.slideshow-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(12,17,23,0.72);
    color: white;
    border: none;
    font-size: 1.8rem;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 12;
    transition: all .25s ease;
    border: 2px solid rgba(69,230,240,0.32);
    opacity: .92;
}
.slideshow-button:hover {
    background-color: var(--primary);
    color: var(--darker-bg);
}
.prev { left: 18px; }
.next { right: 18px; }
.yt-poster {
    position: relative;
    appearance: none;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    cursor: pointer;
    background: #000;
    overflow: hidden;
}
.yt-poster-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.18));
    pointer-events: none;
}
.yt-play-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 84px;
    height: 84px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    font-size: 2rem;
    color: #fff;
    background: rgba(0,0,0,.58);
    border: 2px solid rgba(255,255,255,.35);
    box-shadow: 0 8px 24px rgba(0,0,0,.35);
    pointer-events: none;
}
.youtube-container {
    position: relative;
    width: 100%;
    height: 100%;
    background: #05070A;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.youtube-container iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
@media (max-width: 1400px) {
    .slideshow-wrapper { max-height: min(66vh, 760px); }
}
@media (max-width: 1024px) {
    .slideshow-wrapper { min-height: 260px; max-height: 56vh; }
}
@media (max-width: 768px) {
    .slideshow-wrapper { aspect-ratio: 16 / 10; min-height: 220px; max-height: 48vh; border-radius: 10px; }
    .slideshow-button { width: 42px; height: 42px; font-size: 1.15rem; }
    .slide-caption { left: 14px; right: 14px; bottom: 14px; gap: 6px; }
    .slide-kicker { font-size: 10px; padding: 6px 10px; }
    .slide-caption strong { font-size: clamp(0.95rem, 4.4vw, 1.25rem); max-width: 100%; }
    .yt-play-icon { width: 60px; height: 60px; font-size: 1.35rem; }
}
@media (max-width: 480px) {
    .slideshow-wrapper { min-height: 200px; max-height: 42vh; }
}
/* Feature Boxes */
.feature-box {
    background-color: rgba(12,17,23,0.85);
    padding: 24px;
    border-radius: 8px;
    border: 1px solid var(--border-color);
    transform: translateY(0);
    transition: all 0.3s ease;
    height: 100%;
}

.feature-box:hover {
    transform: translateY(-5px);
    border-color: var(--primary);
    box-shadow: 0 8px 25px rgba(69,230,240,0.3);
}

.feature-icon {
    margin: 0 auto 16px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: rgba(11,17,24,0.95);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border-color);
}

.icon {
    width: 32px;
    height: 32px;
    color: var(--primary);
}

.feature-title {
    font-size: 1.3rem;
    margin-bottom: 12px;
}

.feature-description {
    color: #C7D0DA;
}

/* Info Boxes */
.info-box {
    background-color: rgba(12,17,23,0.85);
    padding: 24px;
    border-radius: 8px;
    border: 1px solid var(--border-color);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    height: 100%;
}

.info-content, .discord-content {
    height: 100%;
}

.info-text {
    color: #C7D0DA;
    line-height: 1.6;
}

.discord-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Discord Stats */
.discord-stats {
    background-color: rgba(11,17,24,0.7);
    border-radius: 8px;
    padding: 20px;
    border: 1px solid rgba(69,230,240,0.3);
    margin-bottom: 24px;
}

.stats-container {
    display: flex;
    justify-content: space-around;
    margin-bottom: 15px;
}

.stat-item {
    text-align: center;
}

.stat-value {
    font-size: 1.8rem;
    font-weight: bold;
    color: white;
    margin-bottom: 5px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stat-label {
    color: var(--primary);
    font-size: 0.9rem;
}

.goal-progress {
    margin-top: 15px;
}

.progress-bar {
    height: 10px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 8px;
    position: relative;
}

.progress-fill {
    height: 100%;
    background: var(--gradient);
    border-radius: 5px;
    position: relative;
    transition: width 1.5s ease-in-out;
}

.progress-pulse {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 20px;
    background: rgba(255, 255, 255, 0.3);
    filter: blur(5px);
    animation: pulse-glow 2s infinite;
}

.progress-text {
    color: #C7D0DA;
    font-size: 0.9rem;
    text-align: center;
}

/* Loading Animation */
.loading-animation {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    height: 40px;
}

.loading-dot {
    width: 8px;
    height: 8px;
    background-color: var(--primary);
    border-radius: 50%;
    display: inline-block;
    animation: loading 1.4s infinite ease-in-out both;
}

.loading-dot:nth-child(1) {
    animation-delay: -0.32s;
}

.loading-dot:nth-child(2) {
    animation-delay: -0.16s;
}

@keyframes loading {
    0%, 80%, 100% { transform: scale(0); }
    40% { transform: scale(1.0); }
}

@keyframes pulse-glow {
    0% {
        box-shadow: 0 0 5px 0 rgba(69,230,240,0.5);
    }
    50% {
        box-shadow: 0 0 20px 5px rgba(69,230,240,0.7);
    }
    100% {
        box-shadow: 0 0 5px 0 rgba(69,230,240,0.5);
    }
}

/* Reviews Styles */
.reviews-section {
    background-color: rgba(11,17,24,0.4);
    position: relative;
}

.reviews-container {
    position: relative;
    z-index: 1;
}

.reviews-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}

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

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

.review-card {
    background-color: rgba(12,17,23,0.85);
    border-radius: 8px;
    border: 1px solid var(--border-color);
    padding: 20px;
    height: 100%;
    transition: all 0.3s ease;
    animation: fadeIn 0.5s ease;
    
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.review-card:hover {
    transform: translateY(-5px);
    border-color: var(--primary);
    box-shadow: 0 8px 25px rgba(69,230,240,0.2);
}

.review-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.reviewer-avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 1.1rem;
    margin-right: 15px;
    flex-shrink: 0;
}

.reviewer-info {
    flex-grow: 1;
}

.reviewer-name {
    font-family: 'Orbitron', sans-serif;
    color: white;
    margin: 0 0 5px;
    font-size: 1.1rem;
}

.review-rating {
    display: flex;
    align-items: center;
}

.star {
    color: rgba(255, 255, 255, 0.3);
    font-size: 1.2rem;
    margin-right: 2px;
}

.star.filled {
    color: #FFD700;
}

.star.half-filled {
    position: relative;
    display: inline-block;
}

.star.half-filled::after {
    content: "★";
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    overflow: hidden;
    color: #FFD700;
}

.review-content {
    margin-bottom: 15px;
    color: #C7D0DA;
    font-size: 0.95rem;
    line-height: 1.6;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.review-content p {
    margin: 0;
}

.review-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.85rem;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.verified-badge {
    background-color: rgba(69,230,240,0.2);
    border: 1px solid rgba(69,230,240,0.4);
    color: var(--primary);
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
}

/* Subscription Box */
.subscription-box {
    background-color: rgba(12,17,23,0.85);
    border-radius: 12px;
    padding: 32px;
    border: 1px solid var(--border-color);
    position: relative;
    overflow: hidden;
}

.subscription-accent-1 {
    position: absolute;
    top: -30px;
    right: -30px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: var(--primary);
    opacity: 0.15;
    filter: blur(25px);
}

.subscription-accent-2 {
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: var(--secondary);
    opacity: 0.15;
    filter: blur(25px);
}

.subscription-content {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    position: relative;
    z-index: 1;
}

@media (min-width: 768px) {
    .subscription-content {
        grid-template-columns: 2fr 1fr;
        align-items: center;
    }
}

.subscription-header {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.subscription-title {
    font-size: 1.8rem;
    margin: 0;
}

.subscription-description {
    color: #C7D0DA;
    font-size: 1.2rem;
    margin-bottom: 20px;
    line-height: 1.5;
}

.subscription-features {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #C7D0DA;
}

.subscription-feature {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.check-icon {
    width: 20px;
    height: 20px;
    color: var(--primary);
    margin-right: 10px;
    flex-shrink: 0;
}

.price-box {
    background-color: rgba(11,17,24,0.95);
    padding: 16px;
    border-radius: 8px;
    border: 1px solid var(--border-color);
    text-align: center;
    margin-bottom: 16px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.price-label {
    display: block;
    color: #C7D0DA;
    font-size: 1.1rem;
    margin-bottom: 4px;
}

.price-amount {
    display: block;
    color: white;
    font-size: 2.5rem;
    font-weight: bold;
    font-family: 'Orbitron', sans-serif;
}

.subscription-button {
    display: block;
    background: var(--gradient);
    color: var(--darker-bg);
    font-weight: bold;
    padding: 12px 24px;
    border-radius: 6px;
    transition: all 0.3s ease;
    text-decoration: none;
    text-align: center;
    font-family: 'Orbitron', sans-serif;
    box-shadow: 0 0 15px rgba(69,230,240,0.3);
    border: none;
    letter-spacing: 0.5px;
}

.subscription-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 0 20px rgba(69,230,240,0.5);
}

/* View Button */
.view-button {
    background-color: transparent;
    color: var(--primary);
    border: 1px solid var(--primary);
    padding: 8px 16px;
    border-radius: 4px;
    transition: all 0.3s ease;
    font-size: 0.9rem;
    text-decoration: none;
    display: inline-block;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.view-button:hover {
    background-color: var(--primary);
    color: var(--darker-bg);
    transform: translateY(-2px);
}

/* Discord Button */
.discord-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #5865F2;
    color: white;
    padding: 12px 20px;
    border-radius: 6px;
    font-family: 'Orbitron', sans-serif;
    font-weight: 500;
    transition: all 0.3s ease;
    box-shadow: 0 0 10px rgba(88, 101, 242, 0.5);
    text-decoration: none;
    width: 180px;
}

.discord-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 0 15px rgba(88, 101, 242, 0.7);
}

.discord-icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

/* Improved Title Centering */
.title-with-underline-centered {
    position: relative;
    display: inline-block;
    text-align: center;
    background: transparent;
    padding: 0;
    border: none;
}

.section-title,
.subsection-title {
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    margin: 0;
    border: none;
}

.title-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
    background: transparent;
    border: none;
}

/* Typography */
.section-title,
.subsection-title,
.welcome-text,
.package-title,
.feature-title,
.subscription-title {
    font-family: 'Orbitron', sans-serif;
    color: var(--text-light);
    font-weight: bold;
}

.section-title {
    font-size: 2.5rem;
}

.subsection-title {
    font-size: 1.8rem;
}

.info-text,
.feature-description,
.subscription-description,
.subscription-features,
.empty-text,
.package-subtitle,
.package-info,
.stat-value,
.stat-label,
.progress-text {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.tech-dot-before {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--primary);
    margin-right: 8px;
    vertical-align: middle;
    animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.section-underline {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--primary);
    margin: 3px auto 0;
}

.accent-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--primary);
    margin-right: 8px;
    animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Container for Full Width Elements */
.full-width-container {
    width: 100%;
    max-width: 1800px; /* Even wider */
    margin: 0 auto;
    padding: 0 20px;
}

/* Added @keyframes for pulse animation that was missing */
@keyframes pulse {
    0%, 100% {
        opacity: 0.6;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.1);
    }
}

/* Added CSS for slide links */
.slide[data-type="image"]> a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    cursor: pointer;
}

.slide-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.slide:hover .slide-image {
    transform: scale(1.03);
}

.slide-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(12,17,23,0.2);
    transition: background 0.3s ease;
}

.slide:hover .slide-overlay {
    background: rgba(12,17,23,0.1);
}

/* New styles for the Reviews section from paste.txt */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
}

.section-header {
  text-align: center;
  margin-bottom: 50px;
  position: relative;
}

.section-title {
  font-family: 'Orbitron', sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--text-light);
  margin: 0;
  padding: 0;
  position: relative;
  display: inline-block;
}

.section-title::after {
  content: '';
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 3px;
  background: var(--gradient);
  border-radius: 3px;
}

.title-dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: var(--primary);
  border-radius: 50%;
  margin-right: 10px;
  animation: pulse 2s infinite;
}

.reviews-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 30px;
}

.review-card {
  background-color: rgba(11,17,24,0.85);
  border-radius: 12px;
  border: 1px solid var(--border-color);
  padding: 25px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  position: relative;
  overflow: hidden;
  
  opacity:1;
}

.review-card:hover {
  transform: translateY(-15px);
  border-color: var(--primary);
  box-shadow: 0 15px 35px rgba(69,230,240,0.3);
}

.review-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 50% 0%, rgba(69,230,240,0.15), transparent 60%);
  opacity: 0;
  transition: opacity 0.5s ease;
}

.review-card:hover::before {
  opacity: 1;
}

.review-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.avatar {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Orbitron', sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  color: var(--darker-bg);
  margin-right: 15px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
}

.avatar::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), transparent);
}

.reviewer-info {
  flex: 1;
}

.reviewer-name {
  font-family: 'Orbitron', sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0 0 5px;
  color: var(--text-light);
}

.stars {
  display: flex;
  margin-top: 5px;
}

.star {
  color: #ffd700;
  font-size: 1.2rem;
  margin-right: 3px;
}

.review-content {
  margin-bottom: 20px;
}

.ordered-item {
  font-size: 0.9rem;
  color: var(--text-blue-light);
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(39,52,70,0.6);
}

.ordered-item strong, 
.satisfaction strong, 
.expectations strong, 
.final-rating strong {
  color: var(--text-light);
  font-weight: 600;
}

.satisfaction,
.expectations,
.final-rating {
  margin-bottom: 10px;
  font-size: 1rem;
  color: #C7D0DA;
}

.review-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}

.verified-badge {
  display: inline-block;
  background-color: rgba(69,230,240,0.15);
  color: var(--primary);
  padding: 5px 12px;
  border-radius: 30px;
  font-size: 0.8rem;
  font-weight: 600;
  border: 1px solid rgba(69,230,240,0.3);
}

.verified-badge i {
  margin-right: 5px;
}

.tech-dots {
  position: absolute;
  width: 250px;
  height: 250px;
  background-image: radial-gradient(var(--primary) 2px, transparent 2px);
  background-size: 25px 25px;
  opacity: 0.1;
  z-index: -1;
}

.tech-dots.top-right {
  top: -50px;
  right: -50px;
}

.tech-dots.bottom-left {
  bottom: -50px;
  left: -50px;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 1200px) {
  .reviews-grid {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}

@media (max-width: 768px) {
  .reviews-grid {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  }
  
  .section-title {
    font-size: 2rem;
  }
}

@media (max-width: 480px) {
  .reviews-grid {
    grid-template-columns: 1fr;
  }
  
  .section-title {
    font-size: 1.8rem;
  }
  
  .review-card {
    padding: 20px;
  }
}

.video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#youtube-player {
    width: 100%;
    height: 100%;
    pointer-events: none; /* Prevents clicks on the video */
    user-select: none; /* Prevents selection */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/* UPDATED FOR NO TINT/OVERLAY */
.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    opacity: 0 !important;
    backdrop-filter: none !important;
    z-index: 0 !important; /* Change to 0 or remove completely */
    pointer-events: none; /* Ensures clicks pass through */
}

/* Make text more readable over video */
.welcome-text,
.hero-description {
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.9) !important;
}

.text-gradient {
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7) !important;
}

/* Make stats cards more visible over video */
.stat-counter {
    background: rgba(11,17,24,0.7) !important;
    backdrop-filter: blur(5px) !important;
    border: 1px solid rgba(69,230,240,0.3) !important;
}

.feature-card-horizontal {
    background-color: rgba(12,17,23,0.7) !important;
    backdrop-filter: blur(5px) !important;
    border: 1px solid rgba(69,230,240,0.3) !important;
}

/* Additional protection against right-click and downloading */
.hero-section-fullscreen {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version */
}

/* Optimize video performance */
#youtube-player {
    transform: translateZ(0);
    backface-visibility: hidden;
    will-change: transform;
}

#background-video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background-color: transparent;
    transform: translateZ(0);
    backface-visibility: hidden;
    will-change: transform;
}

/* Streamable Video Background Styles */
#streamable-wrapper {
    overflow: hidden;
    background-color: transparent;
}

#background-video {
    pointer-events: none; /* Prevents clicks on the video */
    user-select: none; /* Prevents selection */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    background-color: transparent;
    transform: scale(1.1); /* Slight scale up to avoid black edges */
    transform-origin: center center;
}

/* Override any iframe styles to ensure video has no background */
iframe[id="background-video"] {
    background-color: transparent !important;
}

/* Make text more readable over video */
.welcome-text,
.hero-description {
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.9) !important;
}

.text-gradient {
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7) !important;
}

.slideshow-play-pause {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: rgba(12,17,23,0.8);
    color: white;
    border: 2px solid rgba(69,230,240,0.3);
    font-size: 1.2rem;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 15;
    transition: all 0.3s ease;
    opacity: 0.7;
}

.slideshow-play-pause:hover {
    background-color: var(--primary);
    color: var(--darker-bg);
    opacity: 1;
    transform: scale(1.1);
}

/* Improved slide transitions */
.slide {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    transition: opacity 0.8s ease-in-out;
}

.slide.active {
    opacity: 1;
    z-index: 2;
}

.slide.loaded {
    /* Add any styling for loaded images */
}

/* Better button responsiveness */
.slideshow-button {
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.slideshow-button:active {
    transform: translateY(-50%) scale(0.95);
}

/* Improved dot indicators */
.dot {
    position: relative;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
}

.dot:hover {
    background-color: rgba(69,230,240,0.6);
    transform: scale(1.2);
}

.dot.active::after {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    border: 1px solid var(--primary);
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

@keyframes pulse-ring {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1.3);
        opacity: 0;
    }
}

.stat-value {
    transition: color 0.3s ease;
}

.stat-value.updating {
    color: var(--primary);
}

/* Pulse animation for live data */
@keyframes live-pulse {
    0% { opacity: 1; }
    50% { opacity: 0.7; }
    100% { opacity: 1; }
}

.discord-stats.live .stat-value {
    animation: live-pulse 2s infinite;
}

/* ===== FORCE FULL-FILL FOR BOTH IMAGE + YOUTUBE SLIDES (FIX SMALL YT + BLACK BARS) ===== */
#vehicle-slideshow,
#vehicle-slideshow .slide,
#vehicle-slideshow .slide.active {
  width: 100% !important;
  height: 100% !important;
}

/* Image slides fill */
#vehicle-slideshow .slide[data-type="image"]> a.image-slide-link{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

#vehicle-slideshow .slide-image{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  background: #05070A !important;
  backface-visibility: hidden !important;
  transform: translateZ(0);
}
#vehicle-slideshow .gxd-slide-placeholder{
  object-fit: contain !important;
  padding: 2rem;
  opacity: .9;
}

/* YouTube slides stay fully inside the slideshow frame */
#vehicle-slideshow .slide[data-type="youtube"] .youtube-container{
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  background: #05070A !important;
}

#vehicle-slideshow .slide[data-type="youtube"] .youtube-container iframe{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  display: block !important;
  pointer-events: auto !important;
}

/* ===== FINAL HOMEPAGE POLISH OVERRIDES ===== */
#featured-packages-module .home-featured-module-shell{
    border:1px solid rgba(69,230,240,.11);
    border-radius:34px;
    background:
        radial-gradient(circle at top left, rgba(69,230,240,.09), transparent 34%),
        linear-gradient(180deg,rgba(4,18,35,.9) 0%,rgba(2,10,22,.98) 100%);
    box-shadow:0 22px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
    padding:32px;
    overflow:hidden;
    position:relative;
}
#featured-packages-module .home-featured-module-shell::before{
    content:"";
    position:absolute;
    inset:-22% auto auto -12%;
    width:300px;
    height:300px;
    border-radius:999px;
    background:radial-gradient(circle, rgba(69,230,240,.16), transparent 72%);
    pointer-events:none;
}
#featured-packages-module .home-featured-module-shell::after{
    content:"";
    position:absolute;
    right:-120px;
    bottom:-120px;
    width:260px;
    height:260px;
    border-radius:999px;
    background:radial-gradient(circle, rgba(47,107,255,.1), transparent 72%);
    pointer-events:none;
}
#featured-packages-module .featured-kicker{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.26em;
    color:#7ef8ff;
    font-weight:800;
    margin-bottom:12px;
}
#featured-packages-module .featured-heading{
    font-size:clamp(2rem,1.7rem + 1.1vw,3.35rem);
    line-height:1.04;
    color:#fff;
    font-weight:900;
    max-width:760px;
    text-shadow:0 0 26px rgba(69,230,240,.08);
}
#featured-packages-module .featured-subtext{
    font-size:1.06rem;
    line-height:1.72;
    color:rgba(225,241,255,.9);
    max-width:520px;
    justify-self:end;
    text-align:right;
}
.home-featured-module-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,470px);
    gap:26px;
    align-items:end;
    margin-bottom:26px;
    position:relative;
    z-index:1;
}
.home-featured-module-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
    align-items:stretch;
    position:relative;
    z-index:1;
}
.home-featured-module-card{
    position:relative;
    border-radius:28px;
    border:1px solid rgba(69,230,240,.075);
    background:linear-gradient(180deg, rgba(4,17,34,.92) 0%, rgba(3,14,28,.96) 100%);
    box-shadow:0 18px 44px rgba(0,0,0,.24);
    overflow:hidden;
    min-height:100%;
}
.home-module-chip{
    position:absolute;
    top:18px;
    left:18px;
    z-index:3;
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 16px;
    border-radius:999px;
    border:1px solid rgba(69,230,240,.24);
    background:rgba(4,22,40,.82);
    color:#aeefff;
    font-size:.82rem;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
}
.home-featured-module-card .widget-content{
    padding:0;
}
.home-featured-module-card .package,
.home-featured-module-card article{display:flex;flex-direction:column;min-height:100%;}
.home-featured-module-card img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;}
.home-featured-module-card .package, .home-featured-module-card article{display:flex;flex-direction:column;min-height:100%;}
.home-featured-module-card .package a, .home-featured-module-card article a{text-decoration:none;}
.home-featured-module-card .package [class*="title"], .home-featured-module-card .package h3, .home-featured-module-card article h3{font-size:1.52rem;line-height:1.15;font-weight:800;color:#fff;}
.home-featured-module-card .package [class*="price"], .home-featured-module-card article [class*="price"]{font-size:1.5rem;font-weight:900;color:#fff;}
.home-featured-module-card button, .home-featured-module-card .btn, .home-featured-module-card [class*="button"]{min-height:54px;border-radius:16px;font-size:1rem;font-weight:800;}

/* ── GXD Fresh Drop Cards ────────────────────────────────── */

@keyframes gxd-fd-in{
    from{opacity:0;transform:translateY(16px) scale(.985);}
    to{opacity:1;transform:translateY(0) scale(1);}
}
.gxd-fd-card--in{
    animation:gxd-fd-in .42s cubic-bezier(.2,.8,.2,1) both;
}

.gxd-fd-card{
    display:flex;
    flex-direction:column;
    min-height:100%;
    border-radius:24px;
    border:1px solid rgba(69,230,240,.075);
    background:linear-gradient(180deg, rgba(5,18,35,.96) 0%, rgba(2,10,22,.99) 100%);
    box-shadow:0 18px 44px rgba(0,0,0,.34);
    overflow:hidden;
    position:relative;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
    contain:layout paint;
}
.gxd-fd-card::before{
    content:'';
    position:absolute;
    inset:0 auto auto 0;
    width:100%;
    height:1px;
    background:linear-gradient(90deg, rgba(69,230,240,0), rgba(69,230,240,.88), rgba(69,230,240,0));
    pointer-events:none;
    opacity:.78;
    z-index:1;
}
.gxd-fd-card::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0) 32%, rgba(69,230,240,.025) 100%);
    pointer-events:none;
}
@media (hover:hover){
    .gxd-fd-card:hover{
        transform:translateY(-4px);
        border-color:rgba(69,230,240,.36);
        box-shadow:0 24px 54px rgba(0,0,0,.42), 0 0 0 1px rgba(69,230,240,.05) inset;
    }
}

.gxd-fd-badge{
    position:absolute;
    top:16px;
    left:16px;
    z-index:5;
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:7px 13px;
    border-radius:999px;
    border:1px solid rgba(69,230,240,.28);
    background:rgba(4,18,35,.92);
    box-shadow:0 8px 20px rgba(0,0,0,.25);
    color:#8ef7ff;
    font-family:'Orbitron',sans-serif;
    font-size:.68rem;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.gxd-fd-img-wrap{
    display:block;
    position:relative;
    overflow:hidden;
    aspect-ratio:16/10;
    background:#040e1e;
    text-decoration:none;
}
.gxd-fd-img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    content-visibility:visible!important;
    backface-visibility:visible!important;
    transform:none!important;
    will-change:auto!important;
    transition:filter .28s ease;
    filter:brightness(.93) saturate(.96);
}
@media (hover:hover){
    .gxd-fd-card:hover .gxd-fd-img{
        filter:brightness(1) saturate(1.03);
    }
}
.gxd-fd-img-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to bottom, rgba(2,10,22,0) 28%, rgba(2,10,22,.24) 68%, rgba(2,10,22,.84) 100%);
    pointer-events:none;
}
.gxd-fd-img-placeholder{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(11,17,24,.5);
}

.gxd-fd-body{
    padding:20px;
    display:flex;
    flex-direction:column;
    gap:14px;
    flex:1;
    position:relative;
    z-index:1;
}
.gxd-fd-category-label{
    display:inline-flex;
    align-items:center;
    width:fit-content;
    max-width:100%;
    padding:6px 10px;
    border-radius:999px;
    border:1px solid rgba(69,230,240,.28);
    background:rgba(69,230,240,.08);
    color:#9AF8FF;
    font-family:'Orbitron',sans-serif;
    font-size:.68rem;
    font-weight:800;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.gxd-fd-title-row{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:8px;
    min-height:78px;
}
.gxd-fd-name{
    font-family:'Orbitron',sans-serif;
    font-size:clamp(1rem,.93rem + .34vw,1.16rem);
    font-weight:800;
    color:#ffffff !important;
    text-decoration:none;
    line-height:1.35;
    width:100%;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    opacity:1 !important;
}
.gxd-fd-name:visited,
.gxd-fd-name:active{
    color:#ffffff !important;
}
.gxd-fd-name:hover{
    color:#d4fdff !important;
}
.gxd-fd-price-wrap{
    display:flex;
    align-items:flex-end;
    gap:10px;
    flex-wrap:wrap;
}
.gxd-fd-price-old{
    font-family:'Orbitron',sans-serif;
    font-size:.82rem;
    font-weight:600;
    color:rgba(228,242,255,.42);
    text-decoration:line-through;
    white-space:nowrap;
}
.gxd-fd-price{
    font-family:'Orbitron',sans-serif;
    font-size:clamp(1.35rem,1.18rem + .5vw,1.72rem);
    font-weight:900;
    line-height:1;
    color:#ffffff;
    white-space:nowrap;
}
.gxd-fd-price--sale{
    color:#66f6ff;
    text-shadow:0 0 18px rgba(69,230,240,.26);
}

.gxd-fd-atc{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    width:100%;
    min-height:52px;
    margin-top:auto;
    padding:0 18px;
    border:1px solid rgba(69,230,240,.22);
    border-radius:14px;
    background:linear-gradient(135deg, rgba(10,28,54,.96) 0%, rgba(17,57,110,.96) 55%, rgba(34,122,187,.92) 100%);
    box-shadow:0 10px 22px rgba(4,18,38,.28), inset 0 1px 0 rgba(255,255,255,.06);
    color:#F4FCFF;
    text-shadow:0 1px 1px rgba(0,0,0,.35);
    font-family:'Orbitron',sans-serif;
    font-size:.8rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    text-decoration:none;
    position:relative;
    overflow:hidden;
    transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;
}
.gxd-fd-atc::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgba(69,230,240,.10), rgba(69,230,240,0) 38%, rgba(255,255,255,.03) 100%);
    pointer-events:none;
}
.gxd-fd-atc::after{
    content:'';
    position:absolute;
    inset:1px;
    border-radius:inherit;
    background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 52%);
    pointer-events:none;
}
@media (hover:hover){
    .gxd-fd-card:hover .gxd-fd-atc{
        transform:translateY(-1px);
        border-color:rgba(69,230,240,.34);
        box-shadow:0 14px 28px rgba(4,18,38,.34), 0 0 0 1px rgba(69,230,240,.10);
        background:linear-gradient(135deg, rgba(12,34,64,.98) 0%, rgba(21,66,125,.98) 58%, rgba(40,142,206,.94) 100%);
    }
}

.gxd-fd-footer{
    margin-top:28px;
    display:flex;
    justify-content:center;
    position:relative;
    z-index:1;
}
.gxd-fd-browse-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#bff9ff;
    font-family:'Orbitron',sans-serif;
    font-size:.8rem;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
    text-decoration:none;
    transition:color .2s ease, gap .2s ease;
}
.gxd-fd-browse-link svg{
    transition:transform .2s ease;
}
.gxd-fd-browse-link:hover{
    color:#ffffff;
    gap:11px;
}
.gxd-fd-browse-link:hover svg{
    transform:translateX(2px);
}

@media(max-width:1200px){
    .home-featured-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:900px){
    .home-featured-module-head{grid-template-columns:1fr;}
    #featured-packages-module .featured-subtext{max-width:none;justify-self:start;text-align:left;}
}
@media(max-width:640px){
    .home-featured-module-grid{grid-template-columns:1fr;}
    #featured-packages-module .home-featured-module-shell{padding:22px;}
    .gxd-fd-body{padding:18px;}
    .gxd-fd-atc{font-size:.74rem;}
}
@media (prefers-reduced-motion: reduce){
    .gxd-fd-card--in,
    .gxd-fd-card,
    .gxd-fd-img,
    .gxd-fd-atc,
    .gxd-fd-browse-link,
    .gxd-fd-browse-link svg{
        animation:none !important;
        transition:none !important;
    }
}

#featured-collections .featured-heading{font-size:clamp(2.5rem,2.1rem + 1.1vw,4rem);line-height:1.02;max-width:720px;}
#featured-collections .featured-subtext{font-size:1.15rem;line-height:1.75;color:rgba(228,244,255,.88);}
#featured-collections .featured-collections-grid{gap:26px;}
#featured-collections .collection-panel{
    min-height:290px;
    padding:34px 34px 30px;
    border-radius:34px;
    border:1px solid rgba(69,230,240,.11);
    background:linear-gradient(180deg, rgba(4,18,35,.82) 0%, rgba(3,13,27,.96) 100%);
    box-shadow:0 26px 66px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
}
#featured-collections .collection-panel::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg, rgba(69,230,240,.06), transparent 45%, rgba(67,97,238,.08) 100%);
    opacity:1;
    pointer-events:none;
}
#featured-collections .collection-panel:hover{transform:translateY(-10px);border-color:rgba(69,230,240,.45);box-shadow:0 34px 76px rgba(0,0,0,.32), 0 0 0 1px rgba(69,230,240,.08) inset;}
#featured-collections .collection-emblem{
    position:absolute;
    right:26px;
    top:24px;
    width:68px;
    height:68px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#8ff6ff;
    border:1px solid rgba(69,230,240,.32);
    background:radial-gradient(circle at 30% 30%, rgba(69,230,240,.11), rgba(6,23,45,.88) 72%);
    box-shadow:0 0 0 7px rgba(69,230,240,.05), 0 18px 34px rgba(0,0,0,.18);
}
#featured-collections .collection-emblem svg{width:30px;height:30px;display:block;filter:drop-shadow(0 0 8px rgba(69,230,240,.16));}
#featured-collections .collection-topline{font-size:.94rem;letter-spacing:.24em;margin-bottom:20px;}
#featured-collections .collection-title{font-size:clamp(2.16rem,1.78rem + .78vw,3.16rem);line-height:1.05;max-width:520px;}
#featured-collections .collection-copy{font-size:1.16rem;line-height:1.78;max-width:520px;color:rgba(225,239,252,.88);margin-bottom:28px;}
#featured-collections .collection-pills{gap:10px;flex-wrap:wrap;margin-bottom:18px;}
#featured-collections .collection-pills span{padding:11px 16px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:.96rem;font-weight:700;color:#d9f8ff;}
#featured-collections .collection-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);}
#featured-collections .collection-meta span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(12,17,23,.55);border:1px solid rgba(69,230,240,.065);font-size:.92rem;font-weight:700;color:#c9f6ff;}
#featured-collections .collection-arrow{position:absolute;right:28px;bottom:26px;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(69,230,240,.25);background:rgba(4,20,38,.82);box-shadow:0 0 0 10px rgba(69,230,240,.03);}
#featured-collections .collection-arrow span{display:block;font-size:1.2rem;color:#7ef2ff;transform:translateY(-1px);}
#home-highlights .home-highlights-grid{gap:24px;}
#home-highlights .highlight-panel{
    min-height:265px;
    padding:34px 30px;
    border-radius:30px;
    background:linear-gradient(180deg, rgba(12,17,23,.84) 0%, rgba(3,15,28,.96) 100%);
    border:1px solid rgba(255,255,255,.11);
    box-shadow:0 18px 44px rgba(0,0,0,.18);
    position:relative;
    overflow:hidden;
}
#home-highlights .highlight-panel::before{content:"";position:absolute;right:-40px;bottom:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle, rgba(69,230,240,.09), transparent 70%);pointer-events:none;}
#home-highlights .highlight-icon{width:74px;height:74px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%, rgba(69,230,240,.075), rgba(6,23,45,.76) 74%);border:1px solid rgba(69,230,240,.25);box-shadow:0 0 0 8px rgba(69,230,240,.03);margin-bottom:22px;color:#8ff6ff;}
#home-highlights .highlight-icon svg{width:28px;height:28px;display:block;}
#home-highlights .highlight-title{font-size:clamp(1.7rem,1.48rem + .38vw,2.2rem);margin-bottom:12px;line-height:1.12;max-width:16ch;}
#home-highlights .highlight-copy{font-size:1.02rem;line-height:1.72;color:rgba(228,244,255,.84);max-width:38ch;}
#home-highlights .highlight-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
#home-highlights .highlight-tags span{padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:.8rem;font-weight:700;color:#ddf8ff;}
.container .reviews-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:stretch;}
.container .review-card{display:flex;flex-direction:column;min-height:0;padding:28px;border-radius:32px;box-shadow:0 24px 58px rgba(0,0,0,.24);background:linear-gradient(180deg, rgba(4,18,35,.88) 0%, rgba(3,14,28,.96) 100%);border:1px solid rgba(69,230,240,.065);overflow:hidden;}
.container .review-header{align-items:flex-start;gap:16px;margin-bottom:18px;}
.container .avatar{width:68px;height:68px;flex:0 0 68px;box-shadow:0 14px 28px rgba(0,0,0,.22);}
.container .avatar span{font-size:1.22rem;font-weight:900;}
.container .reviewer-info{min-width:0;display:flex;flex-direction:column;gap:8px;}
.container .reviewer-name{font-size:1.28rem;line-height:1.08;overflow-wrap:anywhere;max-width:100%;margin:0;}
.container .stars{display:flex;flex-wrap:wrap;gap:3px;font-size:1.04rem;}
.container .review-content{display:grid;gap:10px;flex:1;min-height:0;margin-bottom:0;}
.container .review-content p{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:start;font-size:1.06rem;line-height:1.62;margin:0;color:#c7def4;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.05);}
.container .review-content p:last-child{padding-bottom:0;border-bottom:0;}
.container .review-content p strong{display:block;color:#fff;font-weight:800;letter-spacing:.01em;font-size:1rem;}
.container .review-content p span{display:block;min-width:0;overflow-wrap:anywhere;}
.container .review-footer{margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);}
.container .verified-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;font-size:.84rem;font-weight:700;}
.home-final-grid{gap:26px;align-items:stretch;}
.home-final-panel{padding:34px;border-radius:34px;box-shadow:0 24px 60px rgba(0,0,0,.24);}
.home-final-panel h3{font-size:clamp(2rem,1.8rem + .55vw,2.7rem);line-height:1.06;margin-bottom:14px;max-width:560px;}
.home-final-panel p{font-size:1.05rem;line-height:1.7;color:rgba(228,244,255,.84);}
.home-final-stats{gap:14px;}
.home-final-stat{min-height:108px;padding:20px 16px;border-radius:18px;display:flex;flex-direction:column;justify-content:center;}
.home-final-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px;}
.home-final-actions a{min-height:58px;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;border-radius:16px;}
@media (max-width: 1200px){
    .home-featured-module-head,
    #featured-collections .featured-collections-head,
    .container .reviews-grid,
    .home-final-grid{grid-template-columns:1fr 1fr;}
    .home-featured-module-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width: 900px){
    .home-featured-module-head,
    .home-featured-module-grid,
    #featured-collections .featured-collections-head,
    #featured-collections .featured-collections-grid,
    #home-highlights .home-highlights-grid,
    .container .reviews-grid,
    .home-final-grid{grid-template-columns:1fr;}
    #featured-packages-module .home-featured-module-shell,
    #featured-collections .featured-collections-shell,
    .home-final-panel{padding:24px;border-radius:28px;}
    #featured-collections .collection-panel,
    .container .review-card,
    #home-highlights .highlight-panel{min-height:auto;}
    .container .review-content p{grid-template-columns:72px 1fr;}
}
@media (max-width: 640px){
    .home-featured-module-shell{padding:22px !important;}
    #featured-collections .collection-panel{padding:24px 22px 22px;border-radius:26px;}
    #featured-collections .collection-title{font-size:1.9rem;}
    .container .review-card{padding:24px;border-radius:26px;}
    .container .review-content p{grid-template-columns:1fr;gap:5px;}
    .home-final-panel h3{font-size:1.85rem;}
}

/* GXD homepage style block 3 */
#featured-collections .featured-collections-shell{
    border:1px solid rgba(69,230,240,.065);
    border-radius:34px;
    background:linear-gradient(180deg, rgba(6,22,43,.82) 0%, rgba(4,16,32,.68) 100%);
    box-shadow:0 28px 90px rgba(0,0,0,.26);
    padding:34px;
}
#featured-collections .featured-collections-head{
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
    gap:24px;
    align-items:end;
    margin-bottom:26px;
}
#featured-collections .featured-kicker{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.28em;
    color:#45E6F0;
    font-weight:800;
    margin-bottom:14px;
}
#featured-collections .featured-heading{
    font-size:clamp(2.3rem,2rem + 1vw,3.5rem);
    line-height:1.05;
    color:#fff;
    font-weight:900;
    max-width:760px;
}
#featured-collections .featured-subtext{
    font-size:1.12rem;
    line-height:1.65;
    color:rgba(221,240,255,.88);
    max-width:500px;
    justify-self:end;
    text-align:right;
}
#featured-collections .featured-collections-grid{
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:20px;
}
#featured-collections .collection-panel{
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    min-height:290px;
    padding:30px;
    border-radius:30px;
    border:1px solid rgba(69,230,240,.11);
    background:linear-gradient(180deg, rgba(5,18,36,.92) 0%, rgba(4,14,29,.98) 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 18px 45px rgba(0,0,0,.22);
    transition:transform .28s ease,border-color .28s ease, box-shadow .28s ease;
}
#featured-collections .collection-panel:hover{
    transform:translateY(-4px);
    border-color:rgba(69,230,240,.55);
    box-shadow:0 26px 60px rgba(0,0,0,.32), 0 0 32px rgba(69,230,240,.08);
}
#featured-collections .collection-panel::before{
    content:"";
    position:absolute;
    inset:auto -14% -28% auto;
    width:220px;
    height:220px;
    border-radius:999px;
    background:radial-gradient(circle, rgba(69,230,240,.075) 0%, rgba(69,230,240,0) 70%);
    pointer-events:none;
}
#featured-collections .collection-panel--purple::before{
    background:radial-gradient(circle, rgba(128,111,255,.18) 0%, rgba(128,111,255,0) 70%);
}
#featured-collections .collection-panel--wide{grid-column:span 7;}
#featured-collections .collection-panel--blue{grid-column:span 5;}
#featured-collections .collection-panel--compact{grid-column:span 5;}
#featured-collections .collection-accent{
    position:absolute;
    inset:0 auto auto 0;
    width:100%;
    height:100%;
    background:linear-gradient(135deg, rgba(69,230,240,.08) 0%, rgba(69,230,240,0) 45%);
    pointer-events:none;
}
#featured-collections .collection-panel--purple .collection-accent{
    background:linear-gradient(135deg, rgba(122,96,255,.12) 0%, rgba(122,96,255,0) 45%);
}
#featured-collections .collection-topline{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.26em;
    color:rgba(69,230,240,.92);
    font-weight:800;
    margin-bottom:16px;
}
#featured-collections .collection-title{
    font-size:clamp(2rem,1.7rem + .6vw,2.8rem);
    line-height:1.05;
    color:#fff;
    font-weight:900;
    max-width:520px;
    margin:0 0 12px 0;
}
#featured-collections .collection-copy{
    font-size:1.08rem;
    line-height:1.55;
    color:rgba(220,238,255,.86);
    max-width:510px;
    margin:0;
}
#featured-collections .collection-pills{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:22px;
}
#featured-collections .collection-pills span{
    padding:9px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    color:rgba(236,247,255,.9);
    font-size:.92rem;
    font-weight:700;
}
#featured-collections .collection-arrow{
    position:absolute;
    top:26px;
    right:26px;
    width:44px;
    height:44px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(69,230,240,.26);
    color:#45E6F0;
    font-size:1.3rem;
    font-weight:800;
    background:rgba(255,255,255,.02);
}
#home-highlights .home-highlights-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
}
#home-highlights .highlight-panel{
    border:1px solid rgba(255,255,255,.1);
    border-radius:28px;
    background:linear-gradient(180deg, rgba(8,23,44,.94) 0%, rgba(5,18,36,.96) 100%);
    box-shadow:0 18px 45px rgba(0,0,0,.22);
    padding:32px 30px;
    min-height:220px;
}
#home-highlights .highlight-icon{
    width:64px;
    height:64px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.8rem;
    margin-bottom:18px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(69,230,240,.11);
}
#home-highlights .highlight-kicker{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.24em;
    color:#45E6F0;
    font-weight:800;
    margin-bottom:12px;
}
#home-highlights .highlight-title{
    font-size:2rem;
    font-weight:900;
    line-height:1.08;
    color:#fff;
    margin:0 0 12px 0;
}
#home-highlights .highlight-copy{
    font-size:1.06rem;
    line-height:1.65;
    color:rgba(221,240,255,.86);
    margin:0;
}
.home-final-grid{
    display:grid;
    grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);
    gap:24px;
}
.home-final-panel{
    border:1px solid rgba(255,255,255,.1);
    border-radius:32px;
    background:linear-gradient(180deg, rgba(8,24,46,.96) 0%, rgba(5,18,36,.98) 100%);
    box-shadow:0 20px 55px rgba(0,0,0,.26);
    padding:34px;
}
.home-final-kicker{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.26em;
    color:#45E6F0;
    font-weight:800;
    margin-bottom:14px;
}
.home-final-title{
    font-size:clamp(2rem,1.7rem + .8vw,3rem);
    line-height:1.08;
    font-weight:900;
    color:#fff;
    margin:0 0 16px 0;
    max-width:720px;
}
.home-final-copy{
    font-size:1.08rem;
    line-height:1.65;
    color:rgba(221,240,255,.86);
    margin:0;
    max-width:760px;
}
.home-final-stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin-top:28px;
}
.home-final-stat{
    border-radius:24px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.03);
    padding:24px 18px;
    text-align:center;
}
.home-final-stat-number{
    font-size:2rem;
    line-height:1;
    font-weight:900;
    color:#fff;
}
.home-final-stat-label{
    margin-top:10px;
    color:rgba(221,240,255,.72);
    font-size:.92rem;
}
.home-final-actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:26px;
}
.home-main-button{
    min-height:60px;
    padding:0 28px;
    border-radius:18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    font-size:1.08rem;
    font-weight:800;
    text-decoration:none !important;
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.home-main-button:hover{
    transform:translateY(-2px);
}
.home-main-button--discord{
    background:linear-gradient(90deg, #6769ff 0%, #4f7dff 100%);
    color:#fff;
    box-shadow:0 12px 28px rgba(86,114,255,.28);
}
.home-main-button--ghost{
    border:1px solid rgba(69,230,240,.6);
    color:#45E6F0;
    background:rgba(255,255,255,.02);
}
.home-main-button--primary{
    width:100%;
    background:linear-gradient(90deg, #22d3ee 0%, #0ea5ff 100%);
    color:#00121c;
    box-shadow:0 18px 40px rgba(14,165,255,.25);
}
.home-final-list{
    list-style:none;
    padding:0;
    margin:26px 0 0 0;
    display:grid;
    gap:14px;
}
.home-final-list li{
    position:relative;
    padding-left:24px;
    color:rgba(221,240,255,.88);
    line-height:1.55;
    font-size:1.05rem;
}
.home-final-list li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:#45E6F0;
    font-weight:900;
}
.home-price-card{
    margin-top:26px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg, rgba(255,255,255,.035) 0%, rgba(255,255,255,.02) 100%);
    padding:24px;
}
.home-price-kicker{
    font-size:.9rem;
    color:rgba(221,240,255,.7);
    margin-bottom:10px;
}
.home-price-value{
    font-size:clamp(2.5rem,2.1rem + .8vw,3.4rem);
    font-weight:900;
    line-height:1;
    color:#fff;
    margin-bottom:20px;
}
.container .section-header{
    margin-bottom:18px;
}
.container .section-title{
    font-size:clamp(2.1rem,1.8rem + .9vw,3.1rem);
}
.container .reviews-grid{
    gap:22px;
}
.container .review-card{
    border-radius:30px;
    min-height:360px;
    padding:28px;
    box-shadow:0 20px 55px rgba(0,0,0,.24);
}
.container .reviewer-name{
    font-size:1.68rem;
}
.container .review-content p{
    font-size:1.125rem;
    line-height:1.72;
}
.container .verified-badge{
    font-size:1rem;
    padding:12px 18px;
}
@media (max-width: 1200px){
    #featured-collections .featured-collections-head,
    .home-final-grid{
        grid-template-columns:1fr;
    }
    #featured-collections .featured-subtext{
        text-align:left;
        justify-self:start;
        max-width:720px;
    }
    #featured-collections .collection-panel--wide,
    #featured-collections .collection-panel--blue,
    #featured-collections .collection-panel--compact{
        grid-column:span 6;
    }
}
@media (max-width: 900px){
    #featured-collections .featured-collections-shell,
    .home-final-panel{
        padding:24px;
        border-radius:28px;
    }
    #featured-collections .featured-collections-grid,
    #home-highlights .home-highlights-grid{
        grid-template-columns:1fr;
    }
    #featured-collections .collection-panel--wide,
    #featured-collections .collection-panel--blue,
    #featured-collections .collection-panel--compact{
        grid-column:span 12;
    }
    .home-final-stats{
        grid-template-columns:1fr;
    }
    .container .review-card{
        min-height:auto;
    }
}

/* GXD media loading stability */
.gxd-product-media,.gxd-fd-img-wrap{background:linear-gradient(135deg,#07111b,#0b1a2b);}
.gxd-product-image,.gxd-fd-img{transform:none!important;will-change:auto!important;}
.gxd-image-unavailable{object-fit:cover!important;}


/* =====================================================================
   GXD V23 FINAL HOMEPAGE REFINEMENT
   Built around a stable hierarchy, equal card rhythm and restrained motion.
   ===================================================================== */
body.template-home .hero-section-fullscreen{
    min-height:auto!important;
    padding:42px 0 30px!important;
    overflow:visible!important;
}
body.template-home .hero-section-fullscreen .hero-content{
    max-width:1420px!important;
    padding-inline:clamp(22px,3.6vw,56px)!important;
}
body.template-home .hero-section-fullscreen .hero-content>.flex{
    display:grid!important;
    grid-template-columns:minmax(0,1.08fr) minmax(560px,.92fr)!important;
    gap:clamp(34px,4vw,58px)!important;
    align-items:center!important;
}
body.template-home .hero-section-fullscreen .welcome-text-container,
body.template-home .hero-section-fullscreen .stats-section{
    width:auto!important;
    min-width:0!important;
    flex:none!important;
}
body.template-home .hero-section-fullscreen .welcome-text{
    max-width:13.4ch!important;
    font-size:clamp(2.75rem,3.35vw,4.25rem)!important;
    line-height:1.01!important;
    letter-spacing:.015em!important;
    margin-bottom:18px!important;
}
body.template-home .hero-section-fullscreen .hero-description{
    max-width:660px!important;
    font-size:1rem!important;
    line-height:1.62!important;
    color:rgba(229,241,250,.9)!important;
}
body.template-home .hero-section-fullscreen .feature-tags{
    gap:7px!important;
    margin-bottom:18px!important;
}
body.template-home .hero-section-fullscreen .feature-tag{
    padding:7px 11px!important;
    border-radius:9px!important;
    font-size:.72rem!important;
    font-weight:650!important;
    background:rgba(7,22,38,.72)!important;
    border:1px solid rgba(69,230,240,.22)!important;
    box-shadow:none!important;
}
body.template-home .hero-section-fullscreen .features-cta{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    max-width:600px!important;
    margin-top:22px!important;
}
body.template-home .hero-section-fullscreen .features-cta>a{
    min-height:52px!important;
    padding:0 18px!important;
    border-radius:13px!important;
    font-size:.88rem!important;
    font-weight:750!important;
}
body.template-home .hero-section-fullscreen .features-cta>a:last-child{
    grid-column:1/-1!important;
    width:max-content!important;
    min-width:190px!important;
}
body.template-home .hero-section-fullscreen .stats-section{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
}
body.template-home .hero-section-fullscreen .stats-grid,
body.template-home .hero-section-fullscreen .feature-row{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
}
body.template-home .hero-section-fullscreen .features-horizontal{
    margin-top:0!important;
}
body.template-home .hero-section-fullscreen .stat-counter,
body.template-home .hero-section-fullscreen .feature-card-horizontal{
    position:relative!important;
    overflow:hidden!important;
    transform:none!important;
    animation:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border:1px solid rgba(69,230,240,.16)!important;
    background:linear-gradient(180deg,rgba(7,22,39,.92),rgba(4,14,27,.98))!important;
    box-shadow:0 16px 34px rgba(0,0,0,.22)!important;
}
body.template-home .hero-section-fullscreen .stat-counter::before,
body.template-home .hero-section-fullscreen .stat-counter::after,
body.template-home .hero-section-fullscreen .feature-card-horizontal::before,
body.template-home .hero-section-fullscreen .feature-card-horizontal::after{
    display:none!important;
    content:none!important;
}
body.template-home .hero-section-fullscreen .stat-counter{
    min-height:162px!important;
    padding:21px 16px!important;
    border-radius:18px!important;
}
body.template-home .hero-section-fullscreen .feature-card-horizontal{
    min-height:132px!important;
    padding:19px 16px!important;
    border-radius:18px!important;
}
body.template-home .hero-section-fullscreen .stat-counter:hover,
body.template-home .hero-section-fullscreen .feature-card-horizontal:hover{
    transform:none!important;
    background:linear-gradient(180deg,rgba(7,22,39,.92),rgba(4,14,27,.98))!important;
    border-color:rgba(69,230,240,.22)!important;
    box-shadow:0 18px 38px rgba(0,0,0,.24)!important;
}
body.template-home .hero-section-fullscreen .stat-icon-container{
    width:54px!important;
    height:54px!important;
    margin-bottom:12px!important;
}
body.template-home .hero-section-fullscreen .stat-number{
    font-size:2.05rem!important;
    line-height:1!important;
    margin-bottom:8px!important;
}
body.template-home .hero-section-fullscreen .stat-text{
    max-width:18ch!important;
    margin:auto!important;
    font-size:.82rem!important;
    line-height:1.45!important;
    color:rgba(221,237,248,.82)!important;
}
body.template-home .hero-section-fullscreen .feature-icon-container{
    width:42px!important;
    height:42px!important;
    margin:0 12px 0 0!important;
    flex:0 0 42px!important;
}
body.template-home .hero-section-fullscreen .feature-card-title{
    font-size:.88rem!important;
    line-height:1.2!important;
    margin-bottom:7px!important;
}
body.template-home .hero-section-fullscreen .feature-card-desc{
    font-size:.76rem!important;
    line-height:1.5!important;
    color:rgba(207,226,239,.76)!important;
}
body.template-home .hero-section-fullscreen .scroll-indicator{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:42px!important;
    height:54px!important;
    margin:32px auto 0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    pointer-events:none!important;
}
@keyframes gxd-v23-scroll{
    0%,100%{transform:translateY(0);opacity:.68;}
    50%{transform:translateY(8px);opacity:1;}
}
body.template-home .hero-section-fullscreen .scroll-arrow,
body.template-home .hero-section-fullscreen .scroll-pulse{
    animation:gxd-v23-scroll 1.65s ease-in-out infinite!important;
}
body.template-home .hero-section-fullscreen .scroll-arrow{margin:0!important;}
body.template-home .hero-section-fullscreen .scroll-pulse{margin-top:6px!important;}

/* Latest releases */
body.template-home #featured-packages-module{padding:28px 0!important;}
body.template-home #featured-packages-module .home-featured-module-shell{
    padding:30px!important;
    border-radius:30px!important;
    border:1px solid rgba(69,230,240,.12)!important;
    background:linear-gradient(180deg,rgba(6,21,37,.88),rgba(3,13,25,.97))!important;
}
body.template-home #featured-packages-module .home-featured-module-shell::before,
body.template-home #featured-packages-module .home-featured-module-shell::after{
    opacity:.35!important;
}
body.template-home #featured-packages-module .home-featured-module-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(300px,470px)!important;
    gap:26px!important;
    align-items:end!important;
    margin-bottom:24px!important;
}
body.template-home #featured-packages-module .featured-heading{
    font-size:clamp(2.3rem,2rem + .9vw,3.4rem)!important;
    font-weight:850!important;
    letter-spacing:-.025em!important;
}
body.template-home #featured-packages-module .featured-head-actions{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    gap:14px!important;
}
body.template-home #featured-packages-module .featured-subtext{
    max-width:470px!important;
    margin:0!important;
    text-align:right!important;
    font-size:.94rem!important;
    line-height:1.62!important;
    color:rgba(212,230,242,.78)!important;
}
body.template-home #featured-packages-module .gxd-fd-head-link{
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    min-height:44px!important;
    padding:0 16px!important;
    border:1px solid rgba(69,230,240,.2)!important;
    border-radius:12px!important;
    background:rgba(69,230,240,.055)!important;
    color:#dffbff!important;
    font-size:.8rem!important;
    font-weight:750!important;
    text-decoration:none!important;
}
body.template-home #featured-packages-module .home-featured-module-grid{
    gap:22px!important;
}
body.template-home #featured-packages-module .gxd-fd-card{
    border-radius:24px!important;
    border:1px solid rgba(69,230,240,.095)!important;
    background:linear-gradient(180deg,rgba(5,18,33,.97),rgba(3,12,23,.99))!important;
    box-shadow:0 18px 38px rgba(0,0,0,.26)!important;
}
body.template-home #featured-packages-module .gxd-fd-card::before,
body.template-home #featured-packages-module .gxd-fd-card::after{display:none!important;content:none!important;}
body.template-home #featured-packages-module .gxd-fd-card:hover{
    transform:translateY(-3px)!important;
    border-color:rgba(69,230,240,.22)!important;
    box-shadow:0 24px 46px rgba(0,0,0,.31)!important;
}
body.template-home #featured-packages-module .gxd-fd-img-wrap{aspect-ratio:16/10!important;}
body.template-home #featured-packages-module .gxd-fd-body{
    padding:18px 18px 20px!important;
    gap:12px!important;
}
body.template-home #featured-packages-module .gxd-fd-title-row{
    min-height:0!important;
    gap:0!important;
}
body.template-home #featured-packages-module .gxd-fd-name{
    font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
    font-size:1.08rem!important;
    font-weight:750!important;
    line-height:1.34!important;
    letter-spacing:-.012em!important;
}
body.template-home #featured-packages-module .gxd-fd-collection-copy{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    min-height:3.08em!important;
    margin:0!important;
    font-size:.88rem!important;
    line-height:1.54!important;
    color:rgba(208,226,239,.76)!important;
}
body.template-home #featured-packages-module .gxd-fd-atc{
    min-height:48px!important;
    margin-top:4px!important;
    border-radius:13px!important;
    font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
    font-size:.76rem!important;
    font-weight:750!important;
    letter-spacing:.03em!important;
    text-transform:none!important;
}

/* Recent orders */
body.template-home #gxd-home-recent-payments{
    padding:30px 0 12px!important;
    background:transparent!important;
    border:0!important;
}
body.template-home #gxd-home-recent-payments .gxd-home-payments-inner{
    max-width:1340px!important;
    margin:auto!important;
    padding:0 28px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}
body.template-home #gxd-home-recent-payments .gxd-home-payments-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(260px,440px)!important;
    gap:24px!important;
    align-items:end!important;
    margin-bottom:18px!important;
}
body.template-home #gxd-home-recent-payments .gxd-home-payments-kicker{
    margin-bottom:8px!important;
    font-size:.72rem!important;
    font-weight:750!important;
    letter-spacing:.2em!important;
    text-transform:uppercase!important;
    color:#7ef7ff!important;
}
body.template-home #gxd-home-recent-payments .gxd-home-payments-title{
    margin:0!important;
    font-size:clamp(2.15rem,1.9rem + .75vw,3rem)!important;
    line-height:1.05!important;
    font-weight:850!important;
    letter-spacing:-.03em!important;
    color:#fff!important;
}
body.template-home #gxd-home-recent-payments .gxd-home-payments-copy{
    margin:0!important;
    text-align:right!important;
    font-size:.94rem!important;
    line-height:1.6!important;
    color:rgba(206,225,238,.74)!important;
}
body.template-home #gxd-home-recent-payments .gxd-home-payments-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
}
body.template-home #gxd-home-recent-payments .gxd-home-payment-card{
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:13px!important;
    min-height:94px!important;
    padding:16px!important;
    border:1px solid rgba(69,230,240,.08)!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,rgba(5,18,32,.92),rgba(3,13,24,.98))!important;
    box-shadow:0 14px 30px rgba(0,0,0,.18)!important;
}
body.template-home #gxd-home-recent-payments .gxd-home-payment-avatar{
    width:52px!important;
    height:52px!important;
    border-radius:14px!important;
    overflow:hidden!important;
}
body.template-home #gxd-home-recent-payments .gxd-home-payment-main{min-width:0!important;}
body.template-home #gxd-home-recent-payments .gxd-home-payment-card [class*="name"]{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:.88rem!important;
    font-weight:750!important;
    line-height:1.3!important;
}
body.template-home #gxd-home-recent-payments .gxd-home-payment-card [class*="package"],
body.template-home #gxd-home-recent-payments .gxd-home-payment-card [class*="product"]{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    margin-top:4px!important;
    font-size:.8rem!important;
    line-height:1.4!important;
    color:rgba(210,228,240,.72)!important;
}
body.template-home #gxd-home-recent-payments .gxd-home-payment-badge{
    min-width:48px!important;
    min-height:28px!important;
    padding:0 9px!important;
    border-radius:999px!important;
    background:rgba(69,230,240,.055)!important;
    border:1px solid rgba(69,230,240,.13)!important;
    color:#9ceff6!important;
    font-size:.66rem!important;
    font-weight:750!important;
}

/* Confidence strip */
body.template-home #home-highlights{padding:34px 0!important;}
body.template-home #home-highlights .home-confidence-strip{
    display:grid!important;
    grid-template-columns:minmax(280px,1.2fr) repeat(3,minmax(0,1fr))!important;
    border:1px solid rgba(69,230,240,.1)!important;
    border-radius:24px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,rgba(5,18,32,.9),rgba(3,13,24,.98))!important;
    box-shadow:0 18px 38px rgba(0,0,0,.18)!important;
}
body.template-home #home-highlights .home-confidence-intro,
body.template-home #home-highlights .highlight-panel{
    min-height:220px!important;
    padding:28px 24px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}
body.template-home #home-highlights .home-confidence-intro{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    background:rgba(69,230,240,.035)!important;
}
body.template-home #home-highlights .home-confidence-intro h2{
    margin:8px 0 12px!important;
    font-size:1.78rem!important;
    line-height:1.14!important;
    font-weight:800!important;
    letter-spacing:-.025em!important;
    color:#fff!important;
}
body.template-home #home-highlights .home-confidence-intro p{
    margin:0!important;
    font-size:.88rem!important;
    line-height:1.62!important;
    color:rgba(207,226,239,.76)!important;
}
body.template-home #home-highlights .highlight-panel{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    border-left:1px solid rgba(255,255,255,.055)!important;
}
body.template-home #home-highlights .highlight-panel::before,
body.template-home #home-highlights .highlight-panel::after{display:none!important;content:none!important;}
body.template-home #home-highlights .highlight-index{
    margin-bottom:18px!important;
    font-size:.72rem!important;
    font-weight:800!important;
    letter-spacing:.16em!important;
    color:#6cebf4!important;
}
body.template-home #home-highlights .highlight-title{
    max-width:none!important;
    margin:0 0 10px!important;
    font-size:1.22rem!important;
    line-height:1.2!important;
    font-weight:750!important;
    color:#fff!important;
}
body.template-home #home-highlights .highlight-copy{
    max-width:none!important;
    margin:0!important;
    font-size:.82rem!important;
    line-height:1.58!important;
    color:rgba(205,224,237,.72)!important;
}

/* Reviews */
body.template-home #gxd-customer-reviews.gxd-reviews-v23{
    max-width:1240px!important;
    margin:38px auto 52px!important;
    padding:0 28px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
body.template-home #gxd-customer-reviews .gxd-reviews-head-v23{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:26px!important;
    align-items:end!important;
    margin-bottom:22px!important;
}
body.template-home #gxd-customer-reviews .gxd-reviews-kicker-v23{
    margin-bottom:8px!important;
    font-size:.72rem!important;
    font-weight:750!important;
    letter-spacing:.2em!important;
    text-transform:uppercase!important;
    color:#7ef7ff!important;
}
body.template-home #gxd-customer-reviews .section-title{
    display:block!important;
    margin:0!important;
    font-size:clamp(2.15rem,1.95rem + .65vw,2.9rem)!important;
    line-height:1.08!important;
    font-weight:850!important;
    letter-spacing:-.03em!important;
    text-align:left!important;
    color:#fff!important;
}
body.template-home #gxd-customer-reviews .gxd-reviews-hub__intro{
    max-width:680px!important;
    margin:10px 0 0!important;
    text-align:left!important;
    font-size:.94rem!important;
    line-height:1.62!important;
    color:rgba(207,226,239,.76)!important;
}
body.template-home #gxd-customer-reviews .gxd-reviews-head-actions-v23{
    display:flex!important;
    gap:10px!important;
    align-items:center!important;
}
body.template-home #gxd-customer-reviews .reviews-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
}
body.template-home #gxd-customer-reviews .gxd-reviews-preview .review-card:nth-child(n+5){display:none!important;}
body.template-home #gxd-customer-reviews .review-card{
    min-height:0!important;
    padding:22px!important;
    border:1px solid rgba(69,230,240,.09)!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,rgba(5,18,32,.94),rgba(3,13,24,.99))!important;
    box-shadow:0 16px 34px rgba(0,0,0,.2)!important;
}
body.template-home #gxd-customer-reviews .review-header{
    gap:14px!important;
    margin-bottom:16px!important;
}
body.template-home #gxd-customer-reviews .avatar{
    width:54px!important;
    height:54px!important;
    flex:0 0 58px!important;
}
body.template-home #gxd-customer-reviews .reviewer-name{
    font-size:1.05rem!important;
    font-weight:750!important;
    line-height:1.2!important;
}
body.template-home #gxd-customer-reviews .review-content{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0 18px!important;
}
body.template-home #gxd-customer-reviews .review-content p{
    display:block!important;
    padding:12px 0!important;
    margin:0!important;
    border-bottom:1px solid rgba(255,255,255,.055)!important;
    font-size:.88rem!important;
    line-height:1.55!important;
    color:rgba(207,226,239,.76)!important;
}
body.template-home #gxd-customer-reviews .review-content p strong{
    display:block!important;
    margin-bottom:6px!important;
    font-size:.72rem!important;
    font-weight:750!important;
    letter-spacing:.1em!important;
    text-transform:uppercase!important;
    color:#a9eaf0!important;
}
body.template-home #gxd-customer-reviews .review-footer{
    margin-top:16px!important;
    padding-top:0!important;
    border:0!important;
}
body.template-home #gxd-customer-reviews .verified-badge{
    padding:8px 12px!important;
    font-size:.74rem!important;
    font-weight:700!important;
}
body.template-home #gxd-customer-reviews .gxd-reviews-open-btn,
body.template-home #gxd-customer-reviews .gxd-reviews-discord-link{
    min-height:44px!important;
    padding:0 15px!important;
    border-radius:12px!important;
    font-size:.76rem!important;
    font-weight:750!important;
}

@media(max-width:1260px){
    body.template-home .hero-section-fullscreen .hero-content>.flex{grid-template-columns:1fr!important;}
    body.template-home .hero-section-fullscreen .welcome-text-container{text-align:center!important;}
    body.template-home .hero-section-fullscreen .welcome-text,
    body.template-home .hero-section-fullscreen .hero-description{margin-left:auto!important;margin-right:auto!important;}
    body.template-home .hero-section-fullscreen .feature-tags,
    body.template-home .hero-section-fullscreen .features-cta{justify-content:center!important;margin-left:auto!important;margin-right:auto!important;}
    body.template-home #home-highlights .home-confidence-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
    body.template-home #home-highlights .highlight-panel:nth-child(odd){border-left:0!important;}
}
@media(max-width:920px){
    body.template-home .hero-section-fullscreen .stats-grid,
    body.template-home .hero-section-fullscreen .feature-row,
    body.template-home #featured-packages-module .home-featured-module-grid,
    body.template-home #gxd-home-recent-payments .gxd-home-payments-grid,
    body.template-home #gxd-customer-reviews .reviews-grid{grid-template-columns:1fr!important;}
    body.template-home #featured-packages-module .home-featured-module-head,
    body.template-home #gxd-home-recent-payments .gxd-home-payments-head,
    body.template-home #gxd-customer-reviews .gxd-reviews-head-v23{grid-template-columns:1fr!important;}
    body.template-home #featured-packages-module .featured-head-actions{align-items:flex-start!important;}
    body.template-home #featured-packages-module .featured-subtext,
    body.template-home #gxd-home-recent-payments .gxd-home-payments-copy{text-align:left!important;}
    body.template-home #gxd-customer-reviews .gxd-reviews-head-actions-v23{justify-content:flex-start!important;}
    body.template-home #gxd-customer-reviews .review-content{grid-template-columns:1fr!important;}
}
@media(max-width:640px){
    body.template-home .hero-section-fullscreen{padding-top:30px!important;}
    body.template-home .hero-section-fullscreen .features-cta{grid-template-columns:1fr!important;}
    body.template-home .hero-section-fullscreen .features-cta>a:last-child{grid-column:auto!important;width:100%!important;}
    body.template-home #home-highlights .home-confidence-strip{grid-template-columns:1fr!important;}
    body.template-home #home-highlights .highlight-panel{border-left:0!important;border-top:1px solid rgba(255,255,255,.055)!important;min-height:auto!important;}
    body.template-home #gxd-customer-reviews.gxd-reviews-v23,
    body.template-home #gxd-home-recent-payments .gxd-home-payments-inner{padding-left:18px!important;padding-right:18px!important;}
    body.template-home #gxd-customer-reviews .gxd-reviews-head-actions-v23{flex-wrap:wrap!important;}
}
@media(prefers-reduced-motion:reduce){
    body.template-home .hero-section-fullscreen .scroll-arrow,
    body.template-home .hero-section-fullscreen .scroll-pulse{animation:none!important;}
}


/* V23.2 hover fix: stop hero feature icons from showing a stray glowing box on hover */
body.template-home .hero-section-fullscreen .feature-card-horizontal .feature-icon-container{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    transform:none!important;
    border-radius:0!important;
    filter:none!important;
}
body.template-home .hero-section-fullscreen .feature-card-horizontal:hover .feature-icon-container,
body.template-home .hero-section-fullscreen .feature-card-horizontal:focus-within .feature-icon-container{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    transform:none!important;
    border-radius:0!important;
    filter:none!important;
}
body.template-home .hero-section-fullscreen .feature-card-horizontal .feature-icon,
body.template-home .hero-section-fullscreen .feature-card-horizontal:hover .feature-icon{
    filter:none!important;
    transform:none!important;
}


/* V23.4 reviews + FAQ scale refinement */
body.template-home #gxd-customer-reviews.gxd-reviews-v23{
    max-width:1380px!important;
    margin:46px auto 64px!important;
    padding:0 34px!important;
}
body.template-home #gxd-customer-reviews .gxd-reviews-head-v23{
    margin-bottom:28px!important;
    gap:28px!important;
}
body.template-home #gxd-customer-reviews .section-title{
    font-size:clamp(2.35rem,2.08rem + .82vw,3.2rem)!important;
}
body.template-home #gxd-customer-reviews .gxd-reviews-hub__intro{
    font-size:1rem!important;
    line-height:1.72!important;
    max-width:760px!important;
}
body.template-home #gxd-customer-reviews .reviews-grid{
    gap:22px!important;
}
body.template-home #gxd-customer-reviews .review-card{
    padding:26px!important;
    border-radius:24px!important;
    min-height:330px!important;
}
body.template-home #gxd-customer-reviews .avatar{
    width:66px!important;
    height:66px!important;
    flex:0 0 66px!important;
}
body.template-home #gxd-customer-reviews .reviewer-name{
    font-size:1.14rem!important;
}
body.template-home #gxd-customer-reviews .review-content{
    gap:0 22px!important;
}
body.template-home #gxd-customer-reviews .review-content p{
    font-size:.96rem!important;
    line-height:1.7!important;
    padding:14px 0!important;
}
body.template-home #gxd-customer-reviews .review-content p strong{
    font-size:.76rem!important;
    margin-bottom:7px!important;
}
body.template-home #gxd-customer-reviews .verified-badge{
    min-height:38px!important;
    padding:9px 14px!important;
    font-size:.8rem!important;
}
body.template-home #gxd-customer-reviews .gxd-reviews-open-btn,
body.template-home #gxd-customer-reviews .gxd-reviews-discord-link{
    min-height:48px!important;
    padding:0 18px!important;
    font-size:.82rem!important;
}
body.template-home #gxd-faq{
    padding-top:62px!important;
    padding-bottom:72px!important;
}
body.template-home #gxd-faq > div{
    max-width:1040px!important;
    padding-left:28px!important;
    padding-right:28px!important;
}
body.template-home #gxd-faq-heading{
    font-size:clamp(2.2rem,2rem + .7vw,3rem)!important;
    margin-bottom:.8rem!important;
}
body.template-home #gxd-faq > div > p{
    font-size:1.12rem!important;
    line-height:1.7!important;
    margin-bottom:2rem!important;
}
body.template-home #gxd-faq details{
    border-radius:16px!important;
}
body.template-home #gxd-faq summary{
    padding:1.3rem 1.6rem!important;
    font-size:1.14rem!important;
    line-height:1.45!important;
}
body.template-home #gxd-faq summary > span:last-child{
    font-size:1.35rem!important;
}
body.template-home #gxd-faq details > div{
    padding:0 1.6rem 1.35rem!important;
}
body.template-home #gxd-faq details p{
    font-size:1rem!important;
    line-height:1.76!important;
}
@media(max-width:920px){
    body.template-home #gxd-customer-reviews.gxd-reviews-v23{
        padding:0 22px!important;
    }
    body.template-home #gxd-customer-reviews .review-card{
        min-height:0!important;
    }
    body.template-home #gxd-faq > div{
        max-width:100%!important;
        padding-left:20px!important;
        padding-right:20px!important;
    }
}
@media(max-width:640px){
    body.template-home #gxd-customer-reviews .section-title{
        font-size:2rem!important;
    }
    body.template-home #gxd-customer-reviews .gxd-reviews-hub__intro{
        font-size:.98rem!important;
    }
    body.template-home #gxd-faq-heading{
        font-size:1.8rem!important;
    }
    body.template-home #gxd-faq > div > p,
    body.template-home #gxd-faq details p,
    body.template-home #gxd-faq summary{
        font-size:1rem!important;
    }
}


/* V24.2.2 hero type refinement */
body.template-home .hero-section-fullscreen .welcome-text{font-family:var(--gxd-display-font,'Orbitron',sans-serif)!important;text-wrap:balance!important;}
body.template-home .hero-section-fullscreen .stat-text,
body.template-home .hero-section-fullscreen .feature-card-title,
body.template-home .hero-section-fullscreen .features-cta>a,
body.template-home .hero-section-fullscreen .feature-tag{font-family:var(--gxd-display-font,'Orbitron',sans-serif)!important;}


/* V24.2.3 — homepage featured cards and scale polish */
body.template-home #featured-packages-module .gxd-fd-name{font-size:1.03rem!important;}
body.template-home #featured-packages-module .gxd-fd-collection-copy{font-size:.85rem!important;line-height:1.5!important;}
body.template-home #featured-packages-module .gxd-fd-atc{
  min-height:46px!important;
  border-radius:14px!important;
  font-size:.78rem!important;
  font-weight:760!important;
  letter-spacing:.025em!important;
}
body.template-home #featured-packages-module .gxd-fd-card{
  box-shadow:0 20px 40px rgba(0,0,0,.28)!important;
}
body.template-home #gxd-home-recent-payments .payment-card,
body.template-home #gxd-home-reviews .review-card,
body.template-home #gxd-home-faq .faq-item{
  box-shadow:0 18px 36px rgba(0,0,0,.18)!important;
}