/**
 * Summit Power Company - Main Stylesheet
 * Version: 47
 * Last Updated: December 2024
 * 
 * This file contains all styles for the Summit Power website.
 * Consolidated from inline styles for better performance and maintainability.
 */


@font-face {
    font-family: 'The Reality Hyper';
    src: url('TheRealityHyper.woff2') format('woff2'),
         url('TheRealityHyper.woff') format('woff'),
         url('TheRealityHyper.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Learn More button visibility fix */
.capability-card .btn {
    background: #00E5FF !important;
    color: #FFFFFF !important;
    border: 1px solid #00E5FF !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
.capability-card .btn:hover {
    background: #00B8D4 !important;
    border-color: #00B8D4 !important;
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.4) !important;
}
:root.light-theme .capability-card .btn {
    background: #DC143C !important;
    color: #FFFFFF !important;
    border: 1px solid #DC143C !important;
}
:root.light-theme .capability-card .btn:hover {
    background: #8B0000 !important;
    border-color: #8B0000 !important;
    box-shadow: 0 0 15px rgba(220, 20, 60, 0.4) !important;
}
/* Services section (dark red background) - both themes */
#services.console-panel .capability-card .btn,
:root.light-theme #services.console-panel .capability-card .btn {
    background: #FFFFFF !important;
    color: #DC143C !important;
    border: 1px solid #FFFFFF !important;
}
#services.console-panel .capability-card .btn:hover,
:root.light-theme #services.console-panel .capability-card .btn:hover {
    background: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
}

/* ====================================================================
   CSS GUIDE: Section headers below are comments only. No rule order
   was changed. Visuals and behavior remain identical.
   Sections:
     - Base/Type  - Navigation/Header
     - Hero       - Services/Capabilities
     - Projects   - Industries
     - Contact    - Components/Utilities
     - Animations
==================================================================== */

/* ===== Base, Typography & Variables ===== */
:root {--background-01-117c:rgba(255, 255, 255, 0.1);--background-02-3bf6:linear-gradient(135deg, rgba(220, 20, 60, 0.95) 0%, rgba(139, 0, 0, 0.98) 100%);--background-03-3b2e:linear-gradient(90deg, transparent, var(--accent-cyan), transparent);--background-04-4045:linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.05) 100%);--background-05-3d3e:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);--background-06-4608:linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.03) 50%, transparent 100%);--background-07-1231:rgba(255, 255, 255, 0.12);--boxshadow-01-176c:0 10px 30px rgba(0,229,255,0.3);}
/* Force Orbitron 700 on ALL headers */
h1, h2, h3, h4, h5, h6 {font-family:'Orbitron', sans-serif !important;font-weight:700 !important;}

/* ===== Shared/Global Misc ===== */
* {}

/* Global text consistency updates */
body {
    font-family: 'Turret Road', 'Share Tech Mono', monospace !important;
    letter-spacing: 0.08em !important;
}

p, span, div {
    letter-spacing: 0.08em;
    line-height: 1.7;
}

.project-title, .project-description, .placeholder-label {
    font-family: 'Turret Road', 'Share Tech Mono', monospace !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
}

/* ===== Base, Typography & Variables ===== */
h1, h2, h3, h4, h5, h6,
        *:is(h1, h2, h3, h4, h5, h6) {font-family:'Orbitron', sans-serif !important;font-weight:700 !important;}html body h1,
        html body h2,
        html body h3,
        html body h4,
        html body h5,
        html body h6 {font-family:'Orbitron', sans-serif !important;font-weight:700 !important;}html body * h1,
        html body * h2,
        html body * h3,
        html body * h4,
        html body * h5,
        html body * h6 {font-family:'Orbitron', sans-serif !important;font-weight:700 !important;}:root {--bg-primary:#0A0D12;--bg-secondary:#0F1217;--text-primary:#F2F5F7;--text-secondary:#A8B2C1;--accent-cyan:#00E5FF;--accent-lime:#9CFB61;--accent-error:#FF3B3B;--border-color:rgba(0, 229, 255, 0.2);--grid-color:rgba(0, 229, 255, 0.05);--whatsapp-bg:#25D366;--whatsapp-shadow:rgba(37, 211, 102, 0.4);--grid-columns:12;--grid-gap:24px;--max-width:1440px;--transition-glitch:120ms;--transition-smooth:300ms cubic-bezier(0.4, 0, 0.2, 1);--transition-theme:600ms cubic-bezier(0.4, 0, 0.2, 1);}:root.light-theme{--bg-primary:#FAFAFA;--bg-secondary:#FFFFFF;--text-primary:#0A0D12;--text-secondary:#4A5568;--accent-cyan:#DC143C;--accent-lime:#8B0000;--accent-error:#FF3B3B;--border-color:rgba(200, 200, 200, 0.3);--grid-color:rgba(0, 0, 0, 0.02);--whatsapp-bg:#25D366;--whatsapp-shadow:rgba(37, 211, 102, 0.6);}body {transition:background-color var(--transition-theme), color var(--transition-theme);}nav, .console-panel, .btn, footer {transition:background-color var(--transition-theme), color var(--transition-theme), border-color var(--transition-theme);}* {margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}html {font-size:16px;scroll-behavior:smooth;}h1, h2, h3, h4, h5, h6 {font-family:'Orbitron', sans-serif !important;font-weight:700 !important;}* h1, * h2, * h3, * h4, * h5, * h6 {font-family:'Orbitron', sans-serif !important;font-weight:700 !important;}
/* ===== Hero (#home, .hero) ===== */
body h1, body h2, body h3, body h4, body h5, body h6,
        section h1, section h2, section h3, section h4, section h5, section h6,
        div h1, div h2, div h3, div h4, div h5, div h6,
        header h1, header h2, header h3, header h4, header h5, header h6,
        main h1, main h2, main h3, main h4, main h5, main h6,
        .hero h1, .hero h2, .hero h3,
        .console-panel h1, .console-panel h2, .console-panel h3,
        .capability-card h1, .capability-card h2, .capability-card h3,
        .case-content h1, .case-content h2, .case-content h3,
        .contact h1, .contact h2, .contact h3,
        .industries h1, .industries h2, .industries h3 {font-family:'Orbitron', sans-serif !important;font-weight:700 !important;}body {font-family:'Oxanium', 'Saira', sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;position:relative;font-weight:400;letter-spacing:0.02em;-webkit-overflow-scrolling:touch;}@media (max-width: 768px) {body {
                padding-top:60px; padding-bottom: 60px; } html, body { overflow-x: hidden; width: 100%; }}:root.light-theme body{font-weight:500;letter-spacing:-0.01em;}h1 {text-transform:uppercase;letter-spacing:0.08em !important;line-height:1.1;}h2 {text-transform:uppercase;letter-spacing:0.03em !important;line-height:1.2;}h3 {font-family:'Orbitron', sans-serif !important;font-weight:700 !important;text-transform:uppercase;letter-spacing:0.06em !important;line-height:1.2;}h4 {font-family:'Orbitron', sans-serif !important;font-weight:700 !important;text-transform:uppercase;letter-spacing:0.04em !important;line-height:1.2;}h5 {font-family:'Orbitron', sans-serif !important;font-weight:700 !important;text-transform:uppercase;letter-spacing:0.04em !important;line-height:1.2;}h6 {font-family:'Orbitron', sans-serif !important;font-weight:700 !important;text-transform:uppercase;letter-spacing:0.04em !important;line-height:1.2;}
/* ===== Navigation & Header ===== */
.nav-menu a,
        .btn,
        .industry-badge {font-family:'Iceland', 'Turret Road', sans-serif !important;font-weight:400 !important;letter-spacing:0.12em !important;font-size:clamp(0.9rem, 1vw, 1rem) !important;}.panel-label {font-family:'Share Tech Mono', monospace !important;letter-spacing:0.15em !important;font-weight:400 !important;}

/* ===== NEW PROFESSIONAL HERO SECTION ===== */
* {
    box-sizing: border-box;
}

.hero {
    position: relative;
    width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    background: var(--bg-primary);
}

/* Left Content Panel */
.hero-content-panel {
    position: relative;
    z-index: 10;
    width: 50%;
    min-height: 100vh;
    min-height: 100dvh;
    padding: 120px 4% 40px 6%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

/* 3D Model Panel */
.hero-3d-panel {
    position: relative;
    width: 50%;
    min-height: 100vh;
    min-height: 100dvh;
    background: transparent;
}

#motor-canvas {
    width: 100%;
    height: 100%;
    display: block;
}
/* 3D Canvas - Hide until ready, smooth appearance */
#motor-canvas {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}
#motor-canvas.ready {
    opacity: 1;
}
.hero-3d-panel {
    overflow: hidden;
}


/* Loading Overlay */
.hero-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background: rgba(10, 13, 18, 0.95);
    z-index: 5;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

.hero-loading.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.loading-progress-bar {
    width: 200px;
    height: 4px;
    background: rgba(0, 229, 255, 0.1);
    border-radius: 2px;
    overflow: hidden;
    margin-top: 0.5rem;
}

.loading-progress-fill {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, var(--accent-cyan), var(--accent-lime));
    border-radius: 2px;
    transition: width 0.3s ease;
}

.loading-ring {
    width: 50px;
    height: 50px;
    border: 3px solid rgba(0, 229, 255, 0.1);
    border-top-color: var(--accent-cyan);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.loading-percent {
    font-family: 'Orbitron', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: var(--accent-cyan);
    letter-spacing: 0.1em;
}

.loading-status {
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.6rem;
    color: var(--text-secondary);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* Company Badge */
.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 1rem;
    padding: 0.35rem 0.6rem;
    background: rgba(0, 229, 255, 0.08);
    border: 1px solid rgba(0, 229, 255, 0.2);
    border-radius: 2px;
    animation: fadeSlideIn 0.8s ease both;
    max-width: 100%;
}

.badge-dot {
    width: 6px;
    height: 6px;
    min-width: 6px;
    flex-shrink: 0;
    background: var(--accent-cyan);
    border-radius: 50%;
    animation: pulse 2s ease-in-out infinite;
}

.badge-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    stroke: var(--accent-cyan);
    fill: none;
}

@keyframes pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(0.8); }
}

