/**
 * Corporate Mode - Clean Facade Aesthetic
 * 
 * The "public face" of Binary Rot - polished, professional, minimal noise.
 * Like a tech startup's landing page that's hiding something sinister.
 * Still has subtle tells for those who look closely.
 */

/* ============================================
   CORPORATE MODE - Container State
   ============================================ */

[data-mode="corporate"] {
    /* Clean, professional colors */
    --mode-primary: #2d5a9e;
    --mode-secondary: #4a90d9;
    --mode-accent: #1a73e8;

    /* Light, sterile backgrounds */
    --mode-bg-void: #ffffff;
    --mode-bg-deep: #f8f9fa;
    --mode-bg-surface: #ffffff;

    /* Override dark backgrounds */
    --rot-void: #ffffff;
    --rot-deep: #f8f9fa;
    --rot-surface: #ffffff;
    --rot-border: #e0e0e0;

    /* Override text for light mode */
    --rot-text-primary: #1a1a2e;
    --rot-text-muted: #4a4a6a;
    --rot-text-dim: #9a9ab0;

    /* Minimal/no effects */
    --active-glow: none;
    --glow-intensity: 0;
    --scanline-opacity: 0;
    --noise-intensity: 0;
    --chromatic-offset: 0px;
    --vignette-intensity: 0;
    --flicker-intensity: 0;
}

/* ============================================
   CORPORATE MODE - Hide Overlays
   ============================================ */

[data-mode="corporate"] .rot-overlay {
    opacity: 0;
    pointer-events: none;
}

[data-mode="corporate"] .rot-overlay__scanlines,
[data-mode="corporate"] .rot-overlay__vignette,
[data-mode="corporate"] .rot-overlay__grain,
[data-mode="corporate"] .rot-overlay__flicker,
[data-mode="corporate"] .rot-overlay__glitch-line {
    display: none;
}

/* ============================================
   CORPORATE MODE - Typography
   ============================================ */

[data-mode="corporate"] h1,
[data-mode="corporate"] h2,
[data-mode="corporate"] h3 {
    color: var(--rot-text-primary);
    text-shadow: none;
    animation: none;
}

[data-mode="corporate"] .heading-glitch {
    text-shadow: none;
    animation: none;
}

[data-mode="corporate"] .heading-glitch::before,
[data-mode="corporate"] .heading-glitch::after {
    display: none;
}

[data-mode="corporate"] .text-neon {
    color: var(--mode-primary);
    text-shadow: none;
}

/* ============================================
   CORPORATE MODE - Sections
   ============================================ */

[data-mode="corporate"] .hero {
    color: var(--rot-text-primary);
}

[data-mode="corporate"] .hero::before {
    background: rgba(255, 255, 255, 0.85);
}

[data-mode="corporate"] .hero-content p {
    color: var(--rot-text-muted);
}

[data-mode="corporate"] .features {
    background-color: var(--rot-deep);
}

[data-mode="corporate"] .story {
    background-color: var(--rot-surface);
}

[data-mode="corporate"] .gallery {
    background-color: var(--rot-deep);
}

[data-mode="corporate"] .testimonials {
    background-color: var(--rot-surface);
}

[data-mode="corporate"] .cta {
    color: var(--rot-text-primary);
}

[data-mode="corporate"] .cta::before {
    background: rgba(255, 255, 255, 0.9);
}

[data-mode="corporate"] .final-cta {
    color: var(--rot-text-primary);
}

[data-mode="corporate"] .final-cta::before {
    background: rgba(255, 255, 255, 0.9);
}

[data-mode="corporate"] footer {
    background-color: var(--rot-deep);
    color: var(--rot-text-muted);
}

/* ============================================
   CORPORATE MODE - Buttons
   ============================================ */

[data-mode="corporate"] .btn {
    background: var(--mode-primary);
    border: none;
    color: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all var(--duration-normal);
}

[data-mode="corporate"] .btn:hover {
    background: var(--mode-secondary);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}

[data-mode="corporate"] .btn::before {
    display: none;
}

[data-mode="corporate"] .social-btn {
    border: 1px solid var(--rot-border);
    color: var(--mode-primary);
    background: var(--rot-surface);
}

[data-mode="corporate"] .social-btn:hover {
    background: var(--rot-deep);
    border-color: var(--mode-primary);
}

/* ============================================
   CORPORATE MODE - Cards
   ============================================ */

[data-mode="corporate"] .feature {
    background: var(--rot-surface);
    border: 1px solid var(--rot-border);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

[data-mode="corporate"] .feature:hover {
    border-color: var(--mode-primary);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    transform: translateY(-4px);
}

[data-mode="corporate"] .feature h3 {
    color: var(--mode-primary);
}

[data-mode="corporate"] .feature p {
    color: var(--rot-text-muted);
}

[data-mode="corporate"] .video-card {
    border: 1px solid var(--rot-border);
    border-radius: 12px;
    background: var(--rot-surface);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

[data-mode="corporate"] .video-card:hover {
    border-color: var(--mode-primary);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

[data-mode="corporate"] .video-card img {
    filter: saturate(0.9);
    border-radius: 12px 12px 0 0;
}

/* ============================================
   CORPORATE MODE - Testimonials
   ============================================ */

[data-mode="corporate"] .testimonial {
    background: var(--rot-deep);
    border-left: 4px solid var(--mode-primary);
    border-radius: 0 8px 8px 0;
}

[data-mode="corporate"] .testimonial p {
    color: var(--rot-text-primary);
}

[data-mode="corporate"] .testimonial span {
    color: var(--mode-primary);
}

/* ============================================
   CORPORATE MODE - Subtle "Tells"
   ============================================ */

/* Very subtle glitch on extended hover - hints at reality beneath */
[data-mode="corporate"] .btn:hover::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,
            transparent 0%,
            rgba(255, 0, 255, 0.03) 50%,
            transparent 100%);
    animation: corporate-tell 2s ease-in-out infinite;
    pointer-events: none;
    opacity: 0;
}

[data-mode="corporate"] .btn:active::after {
    opacity: 1;
}

@keyframes corporate-tell {

    0%,
    100% {
        transform: translateX(-100%);
    }

    50% {
        transform: translateX(100%);
    }
}

/* Easter egg: after 30s, very subtle noise appears */
@keyframes corporate-decay {

    0%,
    99% {
        opacity: 0;
    }

    100% {
        opacity: 0.02;
    }
}

[data-mode="corporate"]::after {
    content: '';
    position: fixed;
    inset: 0;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 9000;
    animation: corporate-decay 30s ease-in forwards;
}