@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
*{font-family: "Barlow", sans-serif;}
h1,h2,h3,h4,h5,h6,h7{font-family: "Barlow Condensed", sans-serif;}
/* Smooth Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #070B19;
}
::-webkit-scrollbar-thumb {
    background: #1E2C4F;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #C5A880;
}
.max-w-7xl{max-width: 90rem !important;}
#main-nav.scrolled{background: #070B19;}
#main-nav .logo img:nth-child(2){opacity: 0;}
#main-nav.scrolled .logo img:nth-child(1){opacity: 0;}
#main-nav.scrolled .logo img:nth-child(2){opacity: 1;}
section{overflow: hidden;}
.bg-gold-300{background:#B89228}
.js-hidden { opacity: 0; transform: translateY(30px); }
.tab-active { color: white !important; border-bottom: 2px solid #ca8a04 !important; }
.feature-card:hover { border-left-color: white !important; background: #1e293b; }
.content-container { opacity: 1; }
.carousel-slide>div{background: linear-gradient(180deg, rgba(12, 30, 53, 0.9) 0%, rgba(12, 30, 53, 0.6) 50%, rgba(12, 30, 53, 0.1) 100%);}
        .workflow-card { transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
        .workflow-card:hover { border-color: #ca8a04; background-color: #1e293b; transform: translateY(-10px); }
        .active-card { border-color: #ca8a04 !important; background-color: #1e293b !important; }
        .active-card .text-slate-700,.workflow-card:hover .text-slate-700{color: #cca25d;}
        .js-reveal1 { opacity: 0; transform: translateY(30px); }
        .workflow-card { 
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            will-change: transform, border-color, background-color;
        }
        /* 鼠标悬停的高级反馈 */
        .workflow-card:hover { 
            border-color: #ca8a04; 
            background-color: #1e293b; 
            transform: translateY(-15px) scale(1.02);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 8px 10px -6px rgba(0, 0, 0, 0.3);
        }
        .active-card { 
            border-color: #ca8a04 !important; 
            background-color: #1e293b !important; 
            transform: scale(1.05);
        }
        
/* Prevent GSAP FOUC & Stuttering (CRITICAL FIX) */
.js-enabled .gsap-reveal {
    opacity: 0;
    will-change: transform, opacity;
    transform: translate3d(0, 50px, 0); /* Forces GPU hardware acceleration and prepares dramatic entrance */
}

/* Tooling steel sheen overlay effect */
.steel-sheen {
    position: relative;
    overflow: hidden;
}
.steel-sheen::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0) 50%, rgba(0,0,0,0.1) 100%);
    pointer-events: none;
}

/* Gold Ring Pulse Glow */
@keyframes gold-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(197, 168, 128, 0.4); }
    50% { box-shadow: 0 0 20px 6px rgba(197, 168, 128, 0.15); }
}
.pulse-gold {
    animation: gold-pulse 3s infinite;
}

/* Card Hover Effects (Do not conflict with GSAP transforms) */
.premium-hover-card {
    transition: border-color 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}
.premium-hover-card:hover {
    border-color: rgba(197, 168, 128, 0.4) !important;
    box-shadow: 0 15px 30px rgba(0,0,0,0.3);
}

footer li{line-height: 2;}
.footer h4{letter-spacing: .2em;}

.banner-control{left: 50%;transform:translate(-50%, 0)}



@media (max-width:64rem) {
.carousel-slide img{height: 100%;object-fit: cover;}
.banner-control{left: 50%;transform:translate(-50%, -100%)}

}