.badge-text {
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.9rem;
    color: var(--accent-cyan);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

/* Main Title */
.hero-title {
    font-family: 'Orbitron', sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(1.75rem, 4vw, 3.5rem);
    line-height: 1.2;
    margin-bottom: 1rem;
    animation: fadeSlideIn 0.8s ease 0.1s both;
    width: 100%;
    max-width: 100%;
}

.title-line {
    display: block;
}

.title-line.primary {
    color: var(--text-primary);
}

.title-line.accent {
    color: var(--accent-cyan);
    text-shadow: 0 0 30px rgba(0, 229, 255, 0.3);
}

/* Subtitle */
.hero-subtitle {
    font-family: 'Turret Road', monospace;
    font-size: clamp(0.7rem, 1.2vw, 0.9rem);
    color: var(--text-secondary);
    letter-spacing: 0.03em;
    line-height: 1.6;
    max-width: 100%;
    margin-bottom: 1.5rem;
    animation: fadeSlideIn 0.8s ease 0.2s both;
}

/* Stats Row */
.hero-stats {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    animation: fadeSlideIn 0.8s ease 0.3s both;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
}

.stat-block {
    position: relative;
}

.stat-value {
    font-family: 'Orbitron', sans-serif;
    font-size: clamp(1.25rem, 3vw, 2rem);
    font-weight: 700;
    color: var(--accent-cyan);
    line-height: 1;
    margin-bottom: 0.15rem;
}

.stat-label {
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.5rem;
    color: var(--text-secondary);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.stat-block::after {
    content: '';
    position: absolute;
    right: -0.75rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 25px;
    background: linear-gradient(180deg, transparent, rgba(0, 229, 255, 0.3), transparent);
}

.stat-block:last-child::after {
    display: none;
}

/* CTA Buttons */
.hero-actions {
    display: flex;
    gap: 0.6rem;
    animation: fadeSlideIn 0.8s ease 0.4s both;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
}

.btn-primary-hero {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.7rem 1.2rem;
    background: var(--accent-cyan);
    color: var(--bg-primary);
    border: none;
    font-family: 'Iceland', sans-serif;
    font-size: 0.8rem;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-primary-hero:hover {
    background: var(--accent-lime);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 229, 255, 0.3);
}

.btn-primary-hero .btn-arrow {
    transition: transform 0.3s ease;
}

.btn-primary-hero:hover .btn-arrow {
    transform: translateX(3px);
}

.btn-secondary-hero {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.7rem 1.2rem;
    background: transparent;
    color: var(--text-primary);
    border: 1px solid rgba(0, 229, 255, 0.3);
    font-family: 'Iceland', sans-serif;
    font-size: 0.8rem;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-secondary-hero:hover {
    background: rgba(0, 229, 255, 0.1);
    border-color: var(--accent-cyan);
    color: var(--accent-cyan);
}

/* Certifications */
.hero-certifications {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(0, 229, 255, 0.1);
    animation: fadeSlideIn 0.8s ease 0.5s both;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
}

.cert-item {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.cert-icon {
    width: 18px;
    height: 18px;
    stroke: var(--accent-cyan);
    stroke-width: 1.5;
    fill: none;
    flex-shrink: 0;
}

.cert-text {
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.75rem;
    color: var(--accent-cyan);
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* Scroll Indicator */
.hero-scroll {
    position: absolute;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    z-index: 10;
    animation: fadeIn 1s ease 1s both;
}

.scroll-line {
    width: 1px;
    height: 25px;
    background: linear-gradient(180deg, var(--accent-cyan), transparent);
    animation: scrollPulse 2s ease-in-out infinite;
}

@keyframes scrollPulse {
    0%, 100% { transform: scaleY(1); opacity: 1; }
    50% { transform: scaleY(0.5); opacity: 0.5; }
}

.scroll-label {
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.5rem;
    color: var(--text-secondary);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

/* Background Elements */
.hero-bg-gradient {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: radial-gradient(ellipse at 70% 50%, rgba(0, 229, 255, 0.05) 0%, transparent 60%);
    z-index: 1;
    pointer-events: none;
}

.hero-grid-pattern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
        linear-gradient(rgba(0, 229, 255, 0.012) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 229, 255, 0.012) 1px, transparent 1px);
    background-size: 40px 40px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.5;
}

/* Animations */
@keyframes fadeSlideIn {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Light Theme */
:root.light-theme .hero {
    background: var(--bg-primary);
}

:root.light-theme .hero-badge {
    background: rgba(220, 20, 60, 0.08);
    border-color: rgba(220, 20, 60, 0.2);
}

:root.light-theme .badge-dot {
    background: #DC143C;
}

:root.light-theme .badge-icon {
    stroke: #DC143C;
}

:root.light-theme .badge-text {
    color: #DC143C;
}

:root.light-theme .title-line.accent {
    color: #DC143C;
    text-shadow: none;
}

:root.light-theme .stat-value {
    color: #DC143C;
}

:root.light-theme .stat-block::after {
    background: linear-gradient(180deg, transparent, rgba(220, 20, 60, 0.3), transparent);
}

:root.light-theme .btn-primary-hero {
    background: #DC143C;
    color: #FFFFFF;
}

:root.light-theme .btn-primary-hero:hover {
    background: #8B0000;
    box-shadow: 0 10px 30px rgba(220, 20, 60, 0.3);
}

:root.light-theme .btn-secondary-hero {
    border-color: rgba(220, 20, 60, 0.3);
    color: var(--text-primary);
}

:root.light-theme .btn-secondary-hero:hover {
    background: rgba(220, 20, 60, 0.1);
    border-color: #DC143C;
    color: #DC143C;
}

:root.light-theme .hero-certifications {
    border-top-color: rgba(220, 20, 60, 0.1);
}

:root.light-theme .cert-icon {
    stroke: #DC143C;
}

:root.light-theme .scroll-line {
    background: linear-gradient(180deg, #DC143C, transparent);
}

:root.light-theme .hero-bg-gradient {
    background: radial-gradient(ellipse at 70% 50%, rgba(220, 20, 60, 0.06) 0%, transparent 60%);
}

:root.light-theme .hero-grid-pattern {
    background-image: 
        linear-gradient(rgba(220, 20, 60, 0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(220, 20, 60, 0.02) 1px, transparent 1px);
}

:root.light-theme .hero-loading {
    background: rgba(250, 250, 250, 0.95);
}

:root.light-theme .loading-ring {
    border-color: rgba(220, 20, 60, 0.1);
    border-top-color: #DC143C;
}

:root.light-theme .loading-percent {
    color: #DC143C;
}

:root.light-theme .loading-progress-bar {
    background: rgba(220, 20, 60, 0.1);
}

:root.light-theme .loading-progress-fill {
    background: linear-gradient(90deg, #DC143C, #8B0000);
}

/* ========== RESPONSIVE BREAKPOINTS ========== */

/* Tablet - Stack vertically */
@media (max-width: 1024px) {
    .hero {
        flex-direction: column;
    }
    
    .hero-content-panel {
        width: 100%;
        min-height: auto;
        padding: 70px 24px 24px 24px;
        order: 1;
    }
    
    .hero-3d-panel {
        width: 100%;
        height: 45vh;
        min-height: 280px;
        max-height: 400px;
        order: 2;
    }
    
    .hero-scroll {
        display: none;
    }
}

/* Mobile - Full width, properly contained */
@media (max-width: 768px) {
    .logo-3d-container {
        width: 55px;
        height: 55px;
    }
    
    .logo {
        font-size: 0.85rem;
        gap: 0.5rem;
    }
    
    .logo-text {
        display: none;
    }
    
    .hero {
        flex-direction: column;
        min-height: auto;
    }
    
    .hero-content-panel {
        width: 100%;
        min-height: auto;
        padding: 70px 16px 20px 16px;
        text-align: center;
        align-items: center;
        order: 1;
    }
    
    .hero-3d-panel {
        width: 100%;
        height: 38vh;
        min-height: 240px;
        max-height: 340px;
        order: 2;
    }
    
    .hero-badge {
        margin-bottom: 12px;
        padding: 4px 10px;
        gap: 5px;
    }
    
    .badge-text {
        font-size: 9px;
        letter-spacing: 0.08em;
    }
    
    .badge-dot {
        width: 5px;
        height: 5px;
    }
    
    .hero-title {
        font-size: 24px;
        margin-bottom: 10px;
        line-height: 1.2;
        text-align: center;
    }
    
    .hero-subtitle {
        font-size: 11px;
        margin-bottom: 16px;
        text-align: center;
        line-height: 1.5;
        padding: 0 8px;
    }
    
    .hero-stats {
        justify-content: center;
        gap: 16px;
        margin-bottom: 16px;
    }
    
    .stat-block {
        text-align: center;
    }
    
    .stat-block::after {
        display: none;
    }
    
    .stat-value {
        font-size: 20px;
    }
    
    .stat-label {
        font-size: 8px;
    }
    
    .hero-actions {
        flex-direction: column;
        width: 100%;
        max-width: 260px;
        gap: 10px;
    }
    
    .btn-primary-hero,
    .btn-secondary-hero {
        width: 100%;
        justify-content: center;
        padding: 10px 16px;
        font-size: 12px;
    }
    
    .hero-certifications {
        justify-content: center;
        gap: 12px;
        margin-top: 16px;
        padding-top: 14px;
    }
    
    .cert-icon {
        width: 12px;
        height: 12px;
    }
    
    .cert-text {
        font-size: 8px;
    }
    
    .hero-bg-gradient {
        display: none;
    }
    
    .loading-ring {
        width: 40px;
        height: 40px;
    }
    
    .loading-percent {
        font-size: 14px;
    }
    
    .loading-status {
        font-size: 9px;
    }
    
    /* Contact Section Mobile */
    .contact.console-panel {
        padding: 1.5rem 1rem !important;
        margin: 0 !important;
    }
    
    .contact-content-wrapper {
        display: flex !important;
        flex-direction: column !important;
        gap: 1.5rem !important;
    }
    
    .contact-info-section {
        width: 100% !important;
        padding-bottom: 1.5rem !important;
        border-bottom: 1px solid var(--border-color) !important;
    }
    
    .contact-info-section h3 {
        font-size: 1rem !important;
        margin-bottom: 1rem !important;
    }
    
    .contact-info-item {
        margin-bottom: 0.8rem !important;
        padding-left: 1rem !important;
        font-size: 0.9rem !important;
    }
    
    .contact-form {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .contact-form .form-group {
        width: 100% !important;
        margin: 0 !important;
    }
    
    .contact-form .form-group.full-width {
        width: 100% !important;
    }
    
    .contact-form input,
    .contact-form textarea {
        width: 100% !important;
        box-sizing: border-box !important;
        font-size: 16px !important;
        padding: 14px 12px !important;
        border-radius: 4px !important;
    }
    
    .contact-form textarea {
        min-height: 100px !important;
        resize: vertical !important;
    }
    
    .contact-form label {
        font-size: 10px !important;
        top: -8px !important;
        left: 8px !important;
        padding: 0 4px !important;
    }
    
    .contact-form .btn {
        width: 100% !important;
        padding: 16px 24px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        margin-top: 0.5rem !important;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .hero-content-panel {
        padding: 65px 12px 16px 12px;
    }
    
    .hero-3d-panel {
        height: 34vh;
        min-height: 200px;
        max-height: 280px;
    }
    
    .hero-badge {
        padding: 3px 8px;
    }
    
    .badge-text {
        font-size: 8px;
    }
    
    .hero-title {
        font-size: 20px;
        margin-bottom: 8px;
    }
    
    .hero-subtitle {
        font-size: 10px;
        margin-bottom: 12px;
    }
    
    .hero-stats {
        gap: 12px;
        margin-bottom: 12px;
    }
    
    .stat-value {
        font-size: 18px;
    }
    
    .stat-label {
        font-size: 7px;
    }
    
    .hero-actions {
        max-width: 220px;
        gap: 8px;
    }
    
    .btn-primary-hero,
    .btn-secondary-hero {
        padding: 9px 14px;
        font-size: 11px;
    }
    
    .hero-certifications {
        gap: 10px;
        margin-top: 12px;
        padding-top: 10px;
    }
    
    .cert-icon {
        width: 10px;
        height: 10px;
    }
    
    .cert-text {
        font-size: 7px;
    }
    
    /* Contact Section - Small Mobile */
    .contact.console-panel {
        padding: 1rem 0.75rem !important;
    }
    
    .contact-info-section h3 {
        font-size: 0.9rem !important;
    }
    
    .contact-info-item {
        font-size: 0.85rem !important;
        margin-bottom: 0.6rem !important;
    }
    
    .contact-form {
        gap: 0.75rem !important;
    }
    
    .contact-form input,
    .contact-form textarea {
        padding: 12px 10px !important;
        font-size: 16px !important;
    }
    
    .contact-form label {
        font-size: 9px !important;
    }
    
    .contact-form .btn {
        padding: 14px 20px !important;
        font-size: 13px !important;
    }
}

/* Extra Small Mobile */
@media (max-width: 360px) {
    .hero-content-panel {
        padding: 60px 10px 12px 10px;
    }
    
    .hero-3d-panel {
        height: 30vh;
        min-height: 180px;
        max-height: 240px;
    }
    
    .hero-title {
        font-size: 18px;
    }
    
    .hero-subtitle {
        font-size: 9px;
    }
    
    .stat-value {
        font-size: 16px;
    }
    
    .hero-certifications {
        display: none;
    }
    
    .btn-primary-hero,
    .btn-secondary-hero {
        padding: 8px 12px;
        font-size: 10px;
    }
    
    /* Contact Section - Extra Small Mobile */
    .contact.console-panel {
        padding: 0.75rem 0.5rem !important;
    }
    
    .contact-info-section h3 {
        font-size: 0.85rem !important;
    }
    
    .contact-info-item {
        font-size: 0.8rem !important;
    }
    
    .contact-form input,
    .contact-form textarea {
        padding: 10px 8px !important;
    }
    
    .contact-form .btn {
        padding: 12px 16px !important;
        font-size: 12px !important;
    }
}

/* Landscape Mobile */
@media (max-width: 900px) and (orientation: landscape) {
    .hero {
        flex-direction: row;
        min-height: 100vh;
        min-height: 100dvh;
    }
    
    .hero-content-panel {
        width: 50%;
        min-height: 100vh;
        min-height: 100dvh;
        padding: 70px 16px 20px 24px;
        text-align: left;
        align-items: flex-start;
        order: 1;
    }
    
    .hero-3d-panel {
        width: 50%;
        height: 100vh;
        height: 100dvh;
        min-height: auto;
        max-height: none;
        order: 2;
    }
    
    .hero-title {
        font-size: 18px;
        text-align: left;
    }
    
    .hero-subtitle {
        font-size: 9px;
        margin-bottom: 10px;
        text-align: left;
        padding: 0;
    }
    
    .hero-stats {
        justify-content: flex-start;
        margin-bottom: 10px;
        gap: 12px;
    }
    
    .stat-value {
        font-size: 16px;
    }
    
    .stat-label {
        font-size: 6px;
    }
    
    .hero-actions {
        flex-direction: row;
        max-width: none;
        width: auto;
    }
    
    .btn-primary-hero,
    .btn-secondary-hero {
        width: auto;
        padding: 7px 12px;
        font-size: 9px;
    }
    
    .hero-certifications {
        display: none;
    }
}

/* ===== Services / Capabilities (#services, .capabilities, .console-panel) ===== */
.status-indicator,
        .capability-label,
        .placeholder-label,
        .node-label,
        .kpi-label,
        .footer-info {font-family:'Turret Road', 'Share Tech Mono', monospace !important;letter-spacing:0.1em !important;}

/* Updated capability card text styles for less crowded appearance */
.capability-card p {
    font-family: 'Turret Road', 'Share Tech Mono', monospace !important;
    font-size: clamp(0.75rem, 0.85vw, 0.85rem) !important;
    line-height: 1.8 !important;
    letter-spacing: 0.08em !important;
    color: rgba(255, 255, 255, 0.85) !important;
    margin: 0.3rem 0 !important;
    padding-left: 0.5rem !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
}

.capability-card h3 {
    font-family: 'Orbitron', sans-serif !important;
    font-weight: 700 !important;
    margin-bottom: 1.2rem !important;
    font-size: clamp(1.1rem, 1.3vw, 1.25rem) !important;
}

.capability-card {
    padding: 1.8rem 1.5rem !important;
    min-height: 280px;
}

.capability-label {
    margin-bottom: 1rem !important;
}

:root.light-theme .capability-card p {
    color: var(--text-secondary) !important;
}

.hero h1 {letter-spacing:0.05em !important;text-transform:uppercase;text-shadow:0 0 20px rgba(0,229,255,0.4);}.logo {font-family:'Zen Dots', 'Audiowide', sans-serif !important;font-weight:400 !important;letter-spacing:0.15em !important;}.capability-card h3,
        .project-title {font-family:'Orbitron', sans-serif !important;font-weight:700 !important;text-transform:uppercase;letter-spacing:0.08em !important;}.case-content h3 {font-family:'Orbitron', sans-serif !important;font-weight:700 !important;text-transform:uppercase;letter-spacing:0.05em !important;}.kpi-value {font-family:'Teko', 'Orbitron', monospace !important;font-size:2.2rem !important;font-weight:700 !important;letter-spacing:0.02em !important;line-height:0.9 !important;}
/* ===== Shared Components (cards, buttons, panels) ===== */
.btn {font-family:'Iceland', 'Turret Road', sans-serif !important;font-weight:400 !important;text-transform:uppercase !important;letter-spacing:0.2em !important;font-size:clamp(0.85rem, 0.95vw, 0.95rem) !important;}.btn-primary {font-weight:400 !important;}.hero-subtitle {
    font-family: 'Turret Road', 'Share Tech Mono', monospace !important;
    font-weight: 400 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    font-size: clamp(0.85rem, 1vw, 0.95rem) !important;
    line-height: 1.8 !important;
}

.status-indicator {
    font-family: 'Turret Road', 'Share Tech Mono', monospace !important;
    font-size: clamp(0.7rem, 0.8vw, 0.75rem) !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}

label {font-family:'Turret Road', monospace !important;font-weight:500 !important;}.capability-card p {font-family:'Rajdhani', 'Saira', sans-serif !important;font-weight:400 !important;letter-spacing:0.03em !important;}.console-panel h2 {font-family:'Orbitron', sans-serif !important;font-weight:700 !important;color:#FFFFFF !important;text-shadow:0 2px 10px rgba(255,255,255,0.3) !important;}.console-panel h3 {font-family:'Orbitron', sans-serif !important;font-weight:700 !important;color:#FFFFFF !important;}.console-panel .panel-label {font-family:'Share Tech Mono', monospace !important;color:#FFFFFF !important;text-shadow:0 0 5px rgba(255,255,255,0.5) !important;}:root.light-theme h1, 
        :root.light-theme h2, 
        :root.light-theme h3{text-shadow:0 2px 4px rgba(0, 0, 0, 0.05);}:root.light-theme .panel-label{font-weight:400 !important;background:linear-gradient(90deg, var(--accent-cyan), var(--accent-lime));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
/* ===== Layout Utilities (grid, container) ===== */
.grid-background {position:fixed;inset:0;background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-size:50px 50px;z-index:0;pointer-events:none;}:root.light-theme .grid-background{background-image:linear-gradient(rgba(220, 20, 60, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(220, 20, 60, 0.03) 1px, transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;}body::after {content:'';position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:radial-gradient( circle at 30% 50%, rgba(0, 229, 255, 0.1) 0%, transparent 50% );pointer-events:none;z-index:1;mix-blend-mode:screen;}:root.light-theme body::after{display:none !important;}
/* ===== Animations (@keyframes) ===== */
@keyframes gridMove {0% { transform:translate(0, 0); } 100% { transform: translate(50px, 50px); }}.scanlines {position:fixed;inset:0;background:linear-gradient( transparent 50%, rgba(0, 229, 255, 0.03) 50% );background-size:100% 4px;pointer-events:none;z-index:9997;}.scan-bar {display:none;}.container {max-width:var(--max-width);width:100%;margin:0 auto;padding:0 clamp(1rem, 3vw, 2rem);position:relative;z-index:1;}nav .container {padding-left:0;padding-right:clamp(1rem, 2vw, 2rem);}.grid {display:grid;grid-template-columns:repeat(var(--grid-columns), 1fr);gap:clamp(1rem, 2vw, var(--grid-gap));}h1, h2, h3 {font-family:'Rajdhani', sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:0.02em;line-height:1.2;}h1 {font-size:clamp(1.75rem, 4vw, 3rem);margin-bottom:1rem;}h2 {font-size:clamp(1.5rem, 3vw, 2.25rem);margin-bottom:0.75rem;}h3 {font-size:clamp(1.125rem, 2vw, 1.5rem);margin-bottom:0.5rem;}.panel-label {display:block;font-family:'JetBrains Mono', monospace;font-size:clamp(0.65rem, 0.7vw, 0.75rem);color:var(--accent-cyan);letter-spacing:0.2em;opacity:0.7;text-transform:uppercase;white-space:nowrap;margin:0 0 2rem 0;padding:0;line-height:1;position:relative;}.panel-label::before {content:'';display:inline-block;width:8px;height:8px;background:var(--accent-cyan);clip-path:polygon(0 50%, 100% 0, 100% 100%);margin-right:10px;vertical-align:middle;}.console-panel {position:relative;padding:2.5rem 2.5rem 3rem;margin:3rem 0;background:linear-gradient(135deg, rgba(10, 13, 18, 0.95) 0%, rgba(15, 18, 23, 0.98) 100%);border:1px solid rgba(0, 229, 255, 0.1);overflow:hidden;color:#FFFFFF;}
/* ===== Contact (#contact) ===== */
.contact.console-panel {background:linear-gradient(135deg, rgba(10, 13, 18, 0.95) 0%, rgba(15, 18, 23, 0.98) 100%);border:1px solid rgba(0, 229, 255, 0.1);color:var(--text-primary);}.contact.console-panel * {color:var(--text-primary) !important;}.contact.console-panel h2 {color:var(--text-primary) !important;}.contact.console-panel .panel-label {color:var(--accent-cyan) !important;opacity:0.7;}.contact.console-panel label {background:transparent !important;color:var(--accent-cyan) !important;padding:0 0 4px 0;border:none;}.contact.console-panel input,
        .contact.console-panel textarea {background:rgba(0, 0, 0, 0.4) !important;border:1px solid rgba(0, 229, 255, 0.2) !important;color:var(--text-primary) !important;}.contact.console-panel input::placeholder,
        .contact.console-panel textarea::placeholder {color:rgba(168, 178, 193, 0.6) !important;}.contact.console-panel input:focus,
        .contact.console-panel textarea:focus {background:rgba(0, 0, 0, 0.6) !important;border-color:var(--accent-cyan) !important;box-shadow:0 0 10px rgba(0, 229, 255, 0.2) !important;}.contact.console-panel .btn {background:var(--accent-cyan);color:var(--bg-primary) !important;border-color:var(--accent-cyan);font-weight:600;}.contact.console-panel .btn:hover {background:var(--accent-lime);color:var(--bg-primary) !important;border-color:var(--accent-lime);box-shadow:0 0 20px rgba(156, 251, 97, 0.4);}.contact.console-panel .corner-bracket {border-color:rgba(0, 229, 255, 0.2);}:root.light-theme .contact.console-panel{background:linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 250, 250, 0.98) 50%, rgba(245, 245, 245, 0.98) 100%);border:1px solid rgba(200, 200, 200, 0.15);color:var(--text-primary);}:root.light-theme .contact.console-panel *{color:var(--text-primary) !important;}:root.light-theme .contact.console-panel h2{color:var(--text-primary) !important;}:root.light-theme .contact.console-panel .panel-label{color:var(--accent-cyan) !important;}:root.light-theme .contact.console-panel label{background:transparent !important;color:var(--accent-cyan) !important;border:none;}:root.light-theme .contact.console-panel input,
        :root.light-theme .contact.console-panel textarea{background:rgba(255, 255, 255, 0.95) !important;border:1px solid rgba(200, 200, 200, 0.3) !important;color:var(--text-primary) !important;}:root.light-theme .contact.console-panel input::placeholder,
        :root.light-theme .contact.console-panel textarea::placeholder{color:rgba(0, 0, 0, 0.4) !important;}:root.light-theme .contact.console-panel input:focus,
        :root.light-theme .contact.console-panel textarea:focus{background:#FFFFFF !important;border-color:var(--accent-cyan) !important;box-shadow:0 0 10px rgba(220, 20, 60, 0.2) !important;}:root.light-theme .contact.console-panel .btn{background:var(--accent-cyan);color:#FFFFFF !important;border-color:var(--accent-cyan);font-weight:600;}:root.light-theme .contact.console-panel .btn:hover{background:var(--accent-lime);color:#FFFFFF !important;border-color:var(--accent-lime);box-shadow:0 0 20px rgba(139, 0, 0, 0.3);}:root.light-theme .contact.console-panel .corner-bracket{border-color:rgba(200, 200, 200, 0.3);}:root.light-theme .contact.console-panel::before{background:var(--background-03-3b2e);opacity:0.3;}:root.light-theme .contact.console-panel::after{background:linear-gradient(90deg, transparent 0%, rgba(220, 20, 60, 0.02) 50%, transparent 100%);}.contact.console-panel::before {background:var(--background-03-3b2e);opacity:0.6;}.contact.console-panel::after {background:linear-gradient(90deg, transparent 0%, rgba(0, 229, 255, 0.02) 50%, transparent 100%);}.console-panel .corner-bracket {border-color:rgba(255, 255, 255, 0.2);}.console-panel:hover .corner-bracket {border-color:rgba(255, 255, 255, 0.4);}.console-panel .capability-card {background:var(--background-04-4045);border:1px solid rgba(255, 255, 255, 0.2);transition:transform 300ms ease, box-shadow 300ms ease, border-color 300ms ease;position:relative;overflow:hidden;}.console-panel .capability-card:hover {background:linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.1) 100%);border-color:rgba(255, 255, 255, 0.5);box-shadow:0 10px 30px rgba(0, 0, 0, 0.2);transform:translateY(-4px);}@keyframes whiteGlitchEffect {0% {
                transform:translateY(-4px) scale(1.02) translate(0, 0); filter: brightness(1); } 10% { transform: translateY(-4px) scale(1.02) translate(-2px, 2px); filter: brightness(1.1); } 20% { transform: translateY(-4px) scale(1.02) translate(2px, -2px); filter: brightness(0.95); } 30% { transform: translateY(-4px) scale(1.02) translate(-2px, -2px); filter: brightness(1.05); } 40% { transform: translateY(-4px) scale(1.02) translate(2px, 2px); filter: brightness(0.98); } 50% { transform: translateY(-4px) scale(1.02) translate(-1px, 1px); filter: brightness(1.02); } 60% { transform: translateY(-4px) scale(1.02) translate(1px, -1px); filter: brightness(0.97); } 70% { transform: translateY(-4px) scale(1.02) translate(-1px, -1px); filter: brightness(1.03); } 80% { transform: translateY(-4px) scale(1.02) translate(1px, 1px); filter: brightness(0.99); } 90% { transform: translateY(-4px) scale(1.02) translate(0, 0); filter: brightness(1.01); } 100% { transform: translateY(-4px) scale(1.02) translate(0, 0); filter: brightness(1); }}.console-panel .capability-card:hover .capability-icon {animation:whiteIconPulse 400ms;filter:drop-shadow(0 0 15px rgba(255, 255, 255, 0.9));}@keyframes whiteIconPulse {0%, 100% {
                transform:scale(1); } 25% { transform: scale(1.1) rotate(5deg); } 50% { transform: scale(0.95) rotate(-5deg); } 75% { transform: scale(1.05) rotate(3deg); }}.console-panel .capability-card:hover h3 {animation:whiteTextGlitch 400ms;}@keyframes whiteTextGlitch {0%, 100% {
                text-shadow:0 0 0 transparent; } 25% { text-shadow: -2px 0 rgba(255,255,255,0.8), 2px 0 rgba(255,255,255,0.6); } 50% { text-shadow: 2px 0 rgba(255,255,255,0.8), -2px 0 rgba(255,255,255,0.6); } 75% { text-shadow: 0 0 8px rgba(255,255,255,0.9); }}.console-panel .panel-label {color:#FFFFFF !important;opacity:0.9;}.console-panel h2,
        .console-panel h3 {color:#FFFFFF !important;}.console-panel .kpi-value {color:#FFFFFF !important;}.console-panel::before {content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--background-05-3d3e);opacity:0.8;}.console-panel::after {content:'';position:absolute;inset:0;background:var(--background-06-4608);pointer-events:none;}.console-panel .capability-icon {stroke:#FFFFFF !important;fill:none;}.console-panel .corner-bracket {border-color:rgba(255, 255, 255, 0.4);}.console-panel:hover .corner-bracket {border-color:rgba(255, 255, 255, 0.8);}.console-panel .capability-card {background:var(--background-04-4045);border:1px solid rgba(255, 255, 255, 0.2);}.console-panel .capability-card:hover {background:linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.08) 100%);border-color:rgba(255, 255, 255, 0.5);box-shadow:0 10px 30px rgba(0, 0, 0, 0.2);}.console-panel .capability-card::before {background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);}.console-panel .kpi {background:var(--background-04-4045);border:1px solid rgba(255, 255, 255, 0.2);position:relative;overflow:hidden;transition:transform 300ms ease, box-shadow 300ms ease, border-color 300ms ease;}.console-panel .kpi::before {content:'';position:absolute;top:0;left:0;right:0;height:1px;background:rgba(255, 255, 255, 0.6);transform:scaleX(0);transition:transform var(--transition-smooth);}.console-panel .kpi:hover::before {transform:scaleX(1);}.console-panel .kpi::after {content:'';position:absolute;top:0;right:0;width:20px;height:20px;border-top:2px solid rgba(255, 255, 255, 0.4);border-right:2px solid rgba(255, 255, 255, 0.4);opacity:0;transition:opacity var(--transition-smooth);}.console-panel .kpi:hover::after {opacity:1;}@keyframes cornerPulse {0%, 100% {
                transform:scale(1); opacity: 0.4; } 50% { transform: scale(1.1); opacity: 0.8; }}.console-panel .kpi:hover {background:var(--background-07-1231);border-color:rgba(255, 255, 255, 0.4);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0, 0, 0, 0.3);}.console-panel .kpi-value {color:#FFFFFF !important;font-family:'Orbitron', monospace;font-weight:700;text-shadow:0 0 15px rgba(255, 255, 255, 0.6);}@keyframes valueGlow {0% { text-shadow:0 0 10px rgba(255, 255, 255, 0.5); } 100% { text-shadow: 0 0 20px rgba(255, 255, 255, 0.8); }}.console-panel * {color:#FFFFFF !important;}.console-panel .panel-label {color:#FFFFFF !important;opacity:0.9;font-family:'Share Tech Mono', monospace;}.console-panel h2,
        .console-panel h3 {color:#FFFFFF !important;font-family:'Orbitron', sans-serif;}.console-panel p,
        .console-panel .capability-label,
        .console-panel .kpi-label {color:rgba(255, 255, 255, 0.9) !important;}.console-panel .capability-icon {stroke:#FFFFFF !important;fill:none;filter:drop-shadow(0 0 5px rgba(255, 255, 255, 0.5));transition:filter var(--transition-smooth);}.console-panel .capability-icon * {stroke:#FFFFFF !important;}.console-panel .capability-card:hover .capability-icon {animation:iconPulse 400ms;filter:drop-shadow(0 0 10px rgba(255, 255, 255, 0.8));}.console-panel:not(.contact) input,
        .console-panel:not(.contact) textarea {background:var(--background-01-117c);border:1px solid rgba(255, 255, 255, 0.3);color:#FFFFFF !important;}.console-panel:not(.contact) input::placeholder,
        .console-panel:not(.contact) textarea::placeholder {color:rgba(255, 255, 255, 0.6);}.console-panel:not(.contact) input:focus,
        .console-panel:not(.contact) textarea:focus {background:rgba(255, 255, 255, 0.15);border-color:rgba(255, 255, 255, 0.6);box-shadow:0 0 10px rgba(255, 255, 255, 0.2);}.console-panel:not(.contact) label {background:linear-gradient(135deg, rgba(220, 20, 60, 1) 0%, rgba(139, 0, 0, 1) 100%);color:#FFFFFF !important;}.console-panel .btn {background:#FFFFFF;color:var(--accent-cyan);border:1px solid #FFFFFF;}.console-panel .btn:hover {background:rgba(255, 255, 255, 0.9);box-shadow:0 0 20px rgba(255, 255, 255, 0.4);}.console-panel .btn-primary {background:#FFFFFF;color:#DC143C;}:root.light-theme .console-panel input,
        :root.light-theme .console-panel textarea{background:rgba(255, 255, 255, 0.9);border:1px solid rgba(200, 200, 200, 0.3);color:var(--text-primary) !important;}:root.light-theme #services.console-panel input,
        :root.light-theme #services.console-panel textarea,
        :root.light-theme .industries.console-panel input,
        :root.light-theme .industries.console-panel textarea{background:var(--background-01-117c);border:1px solid rgba(255, 255, 255, 0.2);color:#FFFFFF !important;}:root.light-theme #services.console-panel input::placeholder,
        :root.light-theme #services.console-panel textarea::placeholder,
        :root.light-theme .industries.console-panel input::placeholder,
        :root.light-theme .industries.console-panel textarea::placeholder{color:rgba(255, 255, 255, 0.5);}:root.light-theme .console-panel:not(#services):not(.industries) input::placeholder,
        :root.light-theme .console-panel:not(#services):not(.industries) textarea::placeholder{color:rgba(0, 0, 0, 0.4) !important;}:root.light-theme #services.console-panel input:focus,
        :root.light-theme #services.console-panel textarea:focus,
        :root.light-theme .industries.console-panel input:focus,
        :root.light-theme .industries.console-panel textarea:focus{background:rgba(255, 255, 255, 0.15);border-color:rgba(255, 255, 255, 0.4);box-shadow:0 0 10px rgba(255, 255, 255, 0.2);}:root.light-theme .console-panel:not(#services):not(.industries) input:focus,
        :root.light-theme .console-panel:not(#services):not(.industries) textarea:focus{background:rgba(255, 255, 255, 1);border-color:var(--accent-cyan);box-shadow:0 0 10px rgba(220, 20, 60, 0.2);}:root.light-theme .console-panel label{background:transparent;color:var(--accent-cyan) !important;border:none;padding:2px 0;box-shadow:none;}:root.light-theme #services.console-panel label,
        :root.light-theme .industries.console-panel label{background:var(--background-01-117c);color:#FFFFFF !important;border:1px solid rgba(255, 255, 255, 0.2);padding:2px 8px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.3);}:root.light-theme .console-panel .btn{background:var(--accent-cyan);color:#FFFFFF;border:1px solid var(--accent-cyan);font-weight:600;text-shadow:none;}:root.light-theme .console-panel .btn:hover{background:var(--accent-lime);box-shadow:0 0 20px rgba(220, 20, 60, 0.3);border-color:var(--accent-lime);}:root.light-theme #services.console-panel .btn,
        :root.light-theme .industries.console-panel .btn{background:rgba(255, 255, 255, 0.95);color:rgba(139, 0, 0, 1);border:1px solid rgba(255, 255, 255, 0.9);font-weight:600;text-shadow:0 1px 2px rgba(0, 0, 0, 0.1);}:root.light-theme #services.console-panel .btn:hover,
        :root.light-theme .industries.console-panel .btn:hover{background:rgba(255, 255, 255, 1);box-shadow:0 0 30px rgba(255, 255, 255, 0.5), 0 0 60px rgba(255, 0, 0, 0.2);border-color:#FFFFFF;}:root.light-theme .console-panel .btn-primary{background:var(--accent-cyan);color:#FFFFFF;font-weight:700;}:root.light-theme #services.console-panel .btn-primary,
        :root.light-theme .industries.console-panel .btn-primary{background:rgba(255, 255, 255, 0.95);color:rgba(139, 0, 0, 1);font-weight:700;}:root.light-theme #contact.console-panel .btn-primary{background:var(--accent-cyan);color:#FFFFFF !important;font-weight:700;}:root.light-theme .console-panel .btn-primary:hover{background:#FFFFFF;text-shadow:0 0 10px rgba(139, 0, 0, 0.3);}:root.light-theme #contact.console-panel .btn-primary:hover{background:var(--accent-lime);color:#FFFFFF !important;text-shadow:0 0 10px rgba(255, 255, 255, 0.3);}.console-panel .panel-label {position:relative;top:auto;left:auto;margin:0 0 1.5rem 0;z-index:1;}section h2 {position:relative;margin:0 0 1.5rem 0;padding:0;line-height:1.2;}section:not(.console-panel) .panel-label {position:relative;margin:0 0 1rem 0;}:root.light-theme .console-panel{padding:2rem 2rem 3rem;background:linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 250, 250, 0.98) 50%, rgba(245, 245, 245, 0.98) 100%), linear-gradient(0deg, transparent 24%, rgba(0, 0, 0, 0.02) 25%, rgba(0, 0, 0, 0.02) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, 0.02) 75%, rgba(0, 0, 0, 0.02) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(0, 0, 0, 0.02) 25%, rgba(0, 0, 0, 0.02) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, 0.02) 75%, rgba(0, 0, 0, 0.02) 76%, transparent 77%, transparent);background-size:100% 100%, 50px 50px, 50px 50px;background-position:center, 0 0, 0 0;border:1px solid rgba(200, 200, 200, 0.15);box-shadow:0 2px 10px rgba(0, 0, 0, 0.05);overflow:hidden;position:relative;color:var(--text-primary);}:root.light-theme #services.console-panel{background:linear-gradient(135deg, rgb(49 1 1 / 95%) 0%, rgb(193 0 1) 95%);border:1px solid rgba(255, 255, 255, 0.2);color:#FFFFFF;position:relative;overflow:hidden;}:root.light-theme #services.console-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--background-05-3d3e);opacity:0.8;}:root.light-theme #services.console-panel::after{content:'';position:absolute;inset:0;background:var(--background-06-4608);pointer-events:none;}
/* ===== Industries (#industries) ===== */
:root.light-theme .industries.console-panel{background:linear-gradient(135deg, rgb(49 1 1 / 95%) 0%, rgb(193 0 1) 95%);border:1px solid rgba(255, 255, 255, 0.2);color:#FFFFFF;position:relative;overflow:hidden;}:root.light-theme .industries.console-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--background-05-3d3e);opacity:0.8;}:root.light-theme .industries.console-panel::after{content:'';position:absolute;inset:0;background:var(--background-06-4608);pointer-events:none;}:root.light-theme #services.console-panel *,
        :root.light-theme .industries.console-panel *{color:#FFFFFF !important;}:root.light-theme .console-panel:not(#services):not(.industries) *{color:var(--text-primary) !important;}:root.light-theme .console-panel:not(#services):not(.industries) h2,
        :root.light-theme .console-panel:not(#services):not(.industries) h3,
        :root.light-theme .console-panel:not(#services):not(.industries) .panel-label{color:var(--text-primary) !important;}:root.light-theme .console-panel:not(#services):not(.industries) p{color:var(--text-secondary) !important;}:root.light-theme .console-panel:not(#services):not(.industries) .capability-label,
        :root.light-theme .console-panel:not(#services):not(.industries) .capability-icon{color:var(--accent-cyan) !important;}:root.light-theme #services.console-panel .corner-bracket,
        :root.light-theme .industries.console-panel .corner-bracket{border-color:rgba(255, 255, 255, 0.5) !important;}:root.light-theme #services.console-panel .capability-label,
        :root.light-theme #services.console-panel .capability-icon{color:rgba(255, 255, 255, 0.9) !important;}:root.light-theme #services.console-panel .capability-card{background:linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);border:1px solid rgba(255, 255, 255, 0.2);box-shadow:0 4px 20px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1);}:root.light-theme #services.console-panel .capability-card:hover{background:linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.08) 100%);border-color:rgba(255, 255, 255, 0.4);box-shadow:0 10px 30px rgba(0, 0, 0, 0.3);}:root.light-theme .industries.console-panel .industry-badge{background:var(--background-01-117c);border-color:rgba(255, 255, 255, 0.3);color:#FFFFFF !important;}:root.light-theme .console-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg, transparent 0%, rgba(139, 0, 0, 0.3) 20%, rgba(255, 0, 0, 0.6) 35%, rgba(255, 100, 100, 0.9) 50%, rgba(255, 0, 0, 0.6) 65%, rgba(139, 0, 0, 0.3) 80%, transparent 100%);opacity:0.8;box-shadow:0 0 20px rgba(255, 0, 0, 0.6), 0 0 40px rgba(139, 0, 0, 0.4), 0 2px 4px rgba(255, 100, 100, 0.8);filter:blur(0.5px);}:root.light-theme .console-panel::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom right, rgba(255, 0, 0, 0.1) 0%, transparent 15%), linear-gradient(to bottom left, rgba(255, 0, 0, 0.1) 0%, transparent 15%), linear-gradient(to top right, rgba(255, 0, 0, 0.1) 0%, transparent 15%), linear-gradient(to top left, rgba(255, 0, 0, 0.1) 0%, transparent 15%), repeating-linear-gradient( 180deg, transparent 0px, transparent 2px, rgba(255, 0, 0, 0.01) 2px, rgba(255, 0, 0, 0.01) 3px, transparent 3px, transparent 5px, rgba(139, 0, 0, 0.008) 5px, rgba(139, 0, 0, 0.008) 6px ), radial-gradient(circle at 15% 20%, rgba(255, 50, 50, 0.15) 0%, transparent 3%), radial-gradient(circle at 85% 25%, rgba(255, 50, 50, 0.15) 0%, transparent 3%), radial-gradient(circle at 20% 80%, rgba(255, 50, 50, 0.15) 0%, transparent 3%), radial-gradient(circle at 80% 85%, rgba(255, 50, 50, 0.15) 0%, transparent 3%), radial-gradient(circle at 50% 50%, rgba(139, 0, 0, 0.05) 0%, transparent 50%), linear-gradient(115deg, transparent 43%, rgba(255, 0, 0, 0.04) 45%, rgba(255, 100, 100, 0.06) 47%, rgba(255, 0, 0, 0.04) 49%, transparent 51%);background-size:15% 15%, 15% 15%, 15% 15%, 15% 15%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 200% 200%, 200% 200%;background-position:top left, top right, bottom left, bottom right, center, 0 0, 0 0, 0 0, 0 0, center, -50% -50%;pointer-events:none;mix-blend-mode:screen;opacity:0.7;}@keyframes holoShift {0% { background-position:top left, top right, bottom left, bottom right, center, 0 0, 0 0, 0 0, 0 0, center, -50% -50%; } 100% { background-position: top left, top right, bottom left, bottom right, center, 0 0, 0 0, 0 0, 0 0, center, 150% 150%; }}@keyframes techPulse {0%, 100% { opacity:0.5; } 50% { opacity: 1; }}:root.light-theme .console-panel .panel-label{color:rgba(255, 255, 255, 0.8) !important;opacity:1;}:root.light-theme .console-panel h2,
        :root.light-theme .console-panel h3{color:#FFFFFF !important;}:root.light-theme .console-panel p,
        :root.light-theme .console-panel .capability-label,
        :root.light-theme .console-panel .kpi-label{color:rgba(255, 255, 255, 0.9) !important;}:root.light-theme .console-panel .kpi-value{color:#FFFFFF !important;}:root.light-theme .console-panel .capability-card{background:rgba(255, 255, 255, 0.08);border:1px solid rgba(255, 255, 255, 0.15);}:root.light-theme .console-panel .capability-card:hover{background:var(--background-07-1231);border-color:rgba(255, 255, 255, 0.3);box-shadow:0 8px 25px rgba(0, 0, 0, 0.2);}:root.light-theme .console-panel .kpi{background:rgba(255, 255, 255, 0.08);border:1px solid rgba(255, 255, 255, 0.15);}:root.light-theme .console-panel .kpi:hover{background:var(--background-07-1231);border-color:rgba(255, 255, 255, 0.3);}:root.light-theme .console-panel .corner-bracket{border-color:rgba(255, 255, 255, 0.2);}:root.light-theme .console-panel:hover .corner-bracket{border-color:rgba(255, 255, 255, 0.4);}:root.light-theme .console-panel .capability-icon{stroke:#FFFFFF !important;fill:none;}:root.light-theme .console-panel .capability-icon *{stroke:#FFFFFF !important;}:root.light-theme .hero,
        :root.light-theme .capabilities,
        :root.light-theme .process,
        :root.light-theme .case-studies,
        :root.light-theme .industries{position:relative;}:root.light-theme .hero::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient( 90deg, transparent, transparent 100px, rgba(220, 20, 60, 0.03) 100px, rgba(220, 20, 60, 0.03) 101px ), repeating-linear-gradient( 0deg, transparent, transparent 100px, rgba(220, 20, 60, 0.03) 100px, rgba(220, 20, 60, 0.03) 101px );pointer-events:none;z-index:0;}:root.light-theme section{position:relative;}:root.light-theme section::before,
        :root.light-theme section::after{content:'';position:absolute;width:30px;height:30px;border:2px solid rgba(200, 200, 200, 0.2);pointer-events:none;z-index:1;}:root.light-theme section::before{top:20px;left:20px;border-right:none;border-bottom:none;}:root.light-theme section::after{bottom:20px;right:20px;border-left:none;border-top:none;}.nav-right {display:flex;align-items:center;gap:2rem;margin-left:auto;}.btn-quote {padding:0.75rem 1.5rem;font-size:0.85rem;}

/* Floating Buttons Container */
.floating-buttons {position:fixed;bottom:24px;right:140px;display:flex;flex-direction:column;gap:15px;z-index:9998;}

/* WhatsApp Button - Desktop */
.whatsapp-float {width:60px;height:60px;background:var(--whatsapp-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px var(--whatsapp-shadow);transition:transform 300ms ease, box-shadow 300ms ease;cursor:pointer;border:2px solid transparent;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);text-decoration:none;}
.whatsapp-float:hover {transform:scale(1.1);box-shadow:0 6px 30px rgba(37, 211, 102, 0.6);border-color:var(--accent-cyan);}
.whatsapp-icon {width:30px;height:30px;color:#ffffff;fill:currentColor;}

/* Mobile Bottom Bar */
@media (max-width: 768px) {
.floating-buttons {position:fixed;bottom:0;left:0;right:0;flex-direction:row;gap:0;z-index:9998;}
.whatsapp-float {flex:1;height:60px;border-radius:0;border-top:2px solid var(--accent-cyan);border-right:1px solid rgba(255,255,255,0.2);}
.whatsapp-float::after {content:'WhatsApp';margin-left:10px;font-family:'Oxanium',sans-serif;font-weight:600;font-size:14px;color:white;text-transform:uppercase;letter-spacing:0.05em;}
.whatsapp-float:hover {transform:none;box-shadow:0 -2px 20px rgba(37, 211, 102, 0.6);}
.livechat-float {flex:1;height:60px;background:#0066FF;border-radius:0;display:flex;align-items:center;justify-content:center;border-top:2px solid var(--accent-cyan);cursor:pointer;text-decoration:none;transition:background 300ms ease;}
.livechat-float:hover {background:#0052CC;}
.livechat-float::before {content:'';width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z'/%3E%3C/svg%3E");background-size:contain;}
.livechat-float::after {content:'Live Chat';margin-left:10px;font-family:'Oxanium',sans-serif;font-weight:600;font-size:14px;color:white;text-transform:uppercase;letter-spacing:0.05em;}
}

/* Desktop - hide mobile chat button */
@media (min-width: 769px) {
.livechat-float {display:none;}
}

/* Hide Tawk.to default widget on mobile */
@media (max-width: 768px) {
iframe[title="chat widget"],
.tawk-min-container {bottom:70px !important;}
}#themeSwitcher,
        .theme-switcher {position:fixed !important;top:100px !important;right:30px !important;width:45px !important;height:45px !important;border-radius:8px !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;z-index:99999 !important;overflow:visible !important;transition:all var(--transition-smooth);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:1 !important;visibility:visible !important;}@media (max-width: 768px) {#themeswitcher,
            .theme-switcher {
                top:70px !important; right: 15px !important; width: 40px !important; height: 40px !important; z-index: 99999 !important; display: flex !important; }}:root.light-theme .theme-switcher{background:#1a1a1a !important;border:2px solid rgba(255, 255, 255, 0.5) !important;color:#FFFFFF !important;display:flex !important;opacity:1 !important;visibility:visible !important;box-shadow:0 2px 10px rgba(0,0,0,0.3) !important;}:root:not(.light-theme) .theme-switcher{background:rgba(255, 255, 255, 0.95) !important;border:2px solid rgba(0, 0, 0, 0.2) !important;color:#0A0D12 !important;display:flex !important;opacity:1 !important;visibility:visible !important;box-shadow:0 2px 10px rgba(0,0,0,0.15) !important;}.theme-switcher:hover {transform:scale(1.05);}:root:not(.light-theme) .theme-switcher:hover{border-color:rgba(0, 0, 0, 0.4) !important;box-shadow:0 4px 20px rgba(0, 0, 0, 0.2) !important;background:#FFFFFF !important;}:root.light-theme .theme-switcher:hover{border-color:rgba(255, 255, 255, 0.8) !important;box-shadow:0 4px 20px rgba(255, 255, 255, 0.3) !important;background:#000000 !important;}.theme-switcher::before {display:none;}.theme-icon {font-size:20px;display:flex;align-items:center;justify-content:center;width:100%;height:100%;}.theme-switcher svg {width:20px;height:20px;display:block;}:root:not(.light-theme) .moon-icon{display:none;}:root.light-theme .sun-icon{display:none;}@media (max-width: 768px) {.theme-icon {
                font-size:18px; } .theme-switcher svg { width: 18px; height: 18px; }}@keyframes slideAcross {0% { transform:translateX(-100%); } 100% { transform: translateX(100%); }}@keyframes slideDown {0% { transform:translateY(-100%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; }}body.theme-transitioning .console-panel,
        body.theme-transitioning .capability-card,
        body.theme-transitioning .kpi {animation:slideDown 600ms ease-out;}.theme-icon {width:24px;height:24px;position:relative;transition:transform var(--transition-smooth);}.theme-switcher:hover .theme-icon {transform:rotate(180deg);}.sun-icon, .moon-icon {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:opacity var(--transition-smooth), transform var(--transition-smooth);color:currentColor;}.sun-icon {opacity:1;transform:translate(-50%, -50%) scale(1) rotate(0deg);}.moon-icon {opacity:0;transform:translate(-50%, -50%) scale(0.5) rotate(180deg);}:root.light-theme .sun-icon{opacity:0;transform:translate(-50%, -50%) scale(0.5) rotate(-180deg);}:root.light-theme .moon-icon{opacity:1;transform:translate(-50%, -50%) scale(1) rotate(0deg);}:root:not(.light-theme) .sun-icon, :root.light-theme .moon-icon {display:block;}
.theme-label {position:absolute;top:-30px;right:0;background:var(--bg-primary);border:1px solid var(--border-color);padding:4px 8px;font-family:'JetBrains Mono', monospace;font-size:0.65rem;color:var(--text-secondary);white-space:nowrap;letter-spacing:0.05em;text-transform:uppercase;opacity:0;visibility:hidden;transition:all var(--transition-smooth);pointer-events:none;}}

        .theme-switcher:hover .theme-label {opacity:1;transform:translateY(0);}:root.light-theme .scanlines{background:linear-gradient( transparent 50%, rgba(220, 20, 60, 0.015) 50% ), repeating-linear-gradient( 90deg, transparent, transparent 4px, rgba(220, 20, 60, 0.01) 4px, rgba(220, 20, 60, 0.01) 5px );background-size:100% 4px, 100% 100%;mix-blend-mode:multiply;}:root.light-theme .scan-bar{background:linear-gradient( 90deg, transparent, var(--accent-cyan) 40%, var(--accent-lime) 50%, var(--accent-cyan) 60%, transparent );opacity:0.3;height:2px;box-shadow:0 0 20px rgba(220, 20, 60, 0.4);}:root.light-theme body::before{display:none;}@keyframes holographicSweep {0% { transform:translateX(-100%); } 100% { transform: translateX(100%); }}.glitch-image {position:relative;overflow:hidden;cursor:pointer;transition:transform var(--transition-smooth);}.glitch-image img {width:100%;height:100%;object-fit:cover;transition:all var(--transition-smooth);}.glitch-image::before {content:'';position:absolute;inset:0;background:linear-gradient(45deg, transparent 30%, rgba(0, 229, 255, 0.1) 50%, transparent 70%);opacity:0;transition:opacity var(--transition-smooth);pointer-events:none;z-index:3;}.glitch-image::after {content:'VIEW DETAILS';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:var(--accent-cyan);font-family:'Rajdhani', sans-serif;font-weight:700;font-size:1.2rem;letter-spacing:0.1em;opacity:0;z-index:4;transition:opacity var(--transition-smooth);text-shadow:0 0 10px rgba(0, 229, 255, 0.8);pointer-events:none;}.glitch-image:hover {transform:scale(1.05);animation:imageGlitch 300ms;}.glitch-image:hover img {filter:blur(2px) brightness(0.7);animation:chromaticGlitch 300ms;}.glitch-image:hover::before {opacity:1;}.glitch-image:hover::after {opacity:1;}.glitch-image:hover .placeholder-content {opacity:1 !important;filter:blur(2px);}.glitch-image .placeholder-content {transition:filter var(--transition-smooth);}@keyframes imageGlitch {0%, 100% { 
                transform:scale(1.05) translate(0); filter: hue-rotate(0deg); } 20% { transform: scale(1.05) translate(-2px, 2px); filter: hue-rotate(90deg); } 40% { transform: scale(1.05) translate(2px, -2px); filter: hue-rotate(180deg); } 60% { transform: scale(1.05) translate(-2px, -2px); filter: hue-rotate(270deg); } 80% { transform: scale(1.05) translate(2px, 2px); filter: hue-rotate(360deg); }}@keyframes chromaticGlitch {0%, 100% {
                filter:blur(2px) brightness(0.7); } 25% { filter: blur(2px) brightness(0.7) hue-rotate(90deg); } 50% { filter: blur(2px) brightness(0.7) hue-rotate(-90deg); } 75% { filter: blur(2px) brightness(0.7) hue-rotate(180deg); }}@keyframes scanEffect {0% {
                background-position:0% 0%; } 100% { background-position: 100% 100%; }}.corner-bracket {position:absolute;width:20px;height:20px;border:2px solid var(--accent-cyan);opacity:0.4;transition:all var(--transition-smooth);z-index:2;}.console-panel:hover .corner-bracket {opacity:0.8;width:25px;height:25px;}.corner-bracket.tl {top:0 !important;left:0 !important;border-right:none;border-bottom:none;}.corner-bracket.tr {top:0 !important;right:0 !important;border-left:none;border-bottom:none;}.corner-bracket.bl {bottom:0 !important;left:0 !important;border-right:none;border-top:none;}.corner-bracket.br {bottom:0 !important;right:0 !important;border-left:none;border-top:none;}.capabilities.console-panel,
        .industries.console-panel {margin-top:4rem;margin-bottom:4rem;}@media (max-width: 768px) {.corner-bracket {
                width:15px; height: 15px; border-width: 1.5px; } .console-panel:hover .corner-bracket { width: 15px; height: 15px; } .corner-bracket.tl { top: 0 !important; left: 0 !important; } .corner-bracket.tr { top: 0 !important; right: 0 !important; } .corner-bracket.bl { bottom: 0 !important; left: 0 !important; } .corner-bracket.br { bottom: 0 !important; right: 0 !important; } .panel-label { margin: 0 0 1.5rem 0; font-size: clamp(0.6rem, 2vw, 0.7rem); } .console-panel { padding: 2rem 1.5rem 2.5rem; margin: 2rem 0; } .capabilities.console-panel, .industries.console-panel { margin-top: 2rem; margin-bottom: 2rem; }}@media (max-width: 480px) {.corner-bracket {
                width:12px; height: 12px; border-width: 1px; } .console-panel { padding: 1.5rem 1rem 2rem; margin: 1.5rem 0; }}section {margin:2rem 0;}section.console-panel {margin:4rem 0;}nav {position:sticky;top:0;z-index:10000;background:rgba(10,13,18,0.98);border-bottom:1px solid rgba(0, 229, 255, 0.06);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);}@media (max-width: 768px) {nav {
                position:fixed; width: 100%; top: 0; left: 0; right: 0; transform: translateZ(0); -webkit-transform: translateZ(0); }}nav::before {content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, rgba(0, 229, 255, 0.2), transparent);opacity:0.5;}:root.light-theme nav{background:linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(252,250,250,0.75) 100%);border-bottom:1px solid rgba(200, 200, 200, 0.15);box-shadow:0 2px 10px rgba(0,0,0,0.02);}:root.light-theme nav::before{background:linear-gradient(90deg, transparent, rgba(220, 20, 60, 0.15), transparent);opacity:0.4;height:1px;}:root.light-theme nav::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent 30%, rgba(220, 20, 60, 0.1) 50%, transparent 70%);opacity:0.3;}:root.light-theme .nav-menu a{font-weight:500;transition:all var(--transition-smooth);}:root.light-theme .nav-menu a:hover{color:var(--accent-cyan);text-shadow:0 0 10px rgba(220, 20, 60, 0.3);}:root.light-theme .status-indicator{background:rgba(255,255,255,0.5);padding:4px 12px;border-radius:2px;border:1px solid rgba(220, 20, 60, 0.1);}.nav-container {display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0;position:relative;min-height:80px;flex-wrap:wrap;gap:1rem;}@media (max-width: 768px) {.nav-container {
                min-height:80px; padding: 0.5rem 0; flex-wrap: nowrap; width: 100%; }}.progress-bar {position:absolute;top:0;left:0;height:2px;background:var(--accent-cyan);width:0%;transition:width 200ms ease-out;}.logo {display:flex;align-items:center;gap:0.75rem;font-family:'The Reality Hyper', 'Orbitron', 'Rajdhani', sans-serif;font-weight:900;font-size:clamp(0.9rem, 1.5vw, 1.1rem);color:var(--text-primary);text-decoration:none;white-space:nowrap;letter-spacing:0.08em;}.logo-text {display:flex;align-items:center;line-height:1;margin-top:12px;font-family:'The Reality Hyper', 'Orbitron', sans-serif;}.logo-3d-container {width:clamp(70px, 8vw, 100px);height:clamp(70px, 8vw, 100px);position:relative;flex-shrink:0;overflow:visible;display:flex;align-items:center;justify-content:center;}.logo-3d-container canvas {width:100% !important;height:100% !important;display:block;}.logo-icon {width:clamp(28px, 3vw, 32px);height:clamp(28px, 3vw, 32px);position:relative;flex-shrink:0;}.nav-menu {display:flex;gap:clamp(1rem, 2vw, 2rem);list-style:none;margin:0;padding:0;margin-left:auto;}.nav-menu a {color:var(--text-secondary);text-decoration:none;font-size:clamp(0.875rem, 1vw, 0.95rem);letter-spacing:0.05em;transition:color var(--transition-smooth);position:relative;white-space:nowrap;}.nav-menu a:hover {color:var(--accent-cyan);}.nav-menu a::after {content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--accent-cyan);transition:width var(--transition-smooth);}.nav-menu a:hover::after {width:100%;}.status-indicator {display:flex;align-items:center;gap:0.5rem;font-family:'JetBrains Mono', monospace;font-size:clamp(0.65rem, 0.8vw, 0.75rem);color:var(--text-secondary);white-space:nowrap;}.status-dot {width:6px;height:6px;background:var(--accent-lime);border-radius:50%;flex-shrink:0;box-shadow:0 0 6px var(--accent-lime);}:root.light-theme .status-dot{background:#25D366;box-shadow:0 0 6px #25D366;}@keyframes pulse {0%, 100% { opacity:1; } 50% { opacity: 0.3; }}.hero-container {display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem, 4vw, 4rem);align-items:center;}.hero-image-wrapper {position:relative;height:clamp(300px, 50vh, 500px);overflow:hidden;}.image-placeholder {width:100%;height:100%;background:var(--bg-secondary);border:1px solid var(--border-color);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:0;transform:scale(0);animation:placeholderExpand 1.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;animation-delay:0.3s;}.hero-image {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;z-index:1;filter:brightness(0.8) contrast(1.1);max-width:100%;max-height:100%;padding:10px;box-sizing:border-box;}.image-placeholder:has(.hero-image) {background:var(--bg-secondary);}.hero-image.fit-contain {object-fit:contain;padding:10px;}.hero-image.fit-cover {object-fit:cover;padding:0;}.hero-image.fit-scale-down {object-fit:scale-down;padding:15px;}.hero-image.fit-none {object-fit:none;padding:0;}.hero-image {opacity:0;transition:opacity 0.5s ease-in-out;}.hero-image.loaded {opacity:1;}.image-placeholder .glitch-overlay {z-index:2;}.image-placeholder .scan-line {z-index:3 !important;}.image-placeholder .hero-image ~ .placeholder-content {display:none;}.image-placeholder .hero-image ~ .scan-line {display:block !important;z-index:3 !important;}.image-placeholder.glitch-image:hover {transform:scale(1) !important;animation:none !important;}.image-placeholder.glitch-image:hover .placeholder-content {opacity:1 !important;filter:none !important;}.image-placeholder.glitch-image::after {display:none;}.glitch-overlay {position:absolute;inset:0;display:grid;grid-template-columns:repeat(6, 1fr);grid-template-rows:repeat(4, 1fr);gap:1px;pointer-events:none;z-index:2;}.glitch-cell {background:var(--bg-secondary);opacity:0;animation:glitchReveal 0.4s ease-out forwards;animation-delay:calc(var(--i) * 30ms + 0.3s);}@keyframes glitchReveal {0% {
                opacity:1; transform: translateZ(0) scale(1); background: var(--accent-cyan); } 50% { opacity: 1; transform: translateZ(0) scale(1.1); background: var(--bg-secondary); } 100% { opacity: 0; transform: translateZ(0) scale(0.9); background: transparent; }}@keyframes placeholderExpand {0% {
                opacity:0; transform: scale(0) rotate(180deg); filter: blur(10px); } 50% { opacity: 1; transform: scale(1.05) rotate(90deg); filter: blur(2px); } 100% { opacity: 1; transform: scale(1) rotate(0deg); filter: blur(0); }}.placeholder-content {position:relative;z-index:1;text-align:center;color:var(--text-secondary);font-family:'JetBrains Mono', monospace;font-size:0.8rem;letter-spacing:0.1em;opacity:0;animation:fadeIn 0.5s ease-out forwards;animation-delay:1.5s;}.placeholder-icon {width:80px;height:80px;margin:0 auto 1rem;opacity:0.3;}.placeholder-label {text-transform:uppercase;margin-bottom:0.5rem;}.placeholder-coords {font-size:0.65rem;opacity:0.5;}.image-placeholder::before,
        .image-placeholder::after {content:'';position:absolute;width:20px;height:20px;border:1px solid var(--accent-cyan);opacity:0.5;}.image-placeholder::before {top:10px;left:10px;border-right:none;border-bottom:none;}.image-placeholder::after {bottom:10px;right:10px;border-left:none;border-top:none;}.scan-line {position:absolute;top:0;left:0;width:100%;height:12px;background:none;opacity:0.7;z-index:3;pointer-events:none;}.scan-line::before,
        .scan-line::after {content:'';position:absolute;width:100%;left:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.7), transparent);}.scan-line::before {top:0;height:3px;box-shadow:0 0 15px rgba(255, 255, 255, 1), 0 0 30px rgba(255, 255, 255, 0.8), 0 2px 10px rgba(255, 255, 255, 0.6);}.scan-line::after {top:8px;height:2px;opacity:0.7;box-shadow:0 0 10px rgba(255, 255, 255, 0.8), 0 0 20px rgba(255, 255, 255, 0.5);}:root.light-theme .scan-line{height:12px !important;background:none !important;opacity:0.7 !important;filter:none !important;}:root.light-theme .scan-line::before,
        :root.light-theme .scan-line::after{content:'';position:absolute;width:100%;left:0;background:linear-gradient(90deg, transparent, rgba(220, 20, 60, 0.6), rgba(220, 20, 60, 0.9), rgba(220, 20, 60, 1), rgba(220, 20, 60, 0.9), rgba(220, 20, 60, 0.6), transparent) !important;}:root.light-theme .scan-line::before{top:0;height:3px;box-shadow:0 0 20px rgba(220, 20, 60, 0.9), 0 0 40px rgba(220, 20, 60, 0.6), 0 2px 15px rgba(220, 20, 60, 0.8) !important;}:root.light-theme .scan-line::after{top:8px;height:2px;opacity:0.7;box-shadow:0 0 15px rgba(220, 20, 60, 0.7), 0 0 30px rgba(220, 20, 60, 0.4) !important;}@keyframes scan {0% { 
                transform:translateY(0); opacity: 0; } 5% { opacity: 1; } 95% { opacity: 1; } 100% { transform: translateY(500px); opacity: 0; }}.image-placeholder .scan-line {display:block !important;visibility:visible !important;opacity:1 !important;z-index:10 !important;height:12px !important;background:none !important;}:root.light-theme .image-placeholder .scan-line{height:12px !important;background:none !important;opacity:1 !important;}.scan-line::before,
        .scan-line::after,
        :root.light-theme .scan-line::before,
        :root.light-theme .scan-line::after{content:'' !important;display:block !important;visibility:visible !important;}h1, h2, h3, h4, h5, h6,
        .h1, .h2, .h3, .h4, .h5, .h6,
        * h1, * h2, * h3, * h4, * h5, * h6,
        body h1, body h2, body h3, body h4, body h5, body h6,
        section h1, section h2, section h3, section h4, section h5, section h6,
        div h1, div h2, div h3, div h4, div h5, div h6,
        .hero h1, .hero h2, .hero h3,
        .console-panel h1, .console-panel h2, .console-panel h3,
        .capability-card h1, .capability-card h2, .capability-card h3,
        .case-content h1, .case-content h2, .case-content h3,
        .contact h1, .contact h2, .contact h3,
        .industries h1, .industries h2, .industries h3,
        .process h1, .process h2, .process h3,
        .services h1, .services h2, .services h3,
        #home h1, #home h2, #home h3,
        #services h1, #services h2, #services h3,
        #contact h1, #contact h2, #contact h3,
        #industries h1, #industries h2, #industries h3,
        :root.light-theme h1, :root.light-theme h2, :root.light-theme h3,
        :root.light-theme h4, :root.light-theme h5, :root.light-theme h6,
        :root.light-theme .hero h1, :root.light-theme .console-panel h2,
        :root.light-theme .capability-card h3, :root.light-theme .case-content h3{font-family:'Orbitron', sans-serif !important;font-weight:700 !important;}@keyframes fadeIn {from { opacity:0; } to { opacity: 1; }}.hero h1 {margin-bottom:0.75rem;opacity:0;animation:typeIn 1s ease-out forwards;animation-delay:0.8s;text-shadow:0 0 20px rgba(0,229,255,0.3);}.hero-subtitle {font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem;opacity:0;animation:typeIn 1s ease-out forwards;animation-delay:1s;letter-spacing:0.05em;}@keyframes typeIn {from {
                opacity:0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); }}.btn {display:inline-block;padding:clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);background:transparent;border:1px solid var(--accent-cyan);color:var(--accent-cyan);text-decoration:none;font-family:'Michroma', 'Rajdhani', sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:0.15em;font-size:clamp(0.75rem, 0.9vw, 0.875rem);position:relative;overflow:hidden;transition:transform 300ms ease, box-shadow 300ms ease, letter-spacing 300ms ease;cursor:pointer;white-space:nowrap;}.btn::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(0, 229, 255, 0.3), transparent);transition:left 400ms ease;}.btn:hover::before {left:100%;}.btn::after {content:attr(data-text);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:var(--accent-cyan);opacity:0;transition:opacity var(--transition-smooth);font-weight:700;letter-spacing:0.2em;}.btn-primary {background:var(--accent-cyan);color:var(--bg-primary);margin-right:clamp(0.5rem, 1vw, 1rem);font-weight:600;}.btn:hover {animation:glitch 200ms;box-shadow:0 0 20px rgba(0,229,255,0.3);transform:translateY(-2px);letter-spacing:0.2em;}.btn:hover {animation:glitch 200ms;box-shadow:0 0 20px rgba(0,229,255,0.3);}@keyframes glitch {0%, 100% { 
                transform:translate(0); filter: hue-rotate(0deg); } 20% { transform: translate(-2px, 2px); filter: hue-rotate(90deg); } 40% { transform: translate(-2px, -2px); filter: hue-rotate(180deg); } 60% { transform: translate(2px, 2px); filter: hue-rotate(270deg); } 80% { transform: translate(2px, -2px); filter: hue-rotate(360deg); }}.capability-card {background:linear-gradient(135deg, rgba(0, 229, 255, 0.03) 0%, rgba(0, 229, 255, 0.01) 100%);border:1px solid rgba(0, 229, 255, 0.1);padding:clamp(1.5rem, 2vw, 2rem);position:relative;overflow:hidden;transition:transform 300ms ease, box-shadow 300ms ease, border-color 300ms ease;min-height:200px;}.capability-card:hover {transform:translateY(-4px);border-color:var(--accent-cyan) !important;box-shadow:var(--boxshadow-01-176c);}@keyframes glitchEffect {0% {
                transform:translateY(-4px) scale(1.02) translate(0, 0); } 10% { transform: translateY(-4px) scale(1.02) translate(-2px, 2px); } 20% { transform: translateY(-4px) scale(1.02) translate(2px, -2px); } 30% { transform: translateY(-4px) scale(1.02) translate(-2px, -2px); } 40% { transform: translateY(-4px) scale(1.02) translate(2px, 2px); } 50% { transform: translateY(-4px) scale(1.02) translate(-1px, 1px); } 60% { transform: translateY(-4px) scale(1.02) translate(1px, -1px); } 70% { transform: translateY(-4px) scale(1.02) translate(-1px, -1px); } 80% { transform: translateY(-4px) scale(1.02) translate(1px, 1px); } 90% { transform: translateY(-4px) scale(1.02) translate(0, 0); } 100% { transform: translateY(-4px) scale(1.02) translate(0, 0); }}.capability-card:hover .capability-icon {filter:drop-shadow(0 0 10px var(--accent-cyan));}@keyframes iconPulse {0%, 100% {
                transform:scale(1) rotate(0deg); } 25% { transform: scale(1.1) rotate(5deg); } 50% { transform: scale(0.95) rotate(-5deg); } 75% { transform: scale(1.05) rotate(3deg); }}.capabilities {padding:clamp(3rem, 6vh, 6rem) 0;position:relative;}.capabilities-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:clamp(1.5rem, 2vw, 2rem);margin-top:clamp(2rem, 3vw, 3rem);}:root.light-theme .capability-card{background:linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 250, 250, 1) 100%);border:1px solid rgba(200, 200, 200, 0.2);box-shadow:0 4px 20px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);position:relative;overflow:hidden;}:root.light-theme .capability-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg, var(--accent-cyan) 0%, transparent 30%, transparent 70%, var(--accent-cyan) 100%);transform:translateX(-100%);transition:transform 800ms ease;opacity:0.7;}:root.light-theme .capability-card:hover{box-shadow:0 8px 30px rgba(220, 20, 60, 0.12), inset 0 0 20px rgba(220, 20, 60, 0.03);border-color:var(--accent-cyan);background:linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(252, 248, 248, 1) 100%), repeating-linear-gradient( -45deg, transparent, transparent 20px, rgba(220, 20, 60, 0.02) 20px, rgba(220, 20, 60, 0.02) 21px );}:root.light-theme .capability-card::after{background:linear-gradient(135deg, transparent 40%, rgba(220, 20, 60, 0.08) 50%, transparent 60%);}:root.light-theme .capability-label{color:var(--accent-cyan);opacity:0.7;font-weight:600;}:root.light-theme .capability-label::after{content:'';position:absolute;top:100%;right:0;width:40px;height:1px;background:linear-gradient(90deg, transparent, var(--accent-cyan));opacity:0.4;}.glitch-card {position:relative;overflow:hidden;transition:transform 300ms ease, box-shadow 300ms ease, border-color 300ms ease;}.glitch-card:hover {transform:translateY(-4px);border-color:var(--accent-cyan) !important;box-shadow:var(--boxshadow-01-176c);}@keyframes glitchEffect {0% {
                transform:translateY(-4px) scale(1.02) translate(0, 0); filter: hue-rotate(0deg); } 10% { transform: translateY(-4px) scale(1.02) translate(-2px, 2px); filter: hue-rotate(90deg); } 20% { transform: translateY(-4px) scale(1.02) translate(2px, -2px); filter: hue-rotate(180deg); } 30% { transform: translateY(-4px) scale(1.02) translate(-2px, -2px); filter: hue-rotate(270deg); } 40% { transform: translateY(-4px) scale(1.02) translate(2px, 2px); filter: hue-rotate(360deg); } 50% { transform: translateY(-4px) scale(1.02) translate(-1px, 1px); filter: hue-rotate(90deg); } 60% { transform: translateY(-4px) scale(1.02) translate(1px, -1px); filter: hue-rotate(180deg); } 70% { transform: translateY(-4px) scale(1.02) translate(-1px, -1px); filter: hue-rotate(270deg); } 80% { transform: translateY(-4px) scale(1.02) translate(1px, 1px); filter: hue-rotate(360deg); } 90% { transform: translateY(-4px) scale(1.02) translate(0, 0); filter: hue-rotate(0deg); } 100% { transform: translateY(-4px) scale(1.02) translate(0, 0); filter: hue-rotate(0deg); }}.glitch-card:hover .capability-icon {filter:drop-shadow(0 0 10px var(--accent-cyan));}@keyframes iconPulse {0%, 100% {
                transform:scale(1); } 25% { transform: scale(1.1) rotate(5deg); } 50% { transform: scale(0.95) rotate(-5deg); } 75% { transform: scale(1.05) rotate(3deg); }}.console-panel .glitch-card:hover {transform:translateY(-4px);border-color:#FFFFFF !important;box-shadow:0 10px 30px rgba(255,255,255,0.3);}@keyframes whiteGlitchEffect {0%, 100% {
                transform:translateY(-4px) scale(1.02); filter: brightness(1); } 25% { transform: translateY(-4px) scale(1.02) translateX(-2px); filter: brightness(1.2); } 50% { transform: translateY(-4px) scale(1.02) translateX(2px); filter: brightness(0.9); } 75% { transform: translateY(-4px) scale(1.02) translateX(-1px); filter: brightness(1.1); }}.console-panel .glitch-card:hover .capability-icon {filter:drop-shadow(0 0 15px rgba(255,255,255,0.9));}.capability-icon {width:48px;height:48px;margin-bottom:1rem;position:relative;}.capability-label {position:absolute;top:10px;right:10px;font-family:'JetBrains Mono', monospace;font-size:0.65rem;color:var(--text-secondary);opacity:0.5;}.capability-card p {color:var(--text-secondary);font-size:0.9rem;line-height:1.4;}.process {padding:clamp(3rem, 6vh, 6rem) 0;background:transparent;position:relative;}.process .container {position:relative;}.process .panel-label {display:block;margin-bottom:1.5rem;margin-left:0;}
/* ===== Projects (#projects) ===== */
.projects {padding:clamp(3rem, 6vh, 6rem) 0;background:linear-gradient(135deg, rgba(10, 13, 18, 0.95) 0%, rgba(15, 18, 23, 0.98) 100%);border:1px solid rgba(0, 229, 255, 0.1);margin:3rem 0;position:relative;}.projects .container {position:relative;}.projects .panel-label {display:block;margin-bottom:1.5rem;margin-left:0;}.projects-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:clamp(1.5rem, 2vw, 2rem);margin-top:clamp(2rem, 3vw, 3rem);}.project-item {position:relative;aspect-ratio:4/3;background:var(--bg-secondary);border:1px solid var(--border-color);overflow:hidden;cursor:pointer;transition:transform 300ms ease, box-shadow 300ms ease, border-color 300ms ease;}.project-item:hover {transform:translateY(-4px);border-color:var(--accent-cyan);box-shadow:0 10px 30px rgba(0,229,255,0.2);}.project-placeholder {width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;text-align:center;position:relative;}.project-placeholder .placeholder-icon {width:60px;height:60px;margin-bottom:1rem;opacity:0.3;color:var(--accent-cyan);}.project-placeholder .placeholder-label {font-family:'JetBrains Mono', monospace;font-size:0.7rem;color:var(--accent-cyan);opacity:0.6;letter-spacing:0.1em;margin-bottom:0.5rem;}.project-title {font-family:'Rajdhani', sans-serif;font-size:clamp(0.9rem, 1.2vw, 1.1rem);font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:0.05em;}.project-item::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(0,229,255,0.1), transparent);transition:left 600ms ease;}.project-item:hover::before {left:100%;}.project-item::after {content:'VIEW PROJECT';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:var(--accent-cyan);font-family:'Rajdhani', sans-serif;font-weight:700;font-size:1rem;letter-spacing:0.1em;opacity:0;transition:opacity var(--transition-smooth);text-shadow:0 0 10px rgba(0,229,255,0.8);pointer-events:none;z-index:10;}.project-item:hover::after {opacity:1;}.project-item:hover .project-placeholder {filter:blur(2px) brightness(0.7);}:root.light-theme .project-item{background:linear-gradient(135deg, rgba(255,255,255,0.95), rgba(252,250,250,0.98));border:1px solid rgba(220, 20, 60, 0.15);}:root.light-theme .project-item:hover{box-shadow:0 10px 30px rgba(220, 20, 60, 0.15);border-color:var(--accent-cyan);}:root.light-theme .project-item::before{background:linear-gradient(90deg, transparent, rgba(220, 20, 60, 0.1), transparent);}:root.light-theme .projects{background:linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 250, 250, 0.98) 50%, rgba(245, 245, 245, 0.98) 100%);border:1px solid rgba(200, 200, 200, 0.15);}.projects-slideshow {position:relative;max-width:1200px;margin:0 auto;padding:0 50px;}.slideshow-container {position:relative;height:650px;overflow:hidden;border:1px solid var(--border-color);background:var(--bg-secondary);}.slide {position:absolute;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;display:flex;align-items:center;justify-content:center;}.slide.active {opacity:1;}.slide-content {width:100%;height:100%;padding:0;}.project-description {display:none;font-size:clamp(0.9rem, 1.1vw, 1rem);color:var(--text-secondary);margin-top:0.5rem;max-width:600px;}.slideshow-controls {position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10;}.slide-dot {width:10px;height:10px;border:1px solid var(--accent-cyan);background:transparent;cursor:pointer;transition:all var(--transition-smooth);}.slide-dot.active {background:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan);}.slide-nav {position:absolute;top:50%;transform:translateY(-50%);background:rgba(0, 229, 255, 0.1);border:1px solid var(--accent-cyan);color:var(--accent-cyan);padding:15px 20px;cursor:pointer;transition:all var(--transition-smooth);font-size:1.5rem;z-index:10;}.slide-nav:hover {background:rgba(0, 229, 255, 0.2);box-shadow:0 0 20px rgba(0, 229, 255, 0.5);}.slide-prev {left:-40px;}.slide-next {right:-40px;}.projects-slideshow .slide-nav {z-index:20;}.projects-slideshow .slide-prev {left:20px;}.projects-slideshow .slide-next {right:20px;}:root.light-theme .slideshow-container{background:linear-gradient(135deg, rgba(250, 250, 250, 1) 0%, rgba(255, 255, 255, 1) 100%);border-color:rgba(200, 200, 200, 0.3);}:root.light-theme .slide-nav{background:rgba(0, 0, 0, 0.05);border-color:var(--accent-cyan);}:root.light-theme .slide-nav:hover{background:rgba(0, 0, 0, 0.1);box-shadow:0 0 20px rgba(0, 0, 0, 0.1);}section {position:relative;padding:clamp(3rem, 6vh, 6rem) 0;}.hero {padding:clamp(4rem, 8vh, 8rem) 0 clamp(3rem, 6vh, 6rem);position:relative;overflow:hidden;}.hero-content {position:relative;z-index:2;}.hero-content .panel-label {display:block;margin-bottom:1.5rem;margin-left:0;}.industries .container {position:relative;}.industries .panel-label {display:block;margin-bottom:1.5rem;margin-left:0;}section h2 {margin-top:0;margin-bottom:1.5rem;}section.console-panel h2 {margin-top:0;}.process::before {content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg, transparent, rgba(0, 229, 255, 0.1), transparent);}:root.light-theme .process::before{background:linear-gradient(90deg, transparent, rgba(220, 20, 60, 0.1), transparent);}:root.light-theme .process{background:repeating-linear-gradient( 90deg, transparent, transparent 50px, rgba(220, 20, 60, 0.02) 50px, rgba(220, 20, 60, 0.02) 51px );}:root.light-theme .node-circle{background:linear-gradient(135deg, rgba(255,255,255,1), rgba(252,250,250,1));border:2px solid var(--accent-cyan);box-shadow:0 2px 10px rgba(220, 20, 60, 0.2), inset 0 0 10px rgba(220, 20, 60, 0.05);font-weight:600;}:root.light-theme .node-circle::before{border-color:rgba(200, 200, 200, 0.3);}:root.light-theme .btn{font-weight:600;box-shadow:0 2px 10px rgba(220, 20, 60, 0.1);position:relative;}:root.light-theme .btn::before{content:'';position:absolute;inset:-1px;background:linear-gradient(45deg, var(--accent-cyan), var(--accent-lime), var(--accent-cyan));opacity:0;z-index:-1;transition:opacity var(--transition-smooth);border-radius:inherit;filter:blur(4px);}:root.light-theme .btn:hover::before{opacity:0.3;}:root.light-theme .btn-primary{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-lime));border:none;color:white;text-shadow:0 1px 2px rgba(0,0,0,0.2);}:root.light-theme input,
        :root.light-theme textarea{background:rgba(255,255,255,0.8);border:1px solid rgba(200, 200, 200, 0.3);font-weight:500;}:root.light-theme input:focus,
        :root.light-theme textarea:focus{background:rgba(255,255,255,1);border-color:var(--accent-cyan);box-shadow:0 0 20px rgba(220, 20, 60, 0.1), inset 0 0 5px rgba(220, 20, 60, 0.02);}:root.light-theme label{background:var(--bg-primary);color:var(--accent-cyan);font-weight:600;}.timeline {display:flex;justify-content:space-between;align-items:center;position:relative;margin-top:3rem;padding:2rem 0;}.timeline::before {content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-color);z-index:0;}.timeline-node {position:relative;z-index:1;text-align:center;flex:1;}.node-circle {width:40px;height:40px;margin:0 auto 1rem;background:var(--bg-primary);border:2px solid var(--accent-cyan);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;color:var(--accent-cyan);font-family:'JetBrains Mono', monospace;font-weight:500;}.node-circle::before {content:'';position:absolute;inset:-8px;border:1px solid var(--border-color);border-radius:50%;}@keyframes ping {0%, 100% { 
                transform:scale(1); opacity: 0; } 50% { transform: scale(1.2); opacity: 1; }}.node-label {font-family:'JetBrains Mono', monospace;font-size:0.8rem;color:var(--text-secondary);}.case-studies {padding:clamp(3rem, 6vh, 6rem) 0;background:transparent;}.case-study {display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem, 4vw, 4rem);margin-bottom:clamp(2rem, 4vw, 4rem);align-items:center;}.case-content h3 {margin-bottom:1rem;color:var(--accent-cyan);}.case-content p {color:var(--text-secondary);line-height:1.8;font-size:clamp(0.9rem, 1vw, 1rem);}.kpi-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(100px, 1fr));gap:clamp(0.75rem, 1vw, 1rem);margin-top:clamp(1.5rem, 2vw, 2rem);}.kpi {background:linear-gradient(135deg, rgba(0,229,255,0.03) 0%, rgba(0,229,255,0.01) 100%);border:1px solid rgba(0, 229, 255, 0.1);padding:clamp(1rem, 1.5vw, 1.5rem) clamp(0.75rem, 1vw, 1rem);text-align:center;position:relative;overflow:hidden;transition:transform 300ms ease, box-shadow 300ms ease, border-color 300ms ease;min-height:100px;}.kpi::before {content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--accent-cyan);transform:scaleX(0);transition:transform var(--transition-smooth);}.kpi:hover::before {transform:scaleX(1);}.kpi:hover {background:rgba(0,229,255,0.05);transform:translateY(-2px);}:root.light-theme .kpi{background:linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(252,250,250,1) 100%), repeating-linear-gradient( 45deg, transparent, transparent 10px, rgba(220, 20, 60, 0.01) 10px, rgba(220, 20, 60, 0.01) 11px );border:1px solid rgba(220, 20, 60, 0.12);box-shadow:0 2px 10px rgba(220, 20, 60, 0.04), inset 0 1px 0 rgba(255,255,255,0.9);position:relative;}:root.light-theme .kpi::after{content:'';position:absolute;top:0;right:0;width:20px;height:20px;border-top:2px solid var(--accent-cyan);border-right:2px solid var(--accent-cyan);opacity:0.2;}:root.light-theme .kpi:hover{background:linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,252,252,1) 100%), repeating-linear-gradient( 45deg, transparent, transparent 10px, rgba(220, 20, 60, 0.02) 10px, rgba(220, 20, 60, 0.02) 11px );box-shadow:0 4px 20px rgba(220, 20, 60, 0.1), inset 0 0 30px rgba(220, 20, 60, 0.02);border-color:var(--accent-cyan);}:root.light-theme .kpi-value{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-lime));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;}.kpi-value {font-family:'JetBrains Mono', monospace;font-size:1.8rem;color:var(--accent-cyan);font-weight:500;}.kpi-label {font-size:0.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.1em;margin-top:0.5rem;}.industries {padding:clamp(2rem, 4vh, 4rem) 0;position:relative;}.industries::before {content:'';position:absolute;inset:0;background:linear-gradient(180deg, transparent 0%, rgba(0, 229, 255, 0.02) 50%, transparent 100%);pointer-events:none;}:root.light-theme .industries{background:linear-gradient(180deg, transparent 0%, rgba(220, 20, 60, 0.02) 50%, transparent 100%), repeating-linear-gradient( 45deg, transparent, transparent 100px, rgba(220, 20, 60, 0.01) 100px, rgba(220, 20, 60, 0.01) 101px );}:root.light-theme .industries::before{background:linear-gradient(180deg, transparent 0%, rgba(220, 20, 60, 0.03) 50%, transparent 100%);}:root.light-theme .industries::after{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 50% 50%, transparent 30%, rgba(220, 20, 60, 0.02) 70%, transparent 100%);pointer-events:none;}:root.light-theme .industry-badge{background:linear-gradient(135deg, rgba(255,255,255,0.9), rgba(252,250,250,0.95));border:1px solid rgba(220, 20, 60, 0.2);box-shadow:0 2px 8px rgba(220, 20, 60, 0.05);font-weight:600;}:root.light-theme .industry-badge::before{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-lime));height:2px;}:root.light-theme .industry-badge:hover{background:linear-gradient(135deg, rgba(255,255,255,1), rgba(255,252,252,1));box-shadow:0 4px 15px rgba(220, 20, 60, 0.1);border-color:var(--accent-cyan);}
