Trabajo: oscuro (HTML + viento de cola)

Cree una página de inicio de una sola página para "Trabajo", una IA que entrevista a SaaS para la contratación. Utilice HTML + Tailwind CSS a través de CDN (`<script src="https://cdn.tailwindcss.com"></script>`) y la fuente Inter de Google Fonts. Diseño de modo oscuro estilo lineal/Vercel. **Configuración Tailwind** (extiende el tema en `<script>`): colores `bg: '#0b0c10'`, `card: '#171922'`, `line: '#23262f'`, `silenciado: '#9aa0ad'`, `primary: '#6c5ce7'`, `primary2: '#a29bfe'`, `accent: '#00d4a3'`. Fuente sin = Inter. **Secciones:** 1. Barra de navegación fija con fondo borroso y borde inferior: logotipo "M" en un cuadro degradado de color púrpura, enlaces Inicio/Búsqueda/Blog, botón blanco redondeado "Iniciar sesión". 2. Hero `grid lg:grid-cols-2 gap-16` con píldora "✦ AI Interviewer", H1 `text-6xl font-extrabold track-tight` con "hire" en `bg-clip-text` degradado morado→verde, dos CTA (principal con degradado + sombra, fantasma con borde). A la derecha, maqueta del tablero hecha con divs: encabezado con 3 puntos de macOS, 4 filas (avatar circular con degradado + barra de progreso con `bg-gradient-to-r from-primary to-accent` + puntuación), cuadrícula de 3 estadísticas a continuación. Manchas radiales con "desenfoque absoluto-3xl opacidad-30". 3. Barra de confianza con logos en texto (NASA, PORSCHE, NIKE, Nestlé, Deloitte) en `flex justify-around opacity-60`. 4. Sección de valor centrada con título grande y enlace de CTA. 5. Beneficios de la cuadrícula 4 (`grid md:grid-cols-4 gap-5`): cada tarjeta `bg-card border border-line rounded-2xl p-7 hover:-translate-y-1`. 6. "Cómo funciona": 5 pasos en `grid md:grid-cols-5` sobre un fondo más oscuro. 7. Industrias: `grid grid-cols-4 gap-3.5` con 12 elementos. 8. Pie de página minimalista. Todo responsivo con puntos de interrupción `md:` y `lg:`. Devuelve un único `index.html`.