{{define "landing_es"}}

<div class="page-container">

  <div class="page-card">
    <div class="hero">
      <div class="hero-tagline">Tu salud, comprendida.</div>
      <div class="hero-answer">Todos tus datos de salud — organizados, privados y listos para tu IA.</div>
      <div class="carousel">
        <div class="carousel-track">
          <div class="carousel-slide" style="background-image: url('/static/carousel-1.webp')"></div>
          <div class="carousel-slide" style="background-image: url('/static/carousel-2.webp')"></div>
          <div class="carousel-slide" style="background-image: url('/static/carousel-3.webp')"></div>
          <div class="carousel-slide" style="background-image: url('/static/carousel-4.webp')"></div>
          <div class="carousel-slide" style="background-image: url('/static/carousel-5.webp')"></div>
          <div class="carousel-slide" style="background-image: url('/static/carousel-6.webp')"></div>
        </div>
      </div>
      <div class="carousel-caption" id="carousel-caption" data-captions='["Sigue la evolución de tus análisis a lo largo del tiempo \u2014 ve exactamente lo que tu IA ve cuando detecta un cambio.","Tus análisis, escáneres y genoma en un solo lugar \u2014 explora todo a lo que tu IA tiene acceso.","Ve tu propia MRI \u2014 amplía los mismos cortes que tu IA analizó.","Tu escáner cerebral en 3D \u2014 navega por cada plano, verifica cada hallazgo que hizo tu IA.","Tu IA conecta los puntos entre análisis y genoma \u2014 y te lo explica en un lenguaje sencillo.","Tu radiografía, en resolución completa \u2014 amplía los hallazgos que tu IA marcó."]'>Sigue la evolución de tus análisis a lo largo del tiempo — ve exactamente lo que tu IA ve cuando detecta un cambio.</div>
      <div class="carousel-dots">
        <button class="carousel-dot active" data-index="0"></button>
        <button class="carousel-dot" data-index="1"></button>
        <button class="carousel-dot" data-index="2"></button>
        <button class="carousel-dot" data-index="3"></button>
        <button class="carousel-dot" data-index="4"></button>
        <button class="carousel-dot" data-index="5"></button>
      </div>
      <div class="hero-cta">
        {{if .Dossier}}<a href="/invite" class="btn btn-primary">Invitar a un amigo</a>{{else}}<a href="/start" class="btn btn-primary">Iniciar sesión</a>{{end}}
        {{if .Error}}<div class="error" style="margin-top: 24px;">{{.Error}}</div>{{end}}
      </div>
    </div>
  </div>

  <div class="page-card">
    <div class="story">
      <h2 class="story-title">Necesitas IA para tu salud</h2>
      
      <div class="story-prose warm">
        <p>Tus datos de salud están repartidos en una docena de lugares distintos — con tu cardiólogo, tu neurólogo, tu laboratorio, tu reloj, tus apps, tu 23andMe. Y solo tú conoces el resto: lo que comes, lo que bebes, los suplementos que tomas. Tu rutina de ejercicio. Tus síntomas. Tus objetivos — ya sea que estés intentando quedarte embarazada, entrenando para un maratón, o simplemente tratando de sentirte menos agotado.</p>
        
        <p>Ya sea que estés sano y quieras seguir así, navegando un diagnóstico difícil, o cuidando a un familiar que no puede defenderse por sí mismo — ningún médico ve el panorama completo. Ningún sistema lo conecta.</p>
        
        <p>Pero <strong><em>tú</em></strong> tienes acceso a todo. Solo que no tienes la experiencia para darle sentido a todo eso.</p>
        
        <p class="emphasis">Tu IA sí. inou le da el panorama completo.</p>
      </div>
    </div>
  </div>
  <div class="page-card">
    <div class="story">
      <h2 class="story-title">El desafío</h2>
      <div class="story-pair">
        <div class="data">Tu MRI tiene 4.000 cortes.</div>
        <div class="reality">Fue leída en 10 minutos.</div>
      </div>
      
      <div class="story-pair">
        <div class="data">Tu genoma tiene millones de variantes.</div>
        <div class="reality">Todo lo que aprendiste fue el color de tus ojos y de dónde vienen tus ancestros.</div>
      </div>
      
      <div class="story-pair">
        <div class="data">Tu análisis de sangre tiene docenas de marcadores.</div>
        <div class="reality">Tu médico dijo "todo se ve bien".</div>
      </div>
      
      <div class="story-pair">
        <div class="data">Tu reloj registró 10.000 horas de sueño.</div>
        <div class="reality">Tu entrenador ni sabe que existe.</div>
      </div>
      
      <div class="story-pair">
        <div class="data">Has probado cien suplementos distintos.</div>
        <div class="reality">Nadie preguntó cuáles.</div>
      </div>
      
      <div class="story-transition">
        Las conexiones están ahí.<br>
        Solo son demasiado complejas para que cualquier persona las comprenda.
      </div>
      
      <div class="story-gaps">
        <span>Nadie sabe cómo tu cuerpo procesa la Warfarina — ni siquiera tú.</span>
        <span class="indent">Pero la respuesta podría estar escondida en tu 23andMe.</span>
        <span>Ese "sin hallazgos relevantes" en tu MRI — ¿alguien revisó de cerca los 4.000 cortes?</span>
        <span>Tu tiroides está "dentro del rango" — pero nadie lo conectó con tu fatiga, tu peso, ni con que siempre tienes frío.</span>
      </div>
      
      <div class="story-connections">
        <span>Nadie está conectando tu cafeína de la tarde con tus puntuaciones de sueño.</span>
        <span>Tus niveles de hierro con el cansancio en tus entrenamientos.</span>
        <span>Tu genética con tu niebla mental.</span>
      </div>
      
      <div class="story-ai">
        <span>Tu IA no olvida.</span>
        <span>No tiene prisa.</span>
        <span>Encuentra lo que se pasó por alto.</span>
        <span class="last">No se especializa — te ve de forma completa.</span>
      </div>
      
      <div class="story-closing"><span class="inou">inou</span> permite que tu IA lo tenga todo en cuenta — cada corte, cada marcador, cada variante — conectarlo todo y finalmente darte respuestas que nadie más pudo darte.</div>
    </div>
  </div>


  <div class="page-card">
    <div class="story">
      <h2 class="story-title">Por qué construimos esto</h2>
      
      <p class="story-prose">Has acumulado años de datos de salud. Escáneres del hospital. Análisis de sangre del laboratorio. Resultados del portal de tu médico. Datos de tu reloj. Quizás hasta tu ADN.</p>
      
      <p class="story-prose">Y luego está todo lo que solo tú sabes — tu peso, tu presión arterial, tu plan de entrenamiento, los suplementos que tomas, los síntomas que has estado pensando mencionar.</p>
      
      <p class="story-prose">Todo está ahí — pero disperso en sistemas que no se comunican entre sí, en manos de especialistas que solo ven su parte, o guardado en tu propia cabeza.</p>
      
      <p class="story-prose">Tu cardiólogo no sabe lo que encontró tu neurólogo. Tu entrenador no ha visto tus análisis de sangre. Tu médico no tiene idea de qué suplementos estás tomando. Y ninguno tiene tiempo para sentarse contigo y conectar los puntos.</p>
      
      <p class="story-prose"><strong>La IA por fin puede hacerlo.</strong> Puede reunir lo que ningún experto por separado ve — y explicártelo de verdad.</p>
      
      <p class="story-prose">Pero estos datos no caben en una ventana de chat. Y lo último que quieres es que tu historial médico esté en los servidores de otra persona, entrenando sus modelos.</p>
      
      <p class="story-prose"><span class="inou">inou</span> lo reúne todo — análisis, imágenes, genética, signos vitales, medicamentos, suplementos — cifrado, privado y sin compartirlo con absolutamente nadie. Tu IA se conecta de forma segura. Tus datos siguen siendo tuyos.</p>
      
      <div class="story-closing">Tu salud, comprendida.</div>
    </div>
  </div>

  <div class="trust-card">
    <div class="section-label">{{.T.data_yours}}</div>
    <div class="trust-grid">
      <div class="trust-item">
        <strong>{{.T.never_training}}</strong>
        {{.T.never_training_desc}}
      </div>
      <div class="trust-item">
        <strong>{{.T.never_shared}}</strong>
        {{.T.never_shared_desc}}
      </div>
      <div class="trust-item">
        <strong>{{.T.encrypted}}</strong>
        {{.T.encrypted_desc}}
      </div>
      <div class="trust-item">
        <strong>{{.T.delete}}</strong>
        {{.T.delete_desc}}
      </div>
    </div>
  </div>

  {{template "footer"}}

</div>
<script src="/static/carousel.js"></script>
{{end}}