/* ==========================================================================
   SUPER WOW CYBER-OBSIDIAN BLACK & 7-COLOR RAINBOW NEON
   Obsidian Dark Void Matrix · 7-Color Rainbow Neon Spectrum · Laser Glows
   Ultra-High Contrast (#ffffff / #cbd5e1 on #030712) · 3D Prismatic Halos
   ========================================================================== */

:root {
    /* --- The 7 Rainbow Neon Spectrum Colors (Laser Vibrancy & Saturation) --- */
    --neon-red: #ff0055;
    --neon-red-glow: rgba(255, 0, 85, 0.60);
    
    --neon-orange: #ff6600;
    --neon-orange-glow: rgba(255, 102, 0, 0.60);
    
    --neon-yellow: #ffd700;
    --neon-yellow-glow: rgba(255, 215, 0, 0.60);
    
    --neon-green: #00ff88;
    --neon-green-glow: rgba(0, 255, 136, 0.60);
    
    --neon-cyan: #00f0ff;
    --neon-cyan-glow: rgba(0, 240, 255, 0.60);
    
    --neon-purple: #8b00ff;
    --neon-purple-glow: rgba(139, 0, 255, 0.60);
    
    --neon-magenta: #ff00b4;
    --neon-magenta-glow: rgba(255, 0, 180, 0.60);

    /* --- Prismatic Rainbow Flow Gradients --- */
    --rainbow-gradient: linear-gradient(135deg, #ff0055, #ff6600, #ffd700, #00ff88, #00f0ff, #8b00ff, #ff00b4);
    --rainbow-gradient-h: linear-gradient(90deg, #ff0055, #ff6600, #ffd700, #00ff88, #00f0ff, #8b00ff, #ff00b4, #ff0055);
    --rainbow-glow-conic: conic-gradient(from 0deg, #ff0055, #ff6600, #ffd700, #00ff88, #00f0ff, #8b00ff, #ff00b4, #ff0055);

    /* --- Deep Cyber-Black & Obsidian Foundations --- */
    --cyber-bg-space: #030712;
    --cyber-card-bg: rgba(11, 15, 25, 0.88);
    --cyber-card-bg-hover: rgba(17, 24, 39, 0.95);
    --cyber-border-subtle: rgba(255, 255, 255, 0.12);
    --cyber-border-prismatic: rgba(0, 240, 255, 0.50);
    
    /* Ultra-High Contrast Typography on Dark (WCAG AAA Compliant > 15:1) */
    --cyber-text-pure: #ffffff;
    --cyber-text-body: #e2e8f0;
    --cyber-text-muted: #94a3b8;
    --cyber-text-code: #38bdf8;
}

/* --------------------------------------------------------------------------
   GLOBAL FOUNDATION & DEEP OBSIDIAN BLACK BACKGROUND
   -------------------------------------------------------------------------- */
html {
    background-color: var(--cyber-bg-space) !important;
}

body {
    background-color: var(--cyber-bg-space) !important;
    color: var(--cyber-text-body) !important;
    position: relative;
}

/* Futuristic background cyber-mesh with glowing 7-color neon ambient lights */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-image: 
        radial-gradient(circle at 50% 0%, rgba(0, 240, 255, 0.14) 0%, transparent 55%),
        radial-gradient(circle at 90% 65%, rgba(255, 0, 180, 0.12) 0%, transparent 50%),
        radial-gradient(circle at 10% 85%, rgba(0, 255, 136, 0.10) 0%, transparent 45%),
        radial-gradient(circle at 80% 20%, rgba(255, 102, 0, 0.08) 0%, transparent 40%),
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 54px 54px, 54px 54px;
    z-index: 0;
    pointer-events: none;
}

/* Matrix Background Canvas - Glowing cyan & green matrix rain */
#matrix-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1;
    pointer-events: none;
    opacity: 0.35;
}

.site-wrapper {
    position: relative;
    z-index: 2;
}

/* --------------------------------------------------------------------------
   CRISP, LUMINOUS TYPOGRAPHY ON OBSIDIAN BLACK
   -------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    color: var(--cyber-text-pure) !important;
    font-weight: 800;
    letter-spacing: -0.02em;
    text-shadow: 0 0 20px rgba(255, 255, 255, 0.18) !important;
}

h1, .hero-title {
    color: #ffffff !important;
    text-shadow: 0 0 35px rgba(0, 240, 255, 0.45), 0 0 70px rgba(255, 0, 180, 0.25) !important;
}

p, li, span, label, dd, dt, blockquote {
    color: var(--cyber-text-body);
}

.lead, .sub-headline, .section-desc {
    color: var(--cyber-text-muted) !important;
    font-size: 1.15rem;
    line-height: 1.75;
}

/* Rainbow Neon Gradient Text - Vivid Laser Glow */
.rainbow-neon-text {
    background: var(--rainbow-gradient-h);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rainbowShift 6s linear infinite;
    display: inline-block;
    font-weight: 800;
    filter: drop-shadow(0 0 18px rgba(0, 240, 255, 0.5));
}

/* Molten Radiant Gold Gradient Text with Neon Glow */
.gold-gradient-text {
    background: linear-gradient(135deg, #ffffff 0%, #ffd700 45%, #ff8800 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
    font-weight: 800 !important;
    filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.45)) !important;
}

@keyframes rainbowShift {
    0% { background-position: 0% center; }
    100% { background-position: 200% center; }
}

/* --------------------------------------------------------------------------
   INTERACTIVE OBSIDIAN CARDS (3D ELEVATION & 7-COLOR RAINBOW NEON HALOS)
   -------------------------------------------------------------------------- */
