/**
 * mozagon — Luxury neon accents (turquoise + purple)
 * Restrained iridescent hairlines, soft glows, jewel-tone ambience.
 * Loaded after premium-luxury.css — complements, never overwhelms.
 */

/* —— Ambient depth —— */
html:not(.theme-light) body.corporate-ui {
    background:
        radial-gradient(ellipse 85% 52% at 50% -10%, rgba(124, 58, 237, 0.11), transparent 58%),
        radial-gradient(ellipse 48% 38% at 100% 38%, rgba(8, 145, 178, 0.07), transparent 54%),
        radial-gradient(ellipse 42% 34% at 0% 62%, rgba(109, 40, 217, 0.06), transparent 52%),
        #030308;
}

body.corporate-ui .floating-orb.orb-cyan {
    opacity: 0.13 !important;
    filter: blur(72px) saturate(1.08) !important;
    background: radial-gradient(circle, rgba(8, 145, 178, 0.38) 0%, rgba(103, 232, 249, 0.08) 42%, transparent 72%) !important;
}

body.corporate-ui .floating-orb.orb-purple {
    opacity: 0.11 !important;
    filter: blur(72px) saturate(1.08) !important;
    background: radial-gradient(circle, rgba(124, 58, 237, 0.36) 0%, rgba(167, 139, 250, 0.06) 44%, transparent 72%) !important;
}

body.corporate-ui .aurora-bg {
    opacity: 0.28 !important;
    filter: blur(64px) saturate(1.12) !important;
    background:
        radial-gradient(ellipse 52% 40% at 12% 14%, rgba(124, 58, 237, 0.09), transparent 62%),
        radial-gradient(ellipse 48% 38% at 88% 18%, rgba(8, 145, 178, 0.08), transparent 58%),
        radial-gradient(ellipse 60% 34% at 50% 0%, rgba(103, 232, 249, 0.05), transparent 68%) !important;
}

body.corporate-ui .ambient-spotlight {
    opacity: 0.38 !important;
    background:
        radial-gradient(ellipse 52% 40% at 28% 16%, rgba(8, 145, 178, 0.07), transparent 52%),
        radial-gradient(ellipse 48% 36% at 74% 20%, rgba(124, 58, 237, 0.06), transparent 50%) !important;
}

body.corporate-ui .parallax-halo {
    opacity: 0.34 !important;
    background:
        radial-gradient(ellipse 70% 50% at 50% 0%, rgba(124, 58, 237, 0.06), transparent 62%),
        radial-gradient(ellipse 55% 40% at 80% 30%, rgba(8, 145, 178, 0.05), transparent 58%) !important;
}

/* —— Navigation accents (desktop only — layout in nav-restore.css) —— */
@media (min-width: 1024px) {
    body.corporate-ui .advanced-nav {
        border-bottom-color: rgba(124, 58, 237, 0.12) !important;
        box-shadow:
            0 1px 0 rgba(103, 232, 249, 0.06),
            0 8px 28px rgba(2, 6, 23, 0.18) !important;
    }

    body.corporate-ui .advanced-nav::after {
        content: "";
        position: absolute;
        left: 8%;
        right: 8%;
        bottom: 0;
        height: 1px;
        background: var(--lux-neon-line);
        opacity: 0.72;
        pointer-events: none;
    }

    body.corporate-ui .nav-link:hover {
        border-color: rgba(124, 58, 237, 0.22) !important;
        box-shadow: 0 0 18px rgba(8, 145, 178, 0.06);
    }

    body.corporate-ui .nav-link.is-active {
        border-color: rgba(124, 58, 237, 0.38) !important;
        background: linear-gradient(
            145deg,
            rgba(124, 58, 237, 0.16),
            rgba(8, 145, 178, 0.1)
        ) !important;
    }

    body.corporate-ui .nav-chip--cta {
        border-color: rgba(167, 139, 250, 0.32) !important;
        background: linear-gradient(
            135deg,
            rgba(124, 58, 237, 0.22) 0%,
            rgba(8, 145, 178, 0.14) 100%
        ) !important;
        box-shadow:
            0 8px 22px rgba(46, 16, 101, 0.22),
            var(--lux-neon-glow-dual) !important;
    }

    html.theme-light body.corporate-ui .advanced-nav::after {
        opacity: 0.55;
    }
}

