Mockup: página de oferta (servicios IA privada) — neni.lat × inventivaga

Contexto: pedido el 2026-09-27. “Decirle a los clientes: mira esta es la experiencia que tenemos.” Archivo: ~/nef/prueba-mkt/index.html (un solo archivo, cero dependencias externas).

Estructura

• Nav numerada 01 Servicios · 02 Experiencia · 03 Proceso · 04 Contacto + CTA negro “Escríbenos”.
• Hero: “IA privada y software a la medida para negocios que no pueden improvisar.”
• Panel oscuro manifiesto: “Si el dato es sensible, el modelo se queda en casa.” + spec mono (modelo/cómputo/datos/facturación/dependencias).
• 01 Servicios: asistentes privados (RAG), automatización WhatsApp/agenda, datos y tableros, sitios autocontenidos.
• 02 Experiencia: “Mira esta es la experiencia que tenemos.” Casos: neni.lat (en producción), recepción IA consultorio dental (piloto), motor editorial (120+ fuentes), datos y visualización.
• 03 Proceso: diagnóstico $9,500(seabona)\to pilotodesde$35,000 → producción → operación desde $6,500/mes.
• 04 Contacto + footer: “un archivo, sin frameworks, sin dependencias.”

Sistema de diseño

• Inventivaga (dirección visual): crema F7F4EC, nav numerada, serif editorial en titulares, rail dark/light lateral, CTA negro pill, bloque oscuro full-width, hairlines.
• neni.lat (ADN): un archivo, fuentes de sistema (serif/ui-serif + system-ui + ui-monospace), cero JS de dependencias, favicon data URI.
• Acento índigo 5B5FEF (inventivaga) + rosa D9365E (neni); dark mode por CSS :has(#modo:checked), sin JS.
• Verificado en navegador: desktop 1440×900, mobile 390×844, dark mode (bug de botones en dark corregido).

Editar antes de enviar a clientes

1. Marca “nef,” (placeholder) → marca final.
2. WhatsApp wa.me/525511813848 → línea definitiva; correo [ID-EMAIL] → real.
3. Precios del proceso (placeholder) → tarifas reales.
4. Casos E.02–E.04 → nombres y números reales con permiso del cliente. Neni.lat ya es público y verificable.

Mejora v2 (2026-09-27, “mejora”)

• Hero cabe completo en viewport: H1 en 2 líneas (“IA privada y software / a la medida.”), itálica con white-space:nowrap, subtext ≤20 palabras.
• Sellos movidos fuera del hero: tira propia entre hairlines (”● Agendando Q4 2026 · contrato de encargo · CFDI 4.0 · open-weights”).
• Experiencia rediseñada como grid 2×2 con tarjeta insignia oscura (neni.lat); familias de layout distintas por sección (filas / tarjetas / pasos).
• Cero guiones largos en copy visible (reemplazados por ”·”, comas y paréntesis).
• CTA único de contacto: “Escríbenos” en nav, hero y contacto (evita etiquetas duplicadas para la misma intención).
• Footer con marca gigante “nef.” + nota de proceso “Precios en MXN, más IVA.”
• Craft: :focus-visible índigo, scroll-margin-top para anclas, animación de entrada del hero (CSS, gated por prefers-reduced-motion).
• Bug dark mode corregido: texto sobre superficies oscuras usa color fijo F4F1E4 (antes se oscurecía con el token —crema y el panel/tarjeta quedaban ilegibles).
• Verificado otra vez: desktop 1440×900 (hero, experiencia, footer), dark mode, mobile 390×844.