.universe-card,
.tesseract-grand-card,
.node-card,
.vault-card,
.tesseract-tier-card,
.tesseract-action-card,
.venture-portfolio-card,
.case-card,
.exp-card,
.bn-card,
.k-category-card,
.manifesto-card,
.value-step-card,
.briefing-card,
.router-card,
.problem-card,
.deep-lever-card,
.diagnostic-widget-box,
.diagnostic-output-card,
.universe-col-card,
.spotlight-card,
.book-item-card,
.value-card,
.persona-card,
.wc-card,
.think-card,
.trust-manifesto-box,
.footprint-canvas-card,
.book-showcase-card,
.trust-container-card,
.drawer-counters-card,
.briefing-form-card,
.card, .sec, .box, .pil, .pil-card, .pricebox, .fcard, .prod-card, 
.module, .module-card, .feature-card, .review-card, .cart-box, 
.checkout-box, .course-card, .book-card, .benefit-card, .stat-card, 
.kpi, .faq, .faq-item, .f-card, .step-card, .plan-card, .testimonial-card {
    background: var(--cyber-card-bg) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1px solid var(--cyber-border-subtle) !important;
    border-radius: 16px !important;
    position: relative !important;
    overflow: hidden;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: 
        0 12px 35px rgba(0, 0, 0, 0.75),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

/* High contrast text inside cards */
.universe-card h3, .tesseract-grand-card h2, .node-card h5, .vault-card h4, 
.tesseract-tier-card h3, .case-card h3, .exp-card h4, .bn-card h3,
.problem-card h3, .deep-lever-card h4, .spotlight-card h3, .value-card h3,
.persona-card h3, .wc-card h3, .think-card h3, .trust-manifesto-box h3,
.diag-controls h4, .diag-field label,
.card h2, .card h3, .box h3, .pil h3, .module h3, .pricebox h3,
.venture-portfolio-card h3 {
    color: var(--cyber-text-pure) !important;
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.2) !important;
}

.universe-card p, .tesseract-grand-card p, .node-card p, .vault-card p, 
.tesseract-tier-card p, .case-card p, .exp-card p, .bn-card p,
.problem-card p, .deep-lever-card p, .spotlight-card p, .value-card p,
.persona-card p, .wc-card p, .think-card p, .trust-manifesto-box p,
.diag-controls p,
.card p, .box p, .pil p, .module p, .review-card p,
.vpc-mission {
    color: var(--cyber-text-body) !important;
}

.problem-solution-pill {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    color: #f8fafc !important;
}
.problem-solution-pill:hover {
    background: #00f0ff !important;
    color: #030712 !important;
    border-color: #00f0ff !important;
    box-shadow: 0 0 20px var(--neon-cyan-glow) !important;
}
.problem-solution-pill span {
    color: inherit !important;
}

.diag-select {
    background: #0f172a !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Prismatic Rainbow Laser Top Edge on Cards */
.universe-card::before, .tesseract-grand-card::before, .node-card::before, 
.vault-card::before, .tesseract-tier-card::before, .case-card::before,
.problem-card::before, .deep-lever-card::before, .spotlight-card::before,
.value-card::before, .persona-card::before, .wc-card::before, .think-card::before,
.diagnostic-widget-box::before, .trust-manifesto-box::before,
.card::before, .box::before, .module::before, .pricebox::before,
.venture-portfolio-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2.5px;
    background: var(--rainbow-gradient-h);
    background-size: 200% auto;
    opacity: 0.85;
    transition: opacity 0.35s ease, height 0.35s ease, box-shadow 0.35s ease;
    animation: rainbowShift 6s linear infinite;
    z-index: 2;
}

/* Hover State: Super Interactive 3D Lift & Prismatic Halo */
.universe-card:hover, .tesseract-grand-card:hover, .node-card:hover, 
.vault-card:hover, .tesseract-tier-card:hover, .case-card:hover, 
.exp-card:hover, .bn-card:hover, .card:hover, .box:hover, 
.pil:hover, .pricebox:hover, .fcard:hover, .module:hover, 
.review-card:hover, .step-card:hover, .problem-card:hover,
.deep-lever-card:hover, .spotlight-card:hover, .value-card:hover,
.persona-card:hover, .wc-card:hover, .think-card:hover,
.diagnostic-widget-box:hover, .trust-manifesto-box:hover,
.venture-portfolio-card:hover {
    background: var(--cyber-card-bg-hover) !important;
    transform: translateY(-8px) scale(1.02) !important;
    border-color: rgba(0, 240, 255, 0.6) !important;
    box-shadow: 
        0 24px 60px rgba(0, 0, 0, 0.9),
        0 0 35px rgba(0, 240, 255, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}

.universe-card:hover::before, .tesseract-grand-card:hover::before, 
.node-card:hover::before, .vault-card:hover::before, 
.tesseract-tier-card:hover::before, .case-card:hover::before,
.card:hover::before, .box:hover::before, .module:hover::before,
.venture-portfolio-card:hover::before {
    opacity: 1;
    height: 4px;
    box-shadow: 0 0 25px rgba(0, 240, 255, 0.8), 0 0 45px rgba(255, 0, 180, 0.6);
}

/* Cyclic 7-Color Rainbow Neon Spectrum Accents on Hover */
.universe-card:nth-child(7n+1):hover, .node-card:nth-child(7n+1):hover,
.card:nth-child(7n+1):hover, .box:nth-child(7n+1):hover, .pil:nth-child(7n+1):hover, 
.pricebox:nth-child(7n+1):hover, .fcard:nth-child(7n+1):hover, .module:nth-child(7n+1):hover, 
.review-card:nth-child(7n+1):hover, .faq:nth-child(7n+1):hover, .step-card:nth-child(7n+1):hover,
.venture-portfolio-card:nth-child(7n+1):hover {
    border-color: var(--neon-red) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.9), 0 0 40px var(--neon-red-glow) !important;
}

.universe-card:nth-child(7n+2):hover, .node-card:nth-child(7n+2):hover,
.card:nth-child(7n+2):hover, .box:nth-child(7n+2):hover, .pil:nth-child(7n+2):hover, 
.pricebox:nth-child(7n+2):hover, .fcard:nth-child(7n+2):hover, .module:nth-child(7n+2):hover, 
.review-card:nth-child(7n+2):hover, .faq:nth-child(7n+2):hover, .step-card:nth-child(7n+2):hover,
.venture-portfolio-card:nth-child(7n+2):hover {
    border-color: var(--neon-orange) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.9), 0 0 40px var(--neon-orange-glow) !important;
}