/* —— Eyebrows & micro labels —— */
body.corporate-ui .hero-eyebrow,
body.corporate-ui .motion-strip-premium__eyebrow,
body.corporate-ui .company-intro-eyebrow,
body.corporate-ui .footer-cta-eyebrow,
body.corporate-ui .text-soweda-cyan {
    background: var(--lux-neon-eyebrow) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
}

body.corporate-ui .hero-eyebrow-line,
body.corporate-ui .motion-strip-premium__rule {
    background: var(--lux-neon-line) !important;
    opacity: 0.85;
}

body.corporate-ui .hero-eyebrow-line {
    height: 1px !important;
    box-shadow: 0 0 12px rgba(103, 232, 249, 0.22);
}

/* —— Headlines & accent words —— */
body.corporate-ui .gradient-heading:not(.cyber-panel-title) {
    filter: drop-shadow(0 0 18px rgba(124, 58, 237, 0.08));
}

body.corporate-ui .hero-word-accent {
    filter: drop-shadow(0 0 14px rgba(103, 232, 249, 0.18));
}

body.corporate-ui .hero-lead .hero-word-accent {
    filter: none !important;
}

/* —— Surfaces —— */
body.corporate-ui .glass-panel:not(.cyber-card-item),
body.corporate-ui .interactive-card:not(.cyber-card-item),
body.corporate-ui .section-surface:not(.cyber-panel) {
    border-color: rgba(124, 58, 237, 0.14) !important;
    box-shadow:
        var(--lux-shadow-card),
        var(--lux-neon-card-rim),
        var(--lux-neon-glow-dual) !important;
}

body.corporate-ui .glass-panel:not(.cyber-card-item):hover,
body.corporate-ui .interactive-card:not(.cyber-card-item):hover {
    border-color: rgba(103, 232, 249, 0.22) !important;
    box-shadow:
        var(--lux-shadow-soft),
        inset 0 1px 0 rgba(167, 139, 250, 0.24),
        0 0 36px rgba(124, 58, 237, 0.1),
        0 0 48px rgba(8, 145, 178, 0.07) !important;
}

body.corporate-ui .section-surface:not(.cyber-panel)::after {
    border-color: rgba(124, 58, 237, 0.1) !important;
    box-shadow:
        inset 0 1px 0 rgba(167, 139, 250, 0.12),
        inset 0 0 24px rgba(8, 145, 178, 0.04) !important;
}

body.corporate-ui .icon-badge {
    border-color: rgba(103, 232, 249, 0.2) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 0 16px rgba(8, 145, 178, 0.08) !important;
}

