/* Landing-specific premium override
   Palette:
     Gold:  #fec615 #fed144 #fedd73 #ffe8a1 #fff4d0
     Earth: #f9dd90 #f2cc87 #ebba7d #e3a974 #dc976a
     Bg:    #000000 #303030 #5c5c5c
*/

body.landing-premium {
    background:
        radial-gradient(1200px 700px at 15% -20%, rgba(254, 198, 21, 0.10), transparent 52%),
        radial-gradient(980px 620px at 85% -10%, rgba(92, 92, 92, 0.14), transparent 50%),
        #000000 !important;
}

body.landing-premium .nav-blur {
    background: rgba(0, 0, 0, 0.82) !important;
    border-bottom-color: rgba(92, 92, 92, 0.25) !important;
    backdrop-filter: blur(16px) saturate(1.1) !important;
}

body.landing-premium .nav-blur.shadow-lg {
    background: rgba(0, 0, 0, 0.94) !important;
}

body.landing-premium .gradient-text-premium,
body.landing-premium .glass-text,
body.landing-premium .gradient-text-perfect,
body.landing-premium .heading-gradient {
    background: linear-gradient(120deg, #fff4d0 0%, #fec615 45%, #dc976a 100%) !important;
    background-size: 220% 220% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    filter: drop-shadow(0 0 12px rgba(254, 198, 21, 0.20)) !important;
    animation: cmGradientHero 5.5s ease-in-out infinite !important;
}

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

body.landing-premium .btn-primary,
body.landing-premium .btn-premium,
body.landing-premium .btn-glow-perfect {
    background: linear-gradient(135deg, #fec615, #dc976a) !important;
    color: #000000 !important;
    border-color: rgba(254, 198, 21, 0.45) !important;
    box-shadow: 0 8px 28px rgba(254, 198, 21, 0.22) !important;
}

body.landing-premium .btn-secondary {
    background: linear-gradient(135deg, rgba(92, 92, 92, 0.50), rgba(48, 48, 48, 0.60)) !important;
    color: #fff4d0 !important;
    border-color: rgba(254, 198, 21, 0.30) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
    backdrop-filter: blur(12px) !important;
}

body.landing-premium .btn-secondary-cta {
    background: linear-gradient(135deg, rgba(254, 198, 21, 0.15), rgba(92, 92, 92, 0.20)) !important;
    color: #fff4d0 !important;
    border: 1px solid rgba(254, 198, 21, 0.35) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.30) !important;
    backdrop-filter: blur(10px) !important;
}

body.landing-premium .btn-secondary-cta:hover {
    background: linear-gradient(135deg, rgba(254, 198, 21, 0.25), rgba(92, 92, 92, 0.30)) !important;
    transform: translateY(-1px);
    box-shadow: 0 14px 34px rgba(254, 198, 21, 0.18) !important;
}

body.landing-premium .mobile-nav-link:hover,
body.landing-premium .mobile-nav-link.active {
    border-left-color: #fec615 !important;
}

/* ── Glass cards – graphite frosted glass ── */
body.landing-premium .glass-card,
body.landing-premium .liquid-glass,
body.landing-premium .premium-glass,
body.landing-premium .glass-real {
    background:
        linear-gradient(135deg,
            rgba(92, 92, 92, 0.38) 0%,
            rgba(48, 48, 48, 0.50) 100%) !important;
    backdrop-filter: blur(20px) saturate(1.15) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.15) !important;
    border-color: rgba(255, 255, 255, 0.07) !important;
    box-shadow:
        0 14px 42px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

body.landing-premium .glass-card:hover,
body.landing-premium .liquid-glass:hover,
body.landing-premium .premium-glass:hover {
    border-color: rgba(254, 198, 21, 0.25) !important;
    box-shadow:
        0 22px 56px rgba(0, 0, 0, 0.50),
        0 0 26px rgba(254, 198, 21, 0.12) !important;
}

body.landing-premium .text-blue-premium,
body.landing-premium .text-purple-premium,
body.landing-premium .text-cyan-premium,
body.landing-premium .text-pink-premium,
body.landing-premium .icon-glow-blue,
body.landing-premium .icon-glow-purple,
body.landing-premium .icon-glow-cyan,
body.landing-premium .icon-glow-pink {
    color: #fec615 !important;
    text-shadow: 0 0 18px rgba(254, 198, 21, 0.22) !important;
    filter: drop-shadow(0 0 10px rgba(254, 198, 21, 0.30)) !important;
}

body.landing-premium .number-badge.blue,
body.landing-premium .number-badge.purple,
body.landing-premium .number-badge.cyan,
body.landing-premium .number-badge.pink,
body.landing-premium .number-badge.green,
body.landing-premium .number-badge.amber {
    background: linear-gradient(135deg, #fec615, #dc976a) !important;
    color: #000000 !important;
    box-shadow:
        0 6px 22px rgba(254, 198, 21, 0.28),
        0 0 30px rgba(220, 151, 106, 0.18) !important;
}

body.landing-premium .section-header-premium::after,
body.landing-premium .border-animated::before,
body.landing-premium .border-gradient-perfect::before {
    background: linear-gradient(90deg, #fec615, #dc976a, #fec615) !important;
}

body.landing-premium .badge-premium {
    background: linear-gradient(135deg, rgba(254, 198, 21, 0.14), rgba(92, 92, 92, 0.18)) !important;
    border-color: rgba(254, 198, 21, 0.28) !important;
    color: #fff4d0 !important;
}

/* Hero gradient animated title */
body.landing-premium .hero-gradient-title {
    background: linear-gradient(120deg, #fec615 0%, #fff4d0 25%, #f9dd90 50%, #dc976a 75%, #fec615 100%) !important;
    background-size: 300% 300% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    animation: heroTitleGradient 5s ease-in-out infinite !important;
}

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

body.landing-premium .gradient-text-animated {
    background: linear-gradient(120deg, #fec615 0%, #f9dd90 25%, #dc976a 50%, #fff4d0 75%, #fec615 100%) !important;
    background-size: 300% 300% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    animation: heroGradientShift 4s ease-in-out infinite !important;
    display: inline;
}

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

/* Stat cards overflow fix */
body.landing-premium .group.cursor-default p {
    word-break: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
}

/* ── Fix dark-on-dark text readability ── */
body.landing-premium .text-slate-400,
body.landing-premium .text-slate-500,
body.landing-premium .text-gray-400,
body.landing-premium .text-gray-500 {
    color: #ffe8a1 !important;
}

body.landing-premium .text-slate-300,
body.landing-premium .text-gray-300 {
    color: #fff4d0 !important;
}

body.landing-premium .text-amber-300 {
    color: #fedd73 !important;
}

body.landing-premium .text-slate-200 {
    color: #fff4d0 !important;
}

body.landing-premium .text-white {
    color: #fff4d0 !important;
}

/* Service card and CALLAII section text */
body.landing-premium .text-xs.text-slate-400,
body.landing-premium .text-xs.text-slate-500,
body.landing-premium .text-sm.text-slate-400 {
    color: #fedd73 !important;
}

/* Stats box labels */
body.landing-premium .group p.text-xs {
    color: #f9dd90 !important;
}