.universe-card:nth-child(7n+3):hover, .node-card:nth-child(7n+3):hover,
.card:nth-child(7n+3):hover, .box:nth-child(7n+3):hover, .pil:nth-child(7n+3):hover, 
.pricebox:nth-child(7n+3):hover, .fcard:nth-child(7n+3):hover, .module:nth-child(7n+3):hover, 
.review-card:nth-child(7n+3):hover, .faq:nth-child(7n+3):hover, .step-card:nth-child(7n+3):hover,
.venture-portfolio-card:nth-child(7n+3):hover {
    border-color: var(--neon-yellow) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.9), 0 0 40px var(--neon-yellow-glow) !important;
}

.universe-card:nth-child(7n+4):hover, .node-card:nth-child(7n+4):hover,
.card:nth-child(7n+4):hover, .box:nth-child(7n+4):hover, .pil:nth-child(7n+4):hover, 
.pricebox:nth-child(7n+4):hover, .fcard:nth-child(7n+4):hover, .module:nth-child(7n+4):hover, 
.review-card:nth-child(7n+4):hover, .faq:nth-child(7n+4):hover, .step-card:nth-child(7n+4):hover,
.venture-portfolio-card:nth-child(7n+4):hover {
    border-color: var(--neon-green) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.9), 0 0 40px var(--neon-green-glow) !important;
}

.universe-card:nth-child(7n+5):hover, .node-card:nth-child(7n+5):hover,
.card:nth-child(7n+5):hover, .box:nth-child(7n+5):hover, .pil:nth-child(7n+5):hover, 
.pricebox:nth-child(7n+5):hover, .fcard:nth-child(7n+5):hover, .module:nth-child(7n+5):hover, 
.review-card:nth-child(7n+5):hover, .faq:nth-child(7n+5):hover, .step-card:nth-child(7n+5):hover,
.venture-portfolio-card:nth-child(7n+5):hover {
    border-color: var(--neon-cyan) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.9), 0 0 40px var(--neon-cyan-glow) !important;
}

.universe-card:nth-child(7n+6):hover, .node-card:nth-child(7n+6):hover,
.card:nth-child(7n+6):hover, .box:nth-child(7n+6):hover, .pil:nth-child(7n+6):hover, 
.pricebox:nth-child(7n+6):hover, .fcard:nth-child(7n+6):hover, .module:nth-child(7n+6):hover, 
.review-card:nth-child(7n+6):hover, .faq:nth-child(7n+6):hover, .step-card:nth-child(7n+6):hover,
.venture-portfolio-card:nth-child(7n+6):hover {
    border-color: var(--neon-purple) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.9), 0 0 40px var(--neon-purple-glow) !important;
}

.universe-card:nth-child(7n+7):hover, .node-card:nth-child(7n+7):hover,
.card:nth-child(7n+7):hover, .box:nth-child(7n+7):hover, .pil:nth-child(7n+7):hover, 
.pricebox:nth-child(7n+7):hover, .fcard:nth-child(7n+7):hover, .module:nth-child(7n+7):hover, 
.review-card:nth-child(7n+7):hover, .faq:nth-child(7n+7):hover, .step-card:nth-child(7n+7):hover,
.venture-portfolio-card:nth-child(7n+7):hover {
    border-color: var(--neon-magenta) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.9), 0 0 40px var(--neon-magenta-glow) !important;
}

/* --------------------------------------------------------------------------
   THE 7 RAINBOW NEON BADGES & TAGS ON OBSIDIAN BLACK
   -------------------------------------------------------------------------- */
