Necesito completar el formulario «Set up your design system» de Claude Design para crear el system design de Interbank. Lo que pongas ahí es lo único que Design va a saber de la marca, así que necesito el máximo detalle posible: mientras más completo, más fiel a Interbank sale cada pieza.

El formulario tiene tres campos:
1. Company name and blurb: quién es la empresa.
2. Fonts, logos and assets: los archivos que subo.
3. Any other notes: todo lo que el diseño debe respetar.

Te adjunto tres archivos:
- Codigo_home_interbank.txt: el HTML completo de la página de inicio de interbank.pe.
- Estilos_interbank.txt: todo el CSS de esa página (la hoja de estilos principal y los estilos internos).
- logo_interbank.png: el logo.

Lee los dos .txt completos, de principio a fin, antes de responder. No resumas: quiero cada valor exacto que encuentres.

CAMPO 1 · Company name and blurb
Escríbelo largo y detallado, en varios párrafos:
- Nombre comercial y razón social.
- Qué es Interbank y qué promete, con su lema y su mensaje de bienvenida tal como aparecen en el código.
- Sus segmentos (personas, negocios, empresas e instituciones) y qué ofrece a cada uno.
- Todas las familias de productos que aparecen en el menú y en la página, con los nombres de producto que encuentres.
- Sus canales digitales (app, banca por internet, Plin y otros) y las campañas o funcionalidades destacadas en la página.
- La personalidad de la marca: cómo se presenta, a quién le habla y qué sensación busca transmitir.

CAMPO 2 · Fonts, logos and assets
Qué archivo subo y para qué sirve, qué fuentes usa la marca y qué hacer si no tengo sus archivos, y qué campos dejo vacíos.

CAMPO 3 · Any other notes
El system design completo, lo más largo y detallado posible, con valores exactos (hex, px, pesos, radios y sombras tal cual aparecen en el CSS). Estas secciones:
1. Colores: todos los hex que aparecen, agrupados en primarios, secundarios, neutros, texto, fondos, bordes y estados (éxito, aviso, error, información). Para cada uno: su rol, en qué elementos se usa y sus variantes de hover, activo y deshabilitado.
2. Tipografía: cada familia y para qué se usa; la escala completa de tamaños con su interlineado, peso y letter-spacing; cuándo va en mayúsculas.
3. Botones: cada variante (principal, secundario y por color) con fondo, texto, borde, radio, padding, alto, tamaño y peso de letra, y sus estados hover, activo, deshabilitado y cargando.
4. Otros componentes: encabezado superior y menú (alturas, colores, sombra), submenús, buscador y campos de formulario, tarjetas y tablas, banners y hero, enlaces, botón flotante y footer.
5. Iconografía: librería, estilo, tamaños y colores.
6. Layout y espaciado: ancho máximo del contenedor, márgenes, espaciados más usados y breakpoints.
7. Radios, sombras, bordes y transiciones: cada valor y dónde se usa.
8. Composición: cómo se ordenan los bloques, cuánto aire hay y cómo se combinan texto, imagen y botón.
9. Tono de voz: cómo le habla al cliente, con titulares y botones reales copiados del código.
10. Qué no hacer nunca.

Reglas:
- Usa solo lo que encuentres en los archivos. Escribe cada valor exacto, sin redondear.
- Si algo no aparece, márcalo «no encontrado»; si propones algo, márcalo «sugerencia».
- No acortes ni resumas los campos 1 y 3: el detalle es lo que da la calidad.
- Entrega los 3 campos en bloques separados, cada uno listo para copiar y pegar.