/* ===== Footer ===== */
:root.light-theme footer{background:linear-gradient(180deg, rgba(252,250,250,0.5) 0%, rgba(248,246,246,0.7) 100%);border-top:1px solid rgba(200, 200, 200, 0.15);position:relative;}:root.light-theme footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent 30%, rgba(220, 20, 60, 0.1) 50%, transparent 70%);opacity:0.4;}:root.light-theme .footer-info{color:var(--text-secondary);font-weight:500;}:root.light-theme h2{position:relative;display:inline-block;}:root.light-theme h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:50px;height:2px;background:linear-gradient(90deg, transparent, var(--accent-cyan), var(--accent-lime), var(--accent-cyan), transparent);opacity:0.6;}:root.light-theme .corner-bracket{border-color:rgba(200, 200, 200, 0.3);opacity:0.3;}:root.light-theme .console-panel:hover .corner-bracket{opacity:0.5;border-color:var(--accent-cyan);}.industry-list {display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));justify-content:center;gap:2rem;margin-top:2rem;max-width:900px;margin-left:auto;margin-right:auto;}.industry-badge {padding:1.5rem 1rem;border:1px solid var(--border-color);font-family:'Rajdhani', sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;position:relative;overflow:hidden;color:var(--text-primary);display:flex;flex-direction:column;align-items:center;gap:0.75rem;transition:transform 300ms ease, box-shadow 300ms ease, border-color 300ms ease;}.industry-icon {width:48px;height:48px;color:var(--accent-cyan);transition:all var(--transition-smooth);filter:drop-shadow(0 0 10px rgba(0, 229, 255, 0.3));}.industry-badge span {display:block;margin-top:0.25rem;font-size:0.9rem;}:root.light-theme .industry-icon{color:var(--accent-cyan);filter:drop-shadow(0 0 10px rgba(220, 20, 60, 0.3));}.industry-badge::before {content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:#FFFFFF;box-shadow:0 0 10px rgba(255, 255, 255, 0.8);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-smooth);z-index:10;}.industry-badge:hover {transform:translateY(-5px);box-shadow:var(--boxshadow-01-176c);background:rgba(0, 229, 255, 0.05);border-color:var(--accent-cyan);}.industry-badge:hover .industry-icon {transform:scale(1.1);filter:drop-shadow(0 0 20px rgba(0, 229, 255, 0.5));}:root.light-theme .industry-badge:hover{box-shadow:0 10px 30px rgba(220, 20, 60, 0.2);background:rgba(220, 20, 60, 0.05);}:root.light-theme .industry-badge:hover .industry-icon{filter:drop-shadow(0 0 20px rgba(220, 20, 60, 0.5));}.industry-badge:hover::before {transform:scaleX(1);opacity:1;}:root.light-theme .industry-badge::before{background:#FFFFFF;box-shadow:0 0 10px rgba(255, 255, 255, 0.8);}.contact {padding:clamp(3rem, 6vh, 6rem) 0;position:relative;}.contact-form {display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:clamp(1.5rem, 2vw, 2rem);max-width:800px;margin:clamp(2rem, 3vw, 3rem) auto 0;}.contact-content-wrapper {display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:start;margin-top:2rem;}.contact-info-section {font-family:'JetBrains Mono', monospace;font-size:clamp(0.85rem, 1vw, 1rem);color:var(--text-secondary);line-height:1.8;}.contact-info-section h3 {font-family:'Orbitron', sans-serif !important;font-weight:700 !important;color:var(--accent-cyan);font-size:1.2rem;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:0.1em;}.contact-info-item {margin-bottom:1.2rem;padding-left:1.5rem;position:relative;}.contact-info-item::before {content:'▶';position:absolute;left:0;color:var(--accent-cyan);opacity:0.6;}.contact-info-label {display:block;color:var(--accent-cyan);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:0.3rem;opacity:0.8;}.contact-info-value {color:var(--text-primary);font-weight:500;}:root.light-theme .contact-info-section h3{color:var(--accent-cyan);}:root.light-theme .contact-info-item::before{color:var(--accent-cyan);}:root.light-theme .contact-info-label{color:var(--accent-cyan);}:root.light-theme .contact-info-value{color:var(--text-primary);}@media (max-width: 768px) {.contact-content-wrapper {
                grid-template-columns:1fr !important; gap: 2rem !important; } .contact-info-section { border-bottom: 1px solid var(--border-color) !important; padding-bottom: 2rem !important; } .contact-form { grid-template-columns: 1fr !important; gap: 1rem !important; width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 1.5rem 0 0 0 !important; } .contact-form .form-group { width: 100% !important; margin: 0 !important; } .contact-form input, .contact-form textarea { width: 100% !important; box-sizing: border-box !important; font-size: 16px !important; padding: 12px !important; } .contact-form .form-group.full-width { grid-column: 1 !important; } .contact-form .btn { width: 100% !important; padding: 14px 20px !important; font-size: 14px !important; } .contact.console-panel { padding: 1.5rem 1rem !important; } .contact-info-section { padding: 0 !important; } .contact-info-item { margin-bottom: 1rem !important; padding-left: 1rem !important; }}.nav-menu li {position:relative;}.dropdown {position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);min-width:200px;background:linear-gradient(135deg, rgba(10, 13, 18, 0.98) 0%, rgba(15, 18, 23, 0.98) 100%);border:1px solid var(--accent-cyan);border-radius:4px;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:1000;box-shadow:0 10px 30px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 229, 255, 0.2);overflow:hidden;}.dropdown::before {content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:12px;height:12px;background:linear-gradient(135deg, rgba(10, 13, 18, 0.98) 0%, rgba(15, 18, 23, 0.98) 50%);border-left:1px solid var(--accent-cyan);border-top:1px solid var(--accent-cyan);transform:translateX(-50%) rotate(45deg);}.nav-menu li:hover .dropdown {opacity:1;visibility:visible;transform:translateX(-50%) translateY(5px);}.dropdown a {display:block;padding:0.75rem 1.25rem;color:var(--text-secondary);font-size:0.9rem;text-decoration:none;text-transform:uppercase;letter-spacing:0.05em;transition:all 0.2s ease;border-bottom:1px solid rgba(0, 229, 255, 0.1);position:relative;overflow:hidden;}.dropdown a:last-child {border-bottom:none;}.dropdown a::before {content:'';position:absolute;left:0;top:0;width:3px;height:100%;background:var(--accent-cyan);transform:translateX(-100%);transition:transform 0.3s ease;}.dropdown a:hover {color:var(--accent-cyan);background:rgba(0, 229, 255, 0.05);padding-left:1.75rem;}.dropdown a:hover::before {transform:translateX(0);}.has-dropdown > a::after {content:'▼';font-size:0.6rem;margin-left:0.5rem;opacity:0.6;transition:transform 0.3s ease;display:inline-block;}.has-dropdown:hover > a::after {transform:rotate(180deg);opacity:1;}@media (max-width: 768px) {.has-dropdown > a::after { content: '▼'; float: right; transition: transform 0.3s ease; } .has-dropdown.active > a::after { transform: rotate(180deg); }}:root.light-theme .dropdown{background:linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(252,250,250,0.98) 100%);border-color:var(--accent-cyan);box-shadow:0 10px 30px rgba(220, 20, 60, 0.1), 0 0 20px rgba(220, 20, 60, 0.1);}:root.light-theme .dropdown::before{background:linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(252,250,250,0.98) 50%);border-left-color:var(--accent-cyan);border-top-color:var(--accent-cyan);}:root.light-theme .dropdown a{color:var(--text-secondary);border-bottom-color:rgba(220, 20, 60, 0.1);}:root.light-theme .dropdown a:hover{color:var(--accent-cyan);background:rgba(220, 20, 60, 0.05);}:root.light-theme .dropdown a::before{background:var(--accent-cyan);}@media (max-width: 768px) {.dropdown {
                position:static; transform: none; width: 100%; margin-top: 0.5rem; opacity: 1; visibility: visible; display: none; } .has-dropdown:hover .dropdown, .has-dropdown:focus-within .dropdown { display: block; } .dropdown::before { display: none; }}.form-group {position:relative;}.form-group.full-width {grid-column:1 / -1;}input, textarea {width:100%;padding:clamp(0.875rem, 1.5vw, 1rem);background:transparent;border:1px solid var(--border-color);color:var(--text-primary);font-family:'Inter', sans-serif;font-size:clamp(0.9rem, 1vw, 1rem);transition:all var(--transition-smooth);}input:focus, textarea:focus {outline:none;border-color:var(--accent-cyan);box-shadow:0 0 10px rgba(0,229,255,0.1);}label {position:absolute;top:-10px;left:10px;background:var(--bg-primary);padding:0 5px;font-size:clamp(0.7rem, 0.8vw, 0.75rem);color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.1em;}footer {padding:clamp(3rem, 4vh, 4rem) 0;border-top:1px solid rgba(0, 229, 255, 0.06);background:linear-gradient(180deg, rgba(15, 18, 23, 0.02) 0%, rgba(15, 18, 23, 0.05) 100%);position:relative;}footer::before {content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent 20%, rgba(0, 229, 255, 0.1) 50%, transparent 80%);opacity:0.8;}.footer-content {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}.footer-info {font-family:'JetBrains Mono', monospace;font-size:clamp(0.85rem, 1vw, 1rem);color:var(--text-secondary);line-height:1.6;}.footer-info div {margin:0.5rem 0;transition:color 0.3s ease;}.footer-info div:hover {color:var(--text-primary);}.footer-info div:first-child {color:var(--accent-cyan);font-weight:600;margin-bottom:0.8rem;font-size:1.1rem;}@media (max-width: 1024px) {:root { --grid-columns: 8; } .nav-right { flex-wrap: wrap; gap: 0.5rem; } .capabilities-grid { grid-template-columns: repeat(2, 1fr); } .timeline { overflow-x: auto; padding-bottom: 1rem; } .slide-prev { left: 10px; } .slide-next { right: 10px; } .projects-slideshow { padding: 0 40px; }}.burger-menu {display:none;flex-direction:column;justify-content:space-between;width:30px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10002;position:fixed;top:18px;right:20px;-webkit-tap-highlight-color:transparent;}.burger-line {display:block;width:100%;height:3px;background:var(--accent-cyan);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border-radius:2px;}.burger-menu.active .burger-line:nth-child(1) {transform:translateY(10.5px) rotate(45deg);}.burger-menu.active .burger-line:nth-child(2) {opacity:0;transform:translateX(-10px);}.burger-menu.active .burger-line:nth-child(3) {transform:translateY(-10.5px) rotate(-45deg);}:root.light-theme .burger-line{background:var(--accent-cyan);}@media (max-width: 768px) {#motor-canvas, #logo-canvas, .hero-image-wrapper canvas { pointer-events: none !important; touch-action: none !important; } .burger-menu {
                display:flex; } .nav-container { flex-wrap: nowrap; justify-content: space-between; } .nav-menu { position: fixed; top: 0; left: -100%; width: 100%; height: 100vh; background: var(--bg-primary); flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 80px 20px 20px; transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1); overflow-y: auto; z-index: 10001; display: flex !important; box-shadow: 2px 0 10px rgba(0,0,0,0.3); } .nav-menu.active { left: 0; } :root.light-theme .nav-menu { background: var(--bg-primary); border-right: 1px solid rgba(220, 20, 60, 0.1); } .nav-menu li { width: 100%; text-align: left; margin: 0.5rem 0; } .nav-menu a { display: block; padding: 1rem; font-size: 1.1rem; width: 100%; } .dropdown { position: static !important; transform: none !important; opacity: 1 !important; visibility: visible !important; display: none; box-shadow: none; border: none; background: rgba(0, 229, 255, 0.05); margin-top: 0; margin-left: 0; width: 100%; max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } .dropdown::before { display: none; } .has-dropdown.active .dropdown { display: block; max-height: 500px; } .dropdown a { padding-left: 2rem !important; font-size: 0.95rem; border-bottom: 1px solid rgba(0, 229, 255, 0.05); } .nav-right { display: none; } body::before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; pointer-events: none; transition: opacity 0.3s ease; z-index: 10000; } body.menu-open::before { opacity: 1; pointer-events: auto; }}@media (max-width: 768px) {:root { --grid-columns: 4; } .nav-container { padding: 0.75rem 0; } .hero-container { grid-template-columns: 1fr; gap: 2rem; } .hero-content { text-align: center; } .hero-cta { display: flex; flex-direction: column; align-items: center; gap: 1rem; } .btn-primary { margin-right: 0; } .capabilities-grid { grid-template-columns: 1fr; } .case-study { grid-template-columns: 1fr; } .timeline { flex-direction: column; gap: 2rem; } .timeline::before { width: 1px; height: 100%; top: 0; left: 50%; } .kpi-grid { grid-template-columns: 1fr; } .industry-list { gap: 1rem; } .industry-badge { padding: 0.5rem 1rem; font-size: 0.875rem; } .footer-content { flex-direction: column; text-align: center; gap: 1.5rem; } .status-indicator { display: none; } .panel-label { font-size: 0.6rem; left: 1rem; } section { padding: 2rem 0 !important; } .console-panel { padding: 2rem 1rem; } .console-panel .panel-label { font-size: 0.6rem; margin-bottom: 1rem; } .slideshow-container { height: 500px; } .projects-slideshow { padding: 0 30px; }}@media (max-width: 480px) {h1 {
                font-size:1.5rem; } h2 { font-size: 1.25rem; } h3 { font-size: 1rem; } .btn { width: 100%; padding: 0.75rem 1.5rem; } .contact-form { grid-template-columns: 1fr !important; gap: 0.75rem !important; } .contact-form input, .contact-form textarea { padding: 10px !important; font-size: 16px !important; } .contact.console-panel { padding: 1rem 0.75rem !important; } .contact-info-item { font-size: 0.85rem !important; } .slideshow-container { height: 450px; } .projects-slideshow { padding: 0 20px; }}@media (prefers-reduced-motion: reduce) {* {
                animation:none !important; transition: opacity 200ms ease !important; } .btn:hover { animation: none !important; }}:root.light-theme section#contact.contact.console-panel .form-group .btn.btn-primary{color:#FFFFFF !important;background:#DC143C !important;}:root.light-theme section#contact.contact.console-panel .form-group .btn.btn-primary:hover{color:#FFFFFF !important;background:#8B0000 !important;}.industry-badge::before,
        :root.light-theme .industry-badge::before{background:#FFFFFF !important;height:3px !important;box-shadow:0 0 15px rgba(255, 255, 255, 1) !important;}.scan-line,
        .image-placeholder .scan-line,
        .image-placeholder .hero-image ~ .scan-line {position:absolute !important;display:block !important;visibility:visible !important;z-index:999 !important;opacity:0.7 !important;}.scan-line,
        .image-placeholder .scan-line {height:12px !important;background:none !important;}:root.light-theme .scan-line,
        :root.light-theme .image-placeholder .scan-line,
        :root.light-theme .image-placeholder .hero-image ~ .scan-line{height:12px !important;background:none !important;}.scan-line::before,
        .scan-line::after {content:'' !important;display:block !important;position:absolute !important;}h1, h2, h3, h4, h5, h6,
        .hero h1,
        .console-panel h1, .console-panel h2, .console-panel h3,
        .capability-card h3,
        .case-content h3,
        .project-title,
        :root.light-theme h1,
        :root.light-theme h2,
        :root.light-theme h3,
        :root.light-theme h4,
        :root.light-theme h5,
        :root.light-theme h6,
        :root.light-theme .hero h1,
        :root.light-theme .console-panel h1,
        :root.light-theme .console-panel h2,
        :root.light-theme .console-panel h3,
        :root.light-theme .capability-card h3,
        :root.light-theme .case-content h3,
        :root.light-theme .project-title{font-family:'Orbitron', sans-serif !important;font-weight:700 !important;}

/* ===== Hero (#home, .hero) ===== */
h1, h2, h3, h4, h5, h6,
        *:is(h1, h2, h3, h4, h5, h6),
        body h1, body h2, body h3, body h4, body h5, body h6,
        body * h1, body * h2, body * h3, body * h4, body * h5, body * h6,
        section h1, section h2, section h3, section h4, section h5, section h6,
        div h1, div h2, div h3, div h4, div h5, div h6,
        main h1, main h2, main h3, main h4, main h5, main h6,
        header h1, header h2, header h3, header h4, header h5, header h6,
        nav h1, nav h2, nav h3, nav h4, nav h5, nav h6,
        footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
        article h1, article h2, article h3, article h4, article h5, article h6,
        aside h1, aside h2, aside h3, aside h4, aside h5, aside h6,
        .hero h1, .hero h2, .hero h3, .hero h4, .hero h5, .hero h6,
        .console-panel h1, .console-panel h2, .console-panel h3,
        .capability-card h1, .capability-card h2, .capability-card h3,
        .case-content h1, .case-content h2, .case-content h3,
        .contact h1, .contact h2, .contact h3,
        .industries h1, .industries h2, .industries h3,
        .services h1, .services h2, .services h3,
        .process h1, .process h2, .process h3,
        #home h1, #home h2, #home h3,
        #services h1, #services h2, #services h3,
        #contact h1, #contact h2, #contact h3,
        #industries h1, #industries h2, #industries h3 {font-family:'Orbitron', sans-serif !important;font-weight:700 !important;font-style:normal !important;}
/* ===== Base, Typography & Variables ===== */
:root.light-theme h1,
        :root.light-theme h2,
        :root.light-theme h3,
        :root.light-theme h4,
        :root.light-theme h5,
        :root.light-theme h6,
        :root.light-theme * h1,
        :root.light-theme * h2,
        :root.light-theme * h3,
        :root.light-theme * h4,
        :root.light-theme * h5,
        :root.light-theme * h6{font-family:'Orbitron', sans-serif !important;font-weight:700 !important;}
/* ===== Services / Capabilities (#services, .capabilities, .console-panel) ===== */
#services::before, #services::after,
        #industries::before, #industries::after {display:none !important;}#services .panel-label,
        #industries .panel-label {all:initial !important;display:inline-block !important;position:relative !important;z-index:99999 !important;font-family:'JetBrains Mono', 'Share Tech Mono', monospace !important;font-size:0.75rem !important;font-weight:600 !important;letter-spacing:0.15em !important;text-transform:uppercase !important;line-height:1.2 !important;margin:0 0 1.5rem 0 !important;padding:0.4rem 0.8rem !important;background-color:rgba(10, 13, 18, 0.95) !important;color:#00E5FF !important;border:1px solid #00E5FF !important;box-shadow:0 0 10px rgba(0, 229, 255, 0.4) !important;}:root.light-theme #services .panel-label,
        :root.light-theme #industries .panel-label{background-color:rgba(139, 0, 0, 0.95) !important;color:#FFFFFF !important;border:1px solid #FFFFFF !important;box-shadow:0 0 10px rgba(255, 255, 255, 0.4) !important;text-shadow:0 1px 2px rgba(0, 0, 0, 0.6) !important;}#services .panel-label::before,
        #industries .panel-label::before {display:none !important;}#services .panel-label::after,
        #industries .panel-label::after {content:'' !important;display:block !important;clear:both !important;width:100% !important;height:0 !important;}#services h2,
        #industries h2 {display:block !important;clear:both !important;width:100% !important;margin-top:0 !important;}#services.console-panel,
        #industries.console-panel {position:relative !important;}#services .corner-bracket,
        #industries .corner-bracket {position:absolute !important;width:20px !important;height:20px !important;border-width:2px !important;border-style:solid !important;opacity:0.7 !important;z-index:100 !important;transition:all 0.3s ease !important;}#services .corner-bracket.tl,
        #industries .corner-bracket.tl {top:0 !important;left:0 !important;border-right:none !important;border-bottom:none !important;border-color:var(--accent-cyan) !important;}#services .corner-bracket.tr,
        #industries .corner-bracket.tr {top:0 !important;right:0 !important;border-left:none !important;border-bottom:none !important;border-color:var(--accent-cyan) !important;}#services .corner-bracket.bl,
        #industries .corner-bracket.bl {bottom:0 !important;left:0 !important;border-right:none !important;border-top:none !important;border-color:var(--accent-cyan) !important;}#services .corner-bracket.br,
        #industries .corner-bracket.br {bottom:0 !important;right:0 !important;border-left:none !important;border-top:none !important;border-color:var(--accent-cyan) !important;}:root.light-theme #services .corner-bracket,
        :root.light-theme #industries .corner-bracket{border-color:rgba(255, 255, 255, 0.6) !important;}#services:hover .corner-bracket,
        #industries:hover .corner-bracket {opacity:1 !important;width:25px !important;height:25px !important;}#services .container > *,
        #industries .container > * {position:relative;z-index:10;}:root.light-theme #services h2,
        :root.light-theme #services h3,
        :root.light-theme #services p,
        :root.light-theme #services .capability-label,
        :root.light-theme #industries h2,
        :root.light-theme #industries h3,
        :root.light-theme #industries p{color:#FFFFFF !important;}

/* ===== Services / Capabilities (#services, .capabilities, .console-panel) ===== */
#services.console-panel:hover,
#industries.console-panel:hover,
#contact.console-panel:hover,
#services.console-panel:hover::before,
#industries.console-panel:hover::before,
#contact.console-panel:hover::before,
#services.console-panel:hover::after,
#industries.console-panel:hover::after,
#contact.console-panel:hover::after {animation:none !important;}
/* Projects slideshow image layout */
.slideshow-container .project-placeholder {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
}

.project-image-wrapper {
    flex: 1 1 auto;
    width: 100%;
    overflow: hidden;
}

.project-image {
    width: 100%;
    height: 100%;
    object-fit: contain; /* keep entire image visible */
    display: block;
}

.project-text {
    padding: 1.5rem;
    background: var(--bg-primary);
    width: 100%;
    flex: 0 0 auto;
}

@media (max-width: 768px) {
    .project-image-wrapper {
        flex: 0 0 60%;
    }
}

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-2CPVFZCWTD"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-2CPVFZCWTD');
</script>



/* ============================================
   LOADING SCREEN - PERFECTLY CENTERED
   ============================================ */
.loading-screen {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    background: #0a0d12;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
}
html, body {
    margin: 0;
    padding: 0;
}
.loading-screen.fade-out {
    opacity: 0;
    transition: opacity 0.5s ease;
}
.loading-screen.hidden {
    display: none !important;
}
.loading-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
}
.loading-logo {
    margin-bottom: 1.5rem;
    animation: logoPulse 1.5s ease-in-out infinite;
}
.loading-logo svg {
    width: 80px;
    height: 80px;
    display: block;
}
@keyframes logoPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}
.loading-text {
    font-family: 'Orbitron', sans-serif;
    font-size: clamp(1.2rem, 5vw, 1.8rem);
    font-weight: 700;
    color: #dc143c;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 1.5rem;
    text-shadow: 0 0 30px rgba(220, 20, 60, 0.6);
    white-space: nowrap;
}
.loading-bar-container {
    width: 250px;
    max-width: 80vw;
    height: 6px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid rgba(220, 20, 60, 0.3);
}
.loading-bar {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #dc143c, #ff4500, #dc143c);
    background-size: 200% 100%;
    border-radius: 3px;
    transition: width 0.2s ease;
    animation: shimmer 1s linear infinite;
}
@keyframes shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
.loading-percent {
    font-family: 'JetBrains Mono', monospace;
    font-size: 1rem;
    color: #dc143c;
    margin-top: 1rem;
    text-align: center;
    width: 100%;
}
.loading-status {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 0.5rem;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
}
/* Mobile responsive */
@media (max-width: 480px) {
    .loading-logo svg {
        width: 60px;
        height: 60px;
    }
    .loading-text {
        font-size: 1.2rem;
        letter-spacing: 0.15em;
    }
    .loading-bar-container {
        max-width: 220px;
    }
    .loading-percent {
        font-size: 0.9rem;
    }
}
/* Loading Screen Mobile Styles */
@media (max-width: 768px) {
    .loading-screen {
        padding: 20px;
    }
    .loading-logo svg {
        width: 80px;
        height: 80px;
    }
    .loading-text {
        font-size: 1.2rem;
        letter-spacing: 0.2em;
    }
    .loading-bar-container {
        width: 250px;
    }
    .loading-percent {
        font-size: 0.9rem;
    }
    .loading-status {
        font-size: 0.65rem;
    }
}
@media (max-width: 480px) {
    .loading-logo svg {
        width: 60px;
        height: 60px;
    }
    .loading-text {
        font-size: 1rem;
        letter-spacing: 0.15em;
        margin-bottom: 1.5rem;
    }
    .loading-bar-container {
        width: 200px;
    }
}
/* ============================================ */
/* NAV CREDENTIALS STRIP                       */
/* ============================================ */