.badge-neon-red     { background: rgba(255, 0, 85, 0.15); border: 1.5px solid var(--neon-red); color: #ff3377 !important; box-shadow: 0 0 16px var(--neon-red-glow); font-weight: 700; }
.badge-neon-orange  { background: rgba(255, 102, 0, 0.15); border: 1.5px solid var(--neon-orange); color: #ff8833 !important; box-shadow: 0 0 16px var(--neon-orange-glow); font-weight: 700; }
.badge-neon-yellow  { background: rgba(255, 215, 0, 0.15); border: 1.5px solid var(--neon-yellow); color: #ffe033 !important; box-shadow: 0 0 16px var(--neon-yellow-glow); font-weight: 700; }
.badge-neon-green   { background: rgba(0, 255, 136, 0.15); border: 1.5px solid var(--neon-green); color: #33ff99 !important; box-shadow: 0 0 16px var(--neon-green-glow); font-weight: 700; }
.badge-neon-cyan    { background: rgba(0, 240, 255, 0.15); border: 1.5px solid var(--neon-cyan); color: #33f3ff !important; box-shadow: 0 0 16px var(--neon-cyan-glow); font-weight: 700; }
.badge-neon-purple  { background: rgba(139, 0, 255, 0.15); border: 1.5px solid var(--neon-purple); color: #aa44ff !important; box-shadow: 0 0 16px var(--neon-purple-glow); font-weight: 700; }
.badge-neon-magenta { background: rgba(255, 0, 180, 0.15); border: 1.5px solid var(--neon-magenta); color: #ff33c4 !important; box-shadow: 0 0 16px var(--neon-magenta-glow); font-weight: 700; }

.badge-neon-rainbow {
    background: #0b0f19;
    border: 1.5px solid transparent;
    background-image: linear-gradient(#0b0f19, #0b0f19), var(--rainbow-gradient-h);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    color: #ffffff !important;
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.5);
    font-weight: 800;
}

/* --------------------------------------------------------------------------
   SUPER INTERACTIVE NEON BUTTONS & CONTROLS
   -------------------------------------------------------------------------- */
.btn, .cta, button.btn, a.btn, a.cta, .hero-cta, .mp-btn, 
.primary-btn, .btn-primary, .buy-btn, .checkout-btn {
    border-radius: 50px !important;
    font-weight: 800 !important;
    transition: all 0.32s cubic-bezier(0.16, 1, 0.3, 1) !important;
    cursor: pointer !important;
    position: relative !important;
    letter-spacing: 0.02em !important;
}

/* Primary buttons with animated rainbow border & vibrant laser glow */
.btn-primary, .cta-primary, .hero-cta, .btn.gold, .cta.gold, 
.buy-btn, .checkout-btn, button[type="submit"] {
    background: linear-gradient(135deg, #090d16, #1e293b) !important;
    color: #ffffff !important;
    border: 2px solid transparent !important;
    background-image: linear-gradient(#090d16, #1e293b), var(--rainbow-gradient-h) !important;
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
    box-shadow: 
        0 6px 25px rgba(0, 0, 0, 0.7), 
        0 0 25px rgba(0, 240, 255, 0.5) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important;
}

.btn-primary:hover, .cta-primary:hover, .hero-cta:hover, .btn.gold:hover, 
.cta.gold:hover, .buy-btn:hover, .checkout-btn:hover, button[type="submit"]:hover {
    transform: translateY(-4px) scale(1.05) !important;
    box-shadow: 
        0 14px 40px rgba(0, 0, 0, 0.85), 
        0 0 45px rgba(0, 240, 255, 0.8), 
        0 0 65px rgba(255, 0, 180, 0.6) !important;
    color: #ffffff !important;
}

/* Glowing Amber-Gold Button */
.btn-gold, .btn-value-cta, .btn-value-gold, .btn-card-gold {
    background: linear-gradient(135deg, #f59e0b, #d97706) !important;
    color: #000000 !important;
    font-weight: 800 !important;
    border: none !important;
    box-shadow: 0 0 25px rgba(245, 158, 11, 0.55), 0 4px 15px rgba(0,0,0,0.6) !important;
}
.btn-gold span, .btn-value-cta span, .btn-value-gold span, .btn-card-gold span {
    color: #000000 !important;
    font-weight: 800 !important;
}
.btn-gold:hover, .btn-value-cta:hover, .btn-value-gold:hover, .btn-card-gold:hover {
    background: #ffffff !important;
    color: #000000 !important;
    transform: translateY(-4px) scale(1.04) !important;
    box-shadow: 0 0 35px rgba(255, 255, 255, 0.8), 0 0 55px rgba(0, 240, 255, 0.6) !important;
}

/* Prismatic Dark Glass Button */
.btn-glass,
.btn-card-outline,
.btn-rainbow-neon {
    background: rgba(15, 23, 42, 0.85) !important;
    color: #ffffff !important;
    border: 2px solid transparent !important;
    background-image: linear-gradient(rgba(15, 23, 42, 0.85), rgba(15, 23, 42, 0.85)), var(--rainbow-gradient-h) !important;
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
    backdrop-filter: blur(14px) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6), 0 0 20px rgba(0, 240, 255, 0.3) !important;
}

.btn-glass:hover,
.btn-card-outline:hover,
.btn-rainbow-neon:hover {
    background: rgba(30, 41, 59, 0.95) !important;
    background-image: linear-gradient(rgba(30, 41, 59, 0.95), rgba(30, 41, 59, 0.95)), var(--rainbow-gradient-h) !important;
    box-shadow: 
        0 10px 35px rgba(0, 0, 0, 0.8), 
        0 0 35px rgba(0, 240, 255, 0.6),
        0 0 55px rgba(255, 0, 180, 0.4) !important;
    transform: translateY(-3px) scale(1.03) !important;
    color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   OBSIDIAN GLASS NAVIGATION BAR (.mp-hd & nav)
   -------------------------------------------------------------------------- */
.mp-hd, nav.main-nav, header.nav-header, .master-header {
    background: rgba(3, 7, 18, 0.88) !important;
    backdrop-filter: blur(24px) saturate(200%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(200%) !important;
    border-bottom: 2.5px solid transparent !important;
    border-image: var(--rainbow-gradient-h) 1 !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.8), 0 0 25px rgba(0, 240, 255, 0.35) !important;
}

.brand-name {
    color: #ffffff !important;
    font-weight: 800 !important;
    text-shadow: 0 0 20px rgba(255, 255, 255, 0.3) !important;
}
.brand-name span {
    color: #00f0ff !important;
    text-shadow: 0 0 15px #00f0ff !important;
}
.nav-links a {
    color: #cbd5e1 !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
}
.nav-links a:hover, .nav-links a.active {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.1) !important;
    text-shadow: 0 0 15px rgba(0, 240, 255, 0.6) !important;
}

/* --------------------------------------------------------------------------
   HERO MASTHEAD & POSITIONING
   -------------------------------------------------------------------------- */
.hero-positioning {
    color: #f8fafc !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-shadow: 0 0 15px rgba(0, 240, 255, 0.3) !important;
}

.role-pill {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    font-weight: 700 !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}
.role-pill:hover {
    color: #030712 !important;
    background: #00f0ff !important;
    border-color: #00f0ff !important;
    box-shadow: 0 0 20px var(--neon-cyan-glow) !important;
}
.role-sep {
    color: #64748b !important;
    font-weight: 800 !important;
}

.hero-subheadline-bold {
    color: #ffffff !important;
    font-weight: 800 !important;
}
.hero-support {
    color: #cbd5e1 !important;
    font-weight: 600 !important;
}
.hero-tagline-quote {
    color: #94a3b8 !important;
    font-weight: 500 !important;
}
.hero-sub-cta-link {
    color: #38bdf8 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}
.hero-sub-cta-link:hover {
    color: #00f0ff !important;
    text-shadow: 0 0 15px #00f0ff !important;
}

/* Badges & Chips */
.gold-badge, .problem-badge, .think-badge, .tier-label {
    background: #0b0f19 !important;
    color: #ffffff !important;
    border: 1px solid rgba(0, 240, 255, 0.45) !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.25) !important;
}
.gold-badge span, .problem-badge span {
    color: #ffd700 !important;
}

/* --------------------------------------------------------------------------
   MANIFESTO, VENTURES & SECTIONS
   -------------------------------------------------------------------------- */
.manifesto-card h2 {
    color: #ffffff !important;
}
.manifesto-lead, .manifesto-lead strong, .manifesto-card p {
    color: #cbd5e1 !important;
}
.manifesto-lead strong {
    color: #ffffff !important;
    font-weight: 800 !important;
}
.manifesto-chain {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}
.manifesto-chain .chain-arrow {
    color: #00f0ff !important;
    font-weight: 800 !important;
    text-shadow: 0 0 10px #00f0ff !important;
}

/* Venture Portfolio Cards */
.vpc-role {
    color: #94a3b8 !important;
    font-weight: 600 !important;
    font-size: 0.85rem !important;
}
.vpc-metrics {
    color: #ffd700 !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.3) !important;
}
.vpc-badge.flagship {
    background: #0f172a !important;
    color: #38bdf8 !important;
    border: 1px solid rgba(56, 189, 248, 0.5) !important;
    font-weight: 700 !important;
    box-shadow: 0 0 12px rgba(56, 189, 248, 0.35) !important;
}
.vpc-badge.active {
    background: #0f172a !important;
    color: #00ff88 !important;
    border: 1px solid rgba(0, 255, 136, 0.5) !important;
    font-weight: 700 !important;
    box-shadow: 0 0 12px rgba(0, 255, 136, 0.35) !important;
}
.vpc-badge.incubating, .vpc-badge.building, .vpc-badge.rd {
    background: #0f172a !important;
    color: #c084fc !important;
    border: 1px solid rgba(192, 132, 252, 0.5) !important;
    font-weight: 700 !important;
    box-shadow: 0 0 12px rgba(192, 132, 252, 0.35) !important;
}

/* Venture Filter Buttons */
.venture-filter-btn {
    color: #94a3b8 !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
}
.venture-filter-btn.active, .venture-filter-btn:hover {
    color: #ffffff !important;
    background: #0f172a !important;
    border-color: #00f0ff !important;
    box-shadow: 0 0 18px var(--neon-cyan-glow) !important;
}

/* Ecosystem Graph & Radar Nodes */
.ecosystem-interactive-wrapper {
    background: var(--cyber-card-bg) !important;
    border: 1px solid var(--cyber-border-subtle) !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.8) !important;
}
.graph-legend-bar {
    color: #94a3b8 !important;
}
.legend-item {
    color: #e2e8f0 !important;
    font-weight: 600 !important;
}
.eco-radar-node {
    background: rgba(15, 23, 42, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6) !important;
    transition: all 0.28s ease !important;
}
.eco-radar-node:hover {
    background: rgba(30, 41, 59, 0.95) !important;
    border-color: #00f0ff !important;
    transform: translateY(-5px) scale(1.02) !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.8), 0 0 25px var(--neon-cyan-glow) !important;
}
.eco-radar-node h4 {
    color: #ffffff !important;
    font-weight: 800 !important;
    text-shadow: 0 0 12px rgba(255, 255, 255, 0.3) !important;
}
.eco-radar-node p {
    color: #cbd5e1 !important;
}
.ern-top {
    color: #38bdf8 !important;
    font-weight: 700 !important;
    text-shadow: 0 0 10px rgba(56, 189, 248, 0.5) !important;
}
.ern-link {
    color: #00f0ff !important;
    font-weight: 700 !important;
    text-shadow: 0 0 10px #00f0ff !important;
}

/* Diagnostic Widget */
.diag-metric-row {
    color: #cbd5e1 !important;
}
.diag-metric-row strong {
    color: #ffd700 !important;
    font-weight: 800 !important;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.4) !important;
}
.diag-metric-row span {
    color: #e2e8f0 !important;
    font-weight: 500 !important;
}
.diag-out-status {
    color: #00ff88 !important;
    font-weight: 700 !important;
    text-shadow: 0 0 10px rgba(0, 255, 136, 0.4) !important;
}

/* Value Offer Cards Pricing */
.price-stack-box {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 12px !important;
}
.val-market-row {
    color: #94a3b8 !important;
}
.val-market-row s {
    color: #64748b !important;
}
.final-price-amount, .featured-card .final-price-amount {
    color: #ffffff !important;
    font-weight: 800 !important;
    text-shadow: 0 0 20px rgba(255, 255, 255, 0.4) !important;
}
.final-price-period {
    color: #94a3b8 !important;
    font-weight: 600 !important;
}
.credit-back-note {
    color: #ffd700 !important;
    font-weight: 700 !important;
}
.value-deliverables-list li {
    color: #cbd5e1 !important;
}
.value-deliverables-list li strong {
    color: #ffffff !important;
}
.value-deliverables-list li svg {
    color: #ffd700 !important;
}

/* FAQ Accordions */
.faq-item {
    background: rgba(15, 23, 42, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6) !important;
}
.faq-question, .faq-item summary {
    color: #ffffff !important;
    font-weight: 700 !important;
}
.faq-toggle-icon {
    color: #00f0ff !important;
    font-weight: 800 !important;
}
.faq-answer p {
    color: #cbd5e1 !important;
}

/* 5 Universes List Items */
.u-list li {
    color: #cbd5e1 !important;
    font-size: 0.88rem !important;
    font-weight: 500 !important;
}
.u-tagline {
    color: #94a3b8 !important;
}

/* Global Footprint Items */
.fp-item strong {
    color: #ffffff !important;
    font-weight: 800 !important;
}
.fp-item span {
    color: #94a3b8 !important;
}

/* Books Showcase */
.book-card-badge {
    background: #0f172a !important;
    color: #ffffff !important;
    border: 1px solid rgba(0, 240, 255, 0.4) !important;
    font-weight: 700 !important;
}
.book-meta-specs {
    color: #94a3b8 !important;
    font-weight: 600 !important;
}
.book-pill-btn {
    color: #94a3b8 !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    font-weight: 600 !important;
}
.book-pill-btn.active, .book-pill-btn:hover {
    color: #ffffff !important;
    background: #0f172a !important;
    border-color: #00f0ff !important;
    box-shadow: 0 0 15px var(--neon-cyan-glow) !important;
}

/* Trust Manifesto */
.trust-manifesto-box {
    background: var(--cyber-card-bg) !important;
    border: 1px solid var(--cyber-border-subtle) !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.8) !important;
}
.trust-manifesto-header h3 {
    color: #ffffff !important;
}
.trust-not-item {
    color: #cbd5e1 !important;
}
.trust-not-item strong {
    color: #ffffff !important;
}
.trust-not-item .not-icon {
    color: #ff0055 !important;
    text-shadow: 0 0 12px var(--neon-red-glow) !important;
}

/* Persona & Work with Mirco Cards */
.p-action {
    color: #38bdf8 !important;
    font-weight: 700 !important;
}
.persona-card:hover .p-action {
    color: #00f0ff !important;
    text-shadow: 0 0 10px #00f0ff !important;
}
.wc-tag {
    background: #0f172a !important;
    color: #38bdf8 !important;
    border: 1px solid rgba(56, 189, 248, 0.4) !important;
    font-weight: 700 !important;
}
.wc-link {
    color: #38bdf8 !important;
    font-weight: 700 !important;
}
.wc-card:hover .wc-link {
    color: #00f0ff !important;
    text-shadow: 0 0 10px #00f0ff !important;
}

/* Form Inputs on Obsidian Black */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select,
input {
    background: rgba(15, 23, 42, 0.85) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
    font-size: 1rem !important;
    border-radius: 12px !important;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.6) !important;
    transition: all 0.3s ease !important;
}

input:focus,
textarea:focus,
select:focus {
    outline: none !important;
    border-color: var(--neon-cyan) !important;
    box-shadow: 0 0 25px var(--neon-cyan-glow), inset 0 0 6px rgba(0, 240, 255, 0.1) !important;
    background: rgba(20, 28, 48, 0.95) !important;
}

input::placeholder,
textarea::placeholder {
    color: #64748b !important;
}

form label {
    color: #cbd5e1 !important;
}

/* Section Dividers */
hr, .mp-line, .divider, .neon-divider {
    border: 0 !important;
    height: 2.5px !important;
    background: var(--rainbow-gradient-h) !important;
    background-size: 200% auto !important;
    animation: rainbowShift 6s linear infinite !important;
    opacity: 0.95 !important;
    margin: 2.5rem 0 !important;
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.6), 0 0 35px rgba(255, 0, 180, 0.4) !important;
}

/* Footer & Bottom HUD */
.master-footer {
    background: #020617 !important;
    border-top: 2.5px solid transparent !important;
    border-image: var(--rainbow-gradient-h) 1 !important;
    position: relative;
    z-index: 2;
    box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.9), 0 0 25px rgba(0, 240, 255, 0.3) !important;
}

.footer-copy,
.footer-sovereign-badge {
    color: var(--cyber-text-muted) !important;
}
.footer-canonical-stats, .tx, .tx b {
    color: #ffffff !important;
}
.footer-links a {
    color: #94a3b8 !important;
}
.footer-links a:hover {
    color: #00f0ff !important;
    text-shadow: 0 0 10px #00f0ff !important;
}

/* Scrollbar Futuristic Dark Styling */
::-webkit-scrollbar {
    width: 9px;
}
::-webkit-scrollbar-track {
    background: #030712;
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--neon-cyan), var(--neon-purple), var(--neon-magenta));
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #ffd700, #ff0055, #00f0ff);
}

