body { background-color: #f8fafc; }

/* Glassmorphism Classes */
.glass-nav { background: rgba(10, 17, 40, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-bottom: 1px solid rgba(212, 175, 55, 0.15); }
.glass-card-dark { background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(16px); border: 1px solid rgba(212, 175, 55, 0.2); }
.glass-card-light { background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); border: 1px solid rgba(212, 175, 55, 0.4); box-shadow: 0 10px 40px rgba(0,0,0,0.05); }

/* Shiny Gold Gradients */
.text-gradient { background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(135deg, #F3E5AB, #D4AF37, #AA8222); background-size: 200% auto; animation: textShine 4s linear infinite; }
.bg-gradient-primary { background: linear-gradient(135deg, #F3E5AB 0%, #D4AF37 50%, #AA8222 100%); }
@keyframes textShine { to { background-position: 200% center; } }

/* Slider */
.slider-overlay { background: linear-gradient(to right, rgba(10,17,40,0.95) 0%, rgba(10,17,40,0.7) 50%, rgba(10,17,40,0.8) 100%); }
.slide { transition: opacity 1.2s ease-in-out, transform 8s ease-out; opacity: 0; z-index: 0; transform: scale(1.1); }
.slide.active { opacity: 1; z-index: 10; transform: scale(1); }

/* Interactions & Utilities */
.reveal { opacity: 0; transform: translateY(40px); transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); }
.reveal.active { opacity: 1; transform: translateY(0); }

/* Modern Ultra-Clean Corporate Card System */
.corporate-card {
    background-color: #ffffff;
    border-radius: 1.25rem;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 18px rgba(10, 17, 40, 0.04);
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), 
                box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1), 
                border-color 0.35s ease;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}
.corporate-card:hover {
    transform: translateY(-6px);
    border-color: #cbd5e1;
    box-shadow: 0 20px 35px -8px rgba(10, 17, 40, 0.12), 0 0 0 1px rgba(212, 175, 55, 0.25);
}
.corporate-card-media {
    position: relative;
    height: 13.5rem;
    overflow: hidden;
    background-color: #0A1128;
}
.corporate-card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.corporate-card:hover .corporate-card-media img {
    transform: scale(1.06);
}
.corporate-card-badge {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 20;
    padding: 0.35rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: rgba(10, 17, 40, 0.85);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: #D4AF37;
    border: 1px solid rgba(212, 175, 55, 0.3);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}


.marquee-wrapper { overflow: hidden; white-space: nowrap; position: relative; }
.marquee-wrapper::before, .marquee-wrapper::after { content: ''; position: absolute; top: 0; width: 15%; height: 100%; z-index: 2; }
.marquee-wrapper::before { left: 0; background: linear-gradient(to right, #D4AF37, transparent); }
.marquee-wrapper::after { right: 0; background: linear-gradient(to left, #D4AF37, transparent); }

.faq-answer { transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease, padding 0.4s ease; max-height: 0; opacity: 0; overflow: hidden; padding-top: 0; padding-bottom: 0; }
.faq-answer.open { max-height: 500px; opacity: 1; padding-top: 1.5rem; padding-bottom: 1.5rem; }
.faq-icon { transition: transform 0.4s ease; }
.faq-icon.open { transform: rotate(180deg); }

.fab-container { transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease; }
.fab-container:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(212,175,55,0.3); }

/* Smoothed Testimonial Slider Fade Transitions */
.testimonial-slide { 
    position: absolute; 
    inset: 0; 
    width: 100%; 
    opacity: 0; 
    transition: opacity 0.8s ease-in-out; 
    pointer-events: none; 
    z-index: 0; 
}
.testimonial-slide.active { 
    opacity: 1; 
    pointer-events: auto; 
    z-index: 10; 
}

/* 2026 Trending UI/UX Enhancements */
.modern-grid-bg {
    background-size: 40px 40px;
    background-image: 
        linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
}
.modern-grid-bg-light {
    background-size: 32px 32px;
    background-image: 
        linear-gradient(to right, rgba(10, 17, 40, 0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(10, 17, 40, 0.03) 1px, transparent 1px);
}
.bento-stat-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 1.25rem;
    padding: 1.5rem;
    box-shadow: 0 4px 20px rgba(10, 17, 40, 0.03);
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
    overflow: hidden;
}
.bento-stat-card:hover {
    transform: translateY(-4px);
    border-color: #cbd5e1;
    box-shadow: 0 16px 32px -8px rgba(10, 17, 40, 0.08), 0 0 0 1px rgba(212, 175, 55, 0.2);
}
.bento-dark-card {
    background: radial-gradient(circle at 100% 0%, rgba(212, 175, 55, 0.08) 0%, rgba(10, 17, 40, 0.95) 70%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.5rem;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}
.feature-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 700;
    transition: all 0.25s ease;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: #f8fafc !important;
    backdrop-filter: blur(8px);
    text-decoration: none !important;
}
.feature-chip:hover {
    background: rgba(212, 175, 55, 0.2) !important;
    border-color: rgba(212, 175, 55, 0.6) !important;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.25);
}
.hero-glow-sphere {
    position: absolute;
    border-radius: 9999px;
    pointer-events: none;
    filter: blur(100px);
}

/* 2026 Executive Typography & Anti-Fat Design System */
.font-black {
    font-weight: 700 !important;
}
.font-extrabold {
    font-weight: 600 !important;
}

h1, h2, h3, h4, h5, h6 {
    letter-spacing: -0.025em;
}

h1 {
    font-weight: 700 !important;
}

h2 {
    font-weight: 700 !important;
}

h3 {
    font-weight: 600 !important;
}

h4, h5, h6 {
    font-weight: 600 !important;
}

.font-display {
    letter-spacing: -0.02em;
}

/* Tame oversized/fat heading scales universally across all pages */
@media (min-width: 1024px) {
    .text-7xl {
        font-size: 3.25rem !important;
        line-height: 1.15 !important;
    }
    .text-6xl {
        font-size: 2.75rem !important;
        line-height: 1.18 !important;
    }
    .text-5xl {
        font-size: 2.25rem !important;
        line-height: 1.22 !important;
    }
    .text-4xl {
        font-size: 1.85rem !important;
        line-height: 1.25 !important;
    }
}

@media (max-width: 1023px) {
    .text-7xl, .text-6xl {
        font-size: 2.15rem !important;
        line-height: 1.2 !important;
    }
    .text-5xl {
        font-size: 1.85rem !important;
        line-height: 1.22 !important;
    }
    .text-4xl {
        font-size: 1.55rem !important;
        line-height: 1.26 !important;
    }
}

/* Card Titles & Buttons Refinement */
.corporate-card h3 {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.015em !important;
}

a.font-black, button.font-black {
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
}

.tracking-widest {
    letter-spacing: 0.06em !important;
}

.faq-btn span {
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
}