.nav-credentials {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 4px 0 6px;
    border-top: 1px solid rgba(0, 229, 255, 0.1);
}
:root.light-theme .nav-credentials {
    border-top: 1px solid rgba(220, 20, 60, 0.1);
}
.nav-cred-item {
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.65rem;
    letter-spacing: 0.1em;
    color: var(--accent-cyan);
    text-transform: uppercase;
    white-space: nowrap;
}
.nav-cred-dot {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--accent-cyan);
    opacity: 0.5;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .nav-credentials {
        gap: 8px;
        padding: 3px 0 5px;
    }
    .nav-cred-item {
        font-size: 0.55rem;
        letter-spacing: 0.06em;
    }
}

/* ============================================ */
/* LEGAL / TERMS & CONDITIONS PAGES            */
/* ============================================ */

/* Compact hero for non-service pages */
.hero-compact {
    min-height: 40vh;
    padding-top: 120px;
    padding-bottom: 60px;
}
.hero-compact .hero-content-panel {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}
.hero-full-width {
    width: 100%;
    flex: none;
}

/* Legal section styling */
.legal-section {
    padding: 60px 0;
}
.legal-content {
    max-width: 900px;
    margin: 0 auto;
    font-family: 'Turret Road', 'Share Tech Mono', monospace;
}
.legal-content .section-label {
    font-family: 'Orbitron', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--accent-cyan, #00E5FF);
    margin-bottom: 40px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 229, 255, 0.3);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