/* ==========================================================================
   CYBER-DARK SHIELD & HIGH CONTRAST SPECIFICITY OVERRIDES
   ========================================================================== */

/* Brand & Navigation */
a.brand-logo {
    color: #ffffff !important;
    text-decoration: none !important;
}
.brand-sub-badge {
    background-color: rgba(0, 240, 255, 0.15) !important;
    color: #00f0ff !important;
    border: 1px solid rgba(0, 240, 255, 0.5) !important;
    box-shadow: 0 0 12px var(--neon-cyan-glow) !important;
}

.lang-toggle-btn {
    background-color: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}
.lang-pill {
    color: #94a3b8 !important;
}
.lang-pill.active {
    background-color: #00f0ff !important;
    color: #030712 !important;
    font-weight: 800 !important;
}

.nav-search-btn, .search-txt {
    background-color: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
}
.nav-search-btn:hover {
    border-color: #00f0ff !important;
    box-shadow: 0 0 15px var(--neon-cyan-glow) !important;
}

/* Category & Stage Pills */
.vpc-cat {
    color: #38bdf8 !important;
    font-weight: 600 !important;
}
.bn-stage {
    color: #cbd5e1 !important;
}
.sync-meta-txt {
    color: #94a3b8 !important;
}
.ticker-time {
    color: #38bdf8 !important;
    font-weight: 700 !important;
}
.mn-sub {
    color: #94a3b8 !important;
}
.chain-step {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
}
.amb-chip {
    background-color: #0b0f19 !important;
    color: #ffffff !important;
    border: 1px solid rgba(0, 240, 255, 0.4) !important;
}

