/* Fondo dinámico sutil */
        .bg-mesh {
            position: fixed;
            top: 0; left: 0; width: 100%; height: 100%;
            background: radial-gradient(circle at 20% 30%, rgba(0, 210, 255, 0.05), transparent 40%),
                        radial-gradient(circle at 80% 70%, rgba(157, 80, 187, 0.05), transparent 40%);
            z-index: -1;
        }

        .hero-title {
            font-weight: 800;
            background: linear-gradient(to right, #fff, #888);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            letter-spacing: -2px;
        }

        /* Card Ultra-Moderna */
        .project-card {
            background: rgba(15, 17, 22, 0.7);
            border: 1px solid var(--glass-border);
            border-radius: 24px;
            padding: 40px;
            position: relative;
            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            backdrop-filter: blur(20px);
            height: 100%;
        }

        .project-card:hover {
            border-color: var(--neon-blue);
            transform: scale(1.02) translateY(-10px);
            box-shadow: 0 20px 50px rgba(0, 210, 255, 0.15);
        }

        .project-card::before {
            content: "";
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            border-radius: 24px;
            background: linear-gradient(45deg, transparent, rgba(0, 210, 255, 0.1), transparent);
            opacity: 0; transition: 0.5s;
        }

        .project-card:hover::before { opacity: 1; }

        .dev-ribbon {
            position: absolute;
            top: 20px; right: 20px;
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.7rem;
            color: var(--investor-gold);
            border: 1px solid var(--investor-gold);
            padding: 4px 12px;
            border-radius: 100px;
            text-transform: uppercase;
        }

        .icon-box {
            width: 70px; height: 70px;
            background: linear-gradient(135deg, #1a1c23, #0a0b10);
            border-radius: 18px;
            display: flex; align-items: center; justify-content: center;
            margin-bottom: 25px;
            font-size: 1.8rem;
            color: var(--neon-blue);
            box-shadow: inset 0 0 10px rgba(0, 210, 255, 0.2);
        }

        .vision-text {
            color: #888;
            font-size: 0.9rem;
            line-height: 1.6;
        }

        .highlight-blue { color: var(--neon-blue); font-weight: bold; }
        
        /* Frase anti-especulación */
        .manifesto {
            border-left: 2px solid var(--neon-blue);
            padding-left: 20px;
            margin: 40px 0;
        }