/* Premium Global Overrides */

/* 1. Floating Pill Navbar */
.premium-nav {
    position: fixed;
    top: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 3rem);
    max-width: 1200px;
    height: 70px;
    background: rgba(7, 24, 13, 0.4);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 100px;
    z-index: 1000;
    transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
    box-shadow: 0 20px 40px -10px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.1);
}

.premium-nav.scrolled {
    top: 0.5rem;
    height: 60px;
    background: rgba(7, 24, 13, 0.85);
    border-radius: 100px;
}

.nav-container-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2rem;
    height: 100%;
}

@media (max-width: 768px) {
    .premium-nav { width: 100%; top: 0; border-radius: 0; height: 60px; }
    .nav-container-inner { padding: 0 1rem; }
}

/* 2. Sleek Monochrome Logos (Remove ugly white boxes and shadows) */
.marquee-group .logo-card {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    filter: grayscale(100%) opacity(0.5);
    transition: all 0.4s ease;
    padding: 0 !important;
    transform: scale(0.9);
}

.marquee-group .logo-card:hover {
    filter: grayscale(0%) opacity(1) drop-shadow(0 0 15px rgba(10, 124, 73, 0.4));
    transform: scale(1.05);
}

.marquee-container-light {
    background: transparent !important;
    border: none !important;
}

/* 3. True Potential Buttons */
.btn-pill {
    border-radius: 100px !important;
    padding: 0.75rem 2rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px;
}

.btn-cta {
    background: linear-gradient(135deg, #033f23, #06993b, #1db864) !important;
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 10px 20px -5px rgba(10, 124, 73, 0.5) !important;
    border: none !important;
}

.btn-cta:hover {
    background: linear-gradient(135deg, #022e19, #086b3e, #0ea959) !important;
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.4), 0 15px 25px -5px rgba(10, 124, 73, 0.7) !important;
}

/* Base Typo Upscale */
h1, h2, h3, .title-lg {
    letter-spacing: -0.02em;
}

.gradient-text {
    background: linear-gradient(135deg, #1a6e3c, #06993b, #52e09c, #06993b, #1a6e3c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    background-size: 300% 100%;
    display: inline-block;
}