/* Action Buttons Explicit Background Fallback */
.btn-gold, .btn-card-gold, .btn-value-gold, .btn-sync-action.gold, .btn-book-amz {
    background-color: #f59e0b !important;
    color: #000000 !important;
    font-weight: 800 !important;
}
.btn-gold *, .btn-card-gold *, .btn-value-gold *, .btn-sync-action.gold *, .btn-book-amz * {
    color: #000000 !important;
}

.btn-sync-action.outline, .btn-value-cta.btn-value-glass {
    background-color: #0b0f19 !important;
    color: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.22) !important;
}
.btn-sync-action.outline:hover, .btn-value-cta.btn-value-glass:hover {
    border-color: #00f0ff !important;
    box-shadow: 0 0 20px var(--neon-cyan-glow) !important;
}

/* All Links Default */
a {
    color: #38bdf8;
    transition: all 0.25s ease;
}
a:hover {
    color: #00f0ff;
    text-shadow: 0 0 12px #00f0ff;
}


/* Neutralize legacy dark-on-dark muted colors */
:root {
    --text-muted: #94a3b8 !important;
    --text-secondary: #cbd5e1 !important;
    --text-primary: #ffffff !important;
}

p, .timeline-card p, .timeline-content p, .exp-card p, .k-category-card p, 
.case-spec, .val-market-row, .fp-item span, .footer-copy, .section-desc, 
.lead, .sub-headline {
    color: #cbd5e1 !important;
}

.timeline-year, .t-year {
    color: #00f0ff !important;
    font-weight: 800 !important;
    text-shadow: 0 0 12px var(--neon-cyan-glow) !important;
}