/* —— CTAs —— */
body.corporate-ui .hero-cta-primary,
body.corporate-ui .company-intro-btn--primary,
body.corporate-ui .footer-hero-cta {
    border-color: rgba(167, 139, 250, 0.34) !important;
    box-shadow:
        0 12px 32px rgba(46, 16, 101, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        var(--lux-neon-glow-dual) !important;
}

body.corporate-ui .hero-cta-primary:hover,
body.corporate-ui .company-intro-btn--primary:hover,
body.corporate-ui .footer-hero-cta:hover {
    box-shadow:
        0 16px 36px rgba(46, 16, 101, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 0 32px rgba(124, 58, 237, 0.14),
        0 0 44px rgba(8, 145, 178, 0.1) !important;
}

body.corporate-ui .hero-cta-ghost:hover {
    border-color: rgba(103, 232, 249, 0.28) !important;
    box-shadow: 0 0 24px rgba(8, 145, 178, 0.08) !important;
}

/* —— Motion strip —— */
body.corporate-ui .motion-strip-shell--premium {
    border-color: rgba(124, 58, 237, 0.16) !important;
    box-shadow:
        var(--lux-shadow-card),
        0 0 40px rgba(8, 145, 178, 0.06),
        inset 0 1px 0 rgba(167, 139, 250, 0.1) !important;
}

body.corporate-ui .motion-strip-shell--premium::before {
    background: var(--lux-neon-rim) !important;
}

body.corporate-ui .motion-strip-chip__dot {
    box-shadow:
        0 0 10px rgba(124, 58, 237, 0.35),
        0 0 16px rgba(8, 145, 178, 0.22) !important;
    opacity: 1 !important;
}

body.corporate-ui .motion-strip-fade--left {
    background: linear-gradient(90deg, rgba(6, 8, 14, 0.98) 0%, transparent 100%) !important;
}

body.corporate-ui .motion-strip-fade--right {
    background: linear-gradient(270deg, rgba(6, 8, 14, 0.98) 0%, transparent 100%) !important;
}

/* —— Problem stack —— */
html:not(.theme-light) body.corporate-ui .problem-stack-card {
    border-color: rgba(124, 58, 237, 0.2) !important;
    box-shadow:
        0 20px 48px rgba(2, 6, 23, 0.48),
        0 6px 16px rgba(2, 6, 23, 0.28),
        inset 0 1px 0 rgba(167, 139, 250, 0.14),
        0 0 32px rgba(8, 145, 178, 0.06) !important;
}

/* —— Footer —— */
body.corporate-ui .advanced-footer::before {
    background: var(--lux-neon-line) !important;
    opacity: 0.75 !important;
    box-shadow: 0 0 16px rgba(103, 232, 249, 0.12);
}

/* —— Light theme: iridescent, not neon-bright —— */
html.theme-light body.corporate-ui {
    background:
        radial-gradient(ellipse 82% 48% at 50% -6%, rgba(224, 242, 254, 0.72), transparent 58%),
        radial-gradient(circle at 8% 20%, rgba(124, 58, 237, 0.04), transparent 36%),
        radial-gradient(circle at 92% 24%, rgba(8, 145, 178, 0.05), transparent 34%),
        #f6f8fc !important;
}

html.theme-light body.corporate-ui .aurora-bg {
    opacity: 0.42 !important;
    background:
        radial-gradient(ellipse 58% 44% at 14% 10%, rgba(8, 145, 178, 0.09), transparent 62%),
        radial-gradient(ellipse 52% 40% at 86% 14%, rgba(124, 58, 237, 0.08), transparent 58%),
        radial-gradient(ellipse 70% 36% at 50% 0%, rgba(224, 242, 254, 0.48), transparent 68%) !important;
}

html.theme-light body.corporate-ui .ambient-spotlight {
    opacity: 0.22 !important;
    background:
        radial-gradient(ellipse 55% 42% at 28% 16%, rgba(8, 145, 178, 0.07), transparent 52%),
        radial-gradient(ellipse 50% 38% at 74% 18%, rgba(124, 58, 237, 0.06), transparent 50%) !important;
}

html.theme-light body.corporate-ui .glass-panel:not(.cyber-card-item),
html.theme-light body.corporate-ui .interactive-card:not(.cyber-card-item) {
    border-color: rgba(8, 145, 178, 0.16) !important;
    box-shadow:
        0 18px 44px rgba(15, 23, 42, 0.07),
        var(--lux-neon-card-rim),
        var(--lux-neon-glow-dual),
        inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}

html.theme-light body.corporate-ui .problem-stack-section {
    border-color: rgba(124, 58, 237, 0.12) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 10px 36px rgba(15, 23, 42, 0.07),
        0 0 48px rgba(8, 145, 178, 0.04) !important;
}

html.theme-light body.corporate-ui .problem-stack-card {
    border-color: rgba(8, 145, 178, 0.3) !important;
    box-shadow:
        0 26px 56px rgba(15, 23, 42, 0.17),
        0 10px 24px rgba(15, 23, 42, 0.09),
        var(--lux-neon-card-rim),
        0 0 32px rgba(124, 58, 237, 0.05) !important;
}

html.theme-light body.corporate-ui .motion-strip-shell--premium {
    border-color: rgba(124, 58, 237, 0.12) !important;
    box-shadow:
        0 12px 36px rgba(15, 23, 42, 0.06),
        var(--lux-neon-glow-dual),
        inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

html.theme-light body.corporate-ui .motion-strip-fade--left {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.98) 0%, transparent 100%) !important;
}

html.theme-light body.corporate-ui .motion-strip-fade--right {
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.98) 0%, transparent 100%) !important;
}

html.theme-light body.corporate-ui .gradient-heading:not(.cyber-panel-title) {
    filter: drop-shadow(0 0 12px rgba(124, 58, 237, 0.06));
}

html.theme-light body.corporate-ui .hero-word-accent {
    filter: drop-shadow(0 0 8px rgba(8, 145, 178, 0.12));
}

body.corporate-ui .company-intro-title__main .hero-word-accent {
    filter: none !important;
}

@media (prefers-reduced-motion: reduce) {
    body.corporate-ui .gradient-heading:not(.cyber-panel-title),
    body.corporate-ui .hero-word-accent {
        filter: none;
    }
}