diff --git a/css/styles.css b/css/styles.css
index ac44f2d..565a6e7 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1,3 +1,89 @@
+/* ==========================================================================
+   Self-Hosted Fonts & Icons
+   ========================================================================== */
+
+/* Space Grotesk */
+@font-face {
+  font-display: swap;
+  font-family: 'Space Grotesk';
+  font-style: normal;
+  font-weight: 300;
+  src: url('../fonts/space/space-grotesk-v22-latin-300.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'Space Grotesk';
+  font-style: normal;
+  font-weight: 400;
+  src: url('../fonts/space/space-grotesk-v22-latin-regular.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'Space Grotesk';
+  font-style: normal;
+  font-weight: 500;
+  src: url('../fonts/space/space-grotesk-v22-latin-500.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'Space Grotesk';
+  font-style: normal;
+  font-weight: 600;
+  src: url('../fonts/space/space-grotesk-v22-latin-600.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'Space Grotesk';
+  font-style: normal;
+  font-weight: 700;
+  src: url('../fonts/space/space-grotesk-v22-latin-700.woff2') format('woff2');
+}
+
+/* Instrument Serif */
+@font-face {
+  font-display: swap;
+  font-family: 'Instrument Serif';
+  font-style: normal;
+  font-weight: 400;
+  src: url('../fonts/instrument/instrument-serif-v5-latin-regular.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'Instrument Serif';
+  font-style: italic;
+  font-weight: 400;
+  src: url('../fonts/instrument/instrument-serif-v5-latin-italic.woff2') format('woff2');
+}
+
+/* Material Symbols Outlined */
+@font-face {
+  font-display: swap;
+  font-family: 'Material Symbols Outlined';
+  font-style: normal;
+  font-weight: 100 700;
+  src: url('../fonts/MaterialSymbolsOutlined[FILL,GRAD,opsz,wght].woff2') format('woff2');
+}
+
+.material-symbols-outlined {
+  font-family: 'Material Symbols Outlined';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  -webkit-font-smoothing: antialiased;
+}
+
 /* Glass Morphism Effect */
 .glass {
   background: rgba(255, 255, 255, 0.4);
diff --git a/fonts/MaterialSymbolsOutlined[FILL,GRAD,opsz,wght].woff2 b/fonts/MaterialSymbolsOutlined[FILL,GRAD,opsz,wght].woff2
new file mode 100644
index 0000000..a876954
Binary files /dev/null and b/fonts/MaterialSymbolsOutlined[FILL,GRAD,opsz,wght].woff2 differ
diff --git a/fonts/instrument/instrument-serif-v5-latin-italic.woff2 b/fonts/instrument/instrument-serif-v5-latin-italic.woff2
new file mode 100644
index 0000000..197abca
Binary files /dev/null and b/fonts/instrument/instrument-serif-v5-latin-italic.woff2 differ
diff --git a/fonts/instrument/instrument-serif-v5-latin-regular.woff2 b/fonts/instrument/instrument-serif-v5-latin-regular.woff2
new file mode 100644
index 0000000..0ad6971
Binary files /dev/null and b/fonts/instrument/instrument-serif-v5-latin-regular.woff2 differ
diff --git a/fonts/space/space-grotesk-v22-latin-300.woff2 b/fonts/space/space-grotesk-v22-latin-300.woff2
new file mode 100644
index 0000000..8a92c4a
Binary files /dev/null and b/fonts/space/space-grotesk-v22-latin-300.woff2 differ
diff --git a/fonts/space/space-grotesk-v22-latin-500.woff2 b/fonts/space/space-grotesk-v22-latin-500.woff2
new file mode 100644
index 0000000..0db251f
Binary files /dev/null and b/fonts/space/space-grotesk-v22-latin-500.woff2 differ
diff --git a/fonts/space/space-grotesk-v22-latin-600.woff2 b/fonts/space/space-grotesk-v22-latin-600.woff2
new file mode 100644
index 0000000..a1db41a
Binary files /dev/null and b/fonts/space/space-grotesk-v22-latin-600.woff2 differ
diff --git a/fonts/space/space-grotesk-v22-latin-700.woff2 b/fonts/space/space-grotesk-v22-latin-700.woff2
new file mode 100644
index 0000000..44604a0
Binary files /dev/null and b/fonts/space/space-grotesk-v22-latin-700.woff2 differ
diff --git a/fonts/space/space-grotesk-v22-latin-regular.woff2 b/fonts/space/space-grotesk-v22-latin-regular.woff2
new file mode 100644
index 0000000..0e63471
Binary files /dev/null and b/fonts/space/space-grotesk-v22-latin-regular.woff2 differ
diff --git a/huella.html b/huella.html
index 4b4d013..2a716bd 100644
--- a/huella.html
+++ b/huella.html
@@ -29,14 +29,6 @@
         },
       };
     </script>
-    <link
-      href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&amp;family=Instrument+Serif:ital@0;1&amp;display=swap"
-      rel="stylesheet"
-    />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap"
-      rel="stylesheet"
-    />
     <link rel="stylesheet" href="css/styles.css" />
   </head>
   <body
@@ -258,13 +250,12 @@
               <h2
                 class="text-5xl md:text-7xl font-serif italic mb-8 relative z-10 text-slate-900 dark:text-white"
               >
-                ¿Creamos algo<br />extraordinario?
+                ¿Hablamos?
               </h2>
               <p
                 class="text-xl text-slate-600 dark:text-slate-400 mb-12 max-w-xl mx-auto relative z-10"
               >
-                Estoy siempre abierta a colaborar en proyectos que desafíen los
-                límites de lo posible con soberanía digital y tecnología responsable.
+                Si buscas tecnología ligera, accesible y con los pies en la tierra — o simplemente quieres hablar de soberanía digital — escríbeme.
               </p>
               <div
                 class="flex flex-col md:flex-row justify-center gap-6 relative z-10"
@@ -299,7 +290,7 @@
             <div
               class="mt-16 flex flex-col md:flex-row justify-between items-center gap-6 text-slate-400 dark:text-slate-500 text-sm"
             >
-              <p>© 2025 Itziar ZG. Hecho con IA y mucho café.</p>
+              <p>© 2026 Itziar ZG.</p>
               <div class="flex gap-8">
                 <a
                   class="hover:text-primary transition-colors text-slate-600 dark:text-slate-400"
diff --git a/index.html b/index.html
index a17b64c..5d3fc66 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <meta content="width=device-width, initial-scale=1.0" name="viewport" />
-    <title>Itziar ZG | AI &amp; Automation Developer</title>
+    <title>Itziar ZG | Desarrollo web soberano y sostenible</title>
     <script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
     <script id="tailwind-config">
       tailwind.config = {
@@ -29,14 +29,6 @@
         },
       };
     </script>
-    <link
-      href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&amp;family=Instrument+Serif:ital@0;1&amp;display=swap"
-      rel="stylesheet"
-    />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap"
-      rel="stylesheet"
-    />
     <link rel="stylesheet" href="css/styles.css" />
   </head>
   <body
@@ -591,13 +583,12 @@
               <h2
                 class="text-5xl md:text-7xl font-serif italic mb-8 relative z-10 text-slate-900 dark:text-white"
               >
-                ¿Creamos algo<br />extraordinario?
+                ¿Hablamos?
               </h2>
               <p
                 class="text-xl text-slate-600 dark:text-slate-400 mb-12 max-w-xl mx-auto relative z-10"
               >
-                Estoy siempre abierta a colaborar en proyectos que desafíen los
-                límites de lo posible con IA y automatización.
+                Si buscas tecnología ligera, accesible y con los pies en la tierra — o simplemente quieres hablar de soberanía digital — escríbeme.
               </p>
               <div
                 class="flex flex-col md:flex-row justify-center gap-6 relative z-10"
@@ -632,7 +623,7 @@
             <div
               class="mt-16 flex flex-col md:flex-row justify-between items-center gap-6 text-slate-400 dark:text-slate-500 text-sm"
             >
-              <p>© 2025 Itziar ZG. Hecho con IA y mucho café.</p>
+              <p>© 2026 Itziar ZG.</p>
               <div class="flex gap-8">
                 <a
                   class="hover:text-primary transition-colors text-slate-600 dark:text-slate-400"