a[href*='privacy'], .briefing-consent a { color: #38bdf8 !important; text-decoration: underline !important; }

/* ==========================================================================
   SUPER WOW 7-COLOR RAINBOW SPECTACULAR EFFECTS & OBSIDIAN DEEP VOID FINISH
   ========================================================================== */

/* --- 1. Rainbow Laser Section Dividers --- */
.rainbow-laser-divider {
    width: 100%;
    height: 3px;
    background: var(--rainbow-gradient-h) !important;
    background-size: 200% auto !important;
    animation: rainbowShift 4s linear infinite !important;
    box-shadow: 
        0 0 14px rgba(0, 240, 255, 0.8),
        0 0 28px rgba(255, 0, 180, 0.6),
        0 0 45px rgba(0, 255, 136, 0.4) !important;
    border: none !important;
    margin: 4rem 0 !important;
    position: relative !important;
    z-index: 5 !important;
    border-radius: 2px !important;
}

/* --- 2. Hero Title Ultra WOW 7-Color Rainbow Laser Underline & Aura --- */
.hero-title {
    position: relative !important;
    background: linear-gradient(135deg, #ffffff 0%, #ffffff 40%, #ffd700 70%, #00f0ff 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 25px rgba(0, 240, 255, 0.45)) drop-shadow(0 0 50px rgba(255, 0, 180, 0.25)) !important;
}
.hero-title::after {
    content: '';
    display: block;
    width: 240px;
    max-width: 70%;
    height: 4px;
    margin: 14px auto 0;
    background: var(--rainbow-gradient-h) !important;
    background-size: 200% auto !important;
    border-radius: 4px !important;
    animation: rainbowShift 4s linear infinite !important;
    box-shadow: 0 0 16px rgba(0, 240, 255, 0.9), 0 0 32px rgba(255, 0, 180, 0.7), 0 0 48px rgba(255, 215, 0, 0.5) !important;
}

/* --- 3. Hero Roles Bar 7-Color Spectrum Individual Accents --- */
.hero-roles-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 1.25rem !important;
}
.hero-roles-bar .role-pill:nth-of-type(1) {
    color: #ff3377 !important;
    border: 1.5px solid rgba(255, 0, 85, 0.5) !important;
    box-shadow: 0 0 14px rgba(255, 0, 85, 0.35) !important;
}
.hero-roles-bar .role-pill:nth-of-type(1):hover {
    background: #ff0055 !important;
    color: #030712 !important;
    box-shadow: 0 0 25px var(--neon-red-glow) !important;
}
.hero-roles-bar .role-pill:nth-of-type(2) {
    color: #ff8833 !important;
    border: 1.5px solid rgba(255, 102, 0, 0.5) !important;
    box-shadow: 0 0 14px rgba(255, 102, 0, 0.35) !important;
}
.hero-roles-bar .role-pill:nth-of-type(2):hover {
    background: #ff6600 !important;
    color: #030712 !important;
    box-shadow: 0 0 25px var(--neon-orange-glow) !important;
}
.hero-roles-bar .role-pill:nth-of-type(3) {
    color: #ffe033 !important;
    border: 1.5px solid rgba(255, 215, 0, 0.5) !important;
    box-shadow: 0 0 14px rgba(255, 215, 0, 0.35) !important;
}
.hero-roles-bar .role-pill:nth-of-type(3):hover {
    background: #ffd700 !important;
    color: #030712 !important;
    box-shadow: 0 0 25px var(--neon-yellow-glow) !important;
}
.hero-roles-bar .role-pill:nth-of-type(4) {
    color: #33ff99 !important;
    border: 1.5px solid rgba(0, 255, 136, 0.5) !important;
    box-shadow: 0 0 14px rgba(0, 255, 136, 0.35) !important;
}
.hero-roles-bar .role-pill:nth-of-type(4):hover {
    background: #00ff88 !important;
    color: #030712 !important;
    box-shadow: 0 0 25px var(--neon-green-glow) !important;
}
.hero-roles-bar .role-pill:nth-of-type(5) {
    color: #33f3ff !important;
    border: 1.5px solid rgba(0, 240, 255, 0.5) !important;
    box-shadow: 0 0 14px rgba(0, 240, 255, 0.35) !important;
}
.hero-roles-bar .role-pill:nth-of-type(5):hover {
    background: #00f0ff !important;
    color: #030712 !important;
    box-shadow: 0 0 25px var(--neon-cyan-glow) !important;
}

/* --- 4. Proof Wall 4 Counters with 7-Color Spectral Power --- */
.hero-proof-grid .proof-item:nth-child(1) .proof-metric-number,
.proof-item:nth-child(4n+1) .proof-num,
.proof-box:nth-child(1) .proof-number {
    color: #ff3377 !important;
    text-shadow: 0 0 25px rgba(255, 0, 85, 0.8), 0 0 50px rgba(255, 0, 85, 0.5) !important;
}
.hero-proof-grid .proof-item:nth-child(2) .proof-metric-number,
.proof-item:nth-child(4n+2) .proof-num,
.proof-box:nth-child(2) .proof-number {
    color: #ff9933 !important;
    text-shadow: 0 0 25px rgba(255, 102, 0, 0.8), 0 0 50px rgba(255, 102, 0, 0.5) !important;
}
.hero-proof-grid .proof-item:nth-child(3) .proof-metric-number,
.proof-item:nth-child(4n+3) .proof-num,
.proof-box:nth-child(3) .proof-number {
    color: #33ff99 !important;
    text-shadow: 0 0 25px rgba(0, 255, 136, 0.8), 0 0 50px rgba(0, 255, 136, 0.5) !important;
}
.hero-proof-grid .proof-item:nth-child(4) .proof-metric-number,
.proof-item:nth-child(4n+4) .proof-num,
.proof-box:nth-child(4) .proof-number {
    color: #33f3ff !important;
    text-shadow: 0 0 25px rgba(0, 240, 255, 0.8), 0 0 50px rgba(0, 240, 255, 0.5) !important;
}

/* --- 5. The 5 Universi Operativi Cards 7-Color Spectrum Glows --- */
.universe-col-card:nth-child(1) { border-top: 3.5px solid #ff0055 !important; }
.universe-col-card:nth-child(1):hover { border-color: #ff0055 !important; box-shadow: 0 24px 60px rgba(0,0,0,0.9), 0 0 40px var(--neon-red-glow) !important; }
.universe-col-card:nth-child(2) { border-top: 3.5px solid #ff6600 !important; }
.universe-col-card:nth-child(2):hover { border-color: #ff6600 !important; box-shadow: 0 24px 60px rgba(0,0,0,0.9), 0 0 40px var(--neon-orange-glow) !important; }
.universe-col-card:nth-child(3) { border-top: 3.5px solid #ffd700 !important; }
.universe-col-card:nth-child(3):hover { border-color: #ffd700 !important; box-shadow: 0 24px 60px rgba(0,0,0,0.9), 0 0 40px var(--neon-yellow-glow) !important; }
.universe-col-card:nth-child(4) { border-top: 3.5px solid #00ff88 !important; }
.universe-col-card:nth-child(4):hover { border-color: #00ff88 !important; box-shadow: 0 24px 60px rgba(0,0,0,0.9), 0 0 40px var(--neon-green-glow) !important; }
.universe-col-card:nth-child(5) { border-top: 3.5px solid #00f0ff !important; }
.universe-col-card:nth-child(5):hover { border-color: #00f0ff !important; box-shadow: 0 24px 60px rgba(0,0,0,0.9), 0 0 40px var(--neon-cyan-glow) !important; }

/* --- 6. Ecosystem Radar Nodes Cycling Spectral Glows --- */
.eco-radar-node {
    background: rgba(11, 15, 25, 0.92) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 14px !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.eco-radar-node::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2.5px;
    background: var(--rainbow-gradient-h) !important;
    background-size: 200% auto !important;
    animation: rainbowShift 6s linear infinite !important;
}
.eco-radar-node:hover {
    transform: translateY(-6px) scale(1.02) !important;
    background: rgba(17, 24, 39, 0.97) !important;
    border-color: #00f0ff !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.9), 0 0 35px rgba(0, 240, 255, 0.5) !important;
}
.eco-radar-node h4 {
    color: #ffffff !important;
    font-weight: 800 !important;
    margin: 0.4rem 0 !important;
}
.eco-radar-node p {
    color: #cbd5e1 !important;
    font-size: 0.88rem !important;
    line-height: 1.5 !important;
}
.eco-radar-node .ern-link {
    color: #38bdf8 !important;
    font-weight: 700 !important;
    font-size: 0.82rem !important;
    display: inline-block;
    margin-top: 0.5rem;
}
.eco-radar-node:hover .ern-link {
    color: #00f0ff !important;
    text-shadow: 0 0 10px #00f0ff;
}

/* Pulsing Online Dot */
.pulse-online {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #00ff88;
    box-shadow: 0 0 10px #00ff88, 0 0 20px #00ff88;
    animation: neonPulseDot 1.8s infinite;
    margin-right: 6px;
    vertical-align: middle;
}
@keyframes neonPulseDot {
    0%, 100% { opacity: 1; transform: scale(1); box-shadow: 0 0 10px #00ff88, 0 0 20px #00ff88; }
    50% { opacity: 0.4; transform: scale(0.85); box-shadow: 0 0 4px #00ff88; }
}

/* --- 7. Tesseract Centerpiece Grand Card Rainbow Halo --- */
.tesseract-grand-card {
    border: 1.5px solid rgba(0, 240, 255, 0.35) !important;
    box-shadow: 
        0 24px 70px rgba(0, 0, 0, 0.95),
        0 0 45px rgba(0, 240, 255, 0.25),
        0 0 80px rgba(255, 0, 180, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}
.tesseract-grand-card:hover {
    border-color: rgba(0, 240, 255, 0.7) !important;
    box-shadow: 
        0 30px 80px rgba(0, 0, 0, 0.98),
        0 0 60px rgba(0, 240, 255, 0.45),
        0 0 100px rgba(255, 0, 180, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

/* Tesseract Node Pills Rainbow Styling */
.t-node-pill {
    background: rgba(11, 15, 25, 0.88) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    color: #e2e8f0 !important;
    transition: all 0.25s ease !important;
}
.t-node-pill:hover {
    background: rgba(17, 24, 39, 0.96) !important;
    border-color: #00f0ff !important;
    color: #ffffff !important;
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.5) !important;
    transform: translateY(-3px) scale(1.04) !important;
}
.t-pill-dot.gold { background: #ffd700; box-shadow: 0 0 8px #ffd700; }
.t-pill-dot.gold-bright { background: #ffaa00; box-shadow: 0 0 8px #ffaa00; }
.t-pill-dot.white { background: #ffffff; box-shadow: 0 0 8px #ffffff; }
.t-pill-dot.cyan { background: #00f0ff; box-shadow: 0 0 10px #00f0ff; }
.t-pill-dot.green { background: #00ff88; box-shadow: 0 0 10px #00ff88; }
.t-pill-dot.purple { background: #8b00ff; box-shadow: 0 0 10px #8b00ff; }
.t-pill-dot.magenta { background: #ff00b4; box-shadow: 0 0 10px #ff00b4; }

/* --- 8. Floating Action Buttons Rainbow Neon Halo --- */
.neuralog-pill {
    background: #030712 !important;
    border: 1.5px solid transparent !important;
    background-image: linear-gradient(#030712, #030712), var(--rainbow-gradient-h) !important;
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.9), 0 0 25px rgba(0, 240, 255, 0.6) !important;
}
.neuralog-pill:hover {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.95), 0 0 45px rgba(0, 240, 255, 0.8), 0 0 65px rgba(255, 0, 180, 0.6) !important;
    transform: translateY(-4px) scale(1.05) !important;
}

/* Floating WhatsApp Button Rainbow Glow */
.wa-float-btn, .whatsapp-btn, a[href*="whatsapp.com"], a[href*="wa.me"] {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.8), 0 0 22px rgba(0, 255, 136, 0.6) !important;
    transition: all 0.3s ease !important;
}
.wa-float-btn:hover, .whatsapp-btn:hover, a[href*="whatsapp.com"]:hover, a[href*="wa.me"]:hover {
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.9), 0 0 35px rgba(0, 255, 136, 0.9) !important;
    transform: translateY(-3px) scale(1.08) !important;
}

/* Universal Cart Badge & Modal Obsidian Glass */
.universal-cart-badge, .cart-counter-badge {
    background: #ff0055 !important;
    color: #ffffff !important;
    box-shadow: 0 0 14px rgba(255, 0, 85, 0.8) !important;
}