:root.light-theme .legal-content .section-label {
    color: var(--accent-crimson, #DC143C);
    border-bottom-color: rgba(220, 20, 60, 0.3);
}
.legal-version {
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.8rem;
    font-weight: 400;
    opacity: 0.7;
    letter-spacing: 0;
    text-transform: none;
}

/* Legal blocks */
.legal-block {
    margin-bottom: 35px;
    padding: 25px 30px;
    background: rgba(15, 18, 23, 0.5);
    border: 1px solid rgba(0, 229, 255, 0.1);
    border-radius: 8px;
    border-left: 3px solid var(--accent-cyan, #00E5FF);
    transition: border-color 0.3s ease, background 0.3s ease;
}
:root.light-theme .legal-block {
    background: rgba(255, 255, 255, 0.7);
    border-color: rgba(220, 20, 60, 0.15);
    border-left-color: var(--accent-crimson, #DC143C);
}
.legal-block:hover {
    border-color: rgba(0, 229, 255, 0.3);
}
:root.light-theme .legal-block:hover {
    border-color: rgba(220, 20, 60, 0.3);
}

.legal-block h3 {
    font-family: 'Orbitron', sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--text-primary, #F2F5F7);
    margin-bottom: 15px;
    letter-spacing: 0.03em;
}
:root.light-theme .legal-block h3 {
    color: var(--text-primary-light, #0A0D12);
}

.legal-block ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.legal-block ul li {
    position: relative;
    padding: 8px 0 8px 20px;
    font-size: 0.92rem;
    line-height: 1.7;
    color: var(--text-secondary, #A8B2C1);
}
:root.light-theme .legal-block ul li {
    color: var(--text-secondary-light, #4A5568);
}
.legal-block ul li::before {
    content: '›';
    position: absolute;
    left: 0;
    color: var(--accent-cyan, #00E5FF);
    font-weight: 700;
    font-size: 1.1rem;
}
:root.light-theme .legal-block ul li::before {
    color: var(--accent-crimson, #DC143C);
}
.legal-block ul li strong {
    color: var(--text-primary, #F2F5F7);
    font-weight: 700;
}
:root.light-theme .legal-block ul li strong {
    color: var(--text-primary-light, #0A0D12);
}

/* Nested ordered list (sub-items like a, b, c) */
.legal-block ol {
    margin-top: 10px;
    padding-left: 20px;
}
.legal-block ol li {
    padding: 4px 0 4px 5px;
    font-size: 0.88rem;
}
.legal-block ol li::before {
    content: none;
}

/* RTL Arabic section */
.legal-section-rtl {
    direction: rtl;
    text-align: right;
}
.legal-section-rtl .legal-block {
    border-left: 1px solid rgba(0, 229, 255, 0.1);
    border-right: 3px solid var(--accent-cyan, #00E5FF);
}
:root.light-theme .legal-section-rtl .legal-block {
    border-left-color: rgba(220, 20, 60, 0.15);
    border-right-color: var(--accent-crimson, #DC143C);
}
.legal-section-rtl .legal-block ul li {
    padding: 8px 20px 8px 0;
}
.legal-section-rtl .legal-block ul li::before {
    left: auto;
    right: 0;
    content: '‹';
}
.legal-section-rtl .legal-block ol {
    padding-left: 0;
    padding-right: 20px;
}
.legal-section-rtl .legal-content .section-label {
    font-family: inherit;
}
.legal-section-rtl .legal-block h3 {
    font-family: inherit;
}

/* Legal divider between languages */
.legal-divider {
    padding: 20px 0;
}
.divider-line {
    max-width: 900px;
    margin: 0 auto;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--accent-cyan, #00E5FF), transparent);
    opacity: 0.4;
}
:root.light-theme .divider-line {
    background: linear-gradient(90deg, transparent, var(--accent-crimson, #DC143C), transparent);
}

/* Responsive legal content */
@media (max-width: 768px) {
    .hero-compact {
        min-height: 30vh;
        padding-top: 100px;
        padding-bottom: 40px;
    }
    .legal-section {
        padding: 40px 0;
    }
    .legal-content .section-label {
        font-size: 1.2rem;
    }
    .legal-block {
        padding: 20px;
        margin-bottom: 25px;
    }
    .legal-block h3 {
        font-size: 0.95rem;
    }
    .legal-block ul li {
        font-size: 0.85rem;
        line-height: 1.6;
    }
}
@media (max-width: 480px) {
    .hero-compact {
        padding-top: 90px;
        padding-bottom: 30px;
    }
    .legal-block {
        padding: 15px;
    }
    .legal-content .section-label {
        font-size: 1rem;
    }
}

/* HIDE PAGE CONTENT UNTIL LOADED */
.page-content {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.page-content.visible {
    opacity: 1;
}