<!DOCTYPE html>
<html lang="it">
<head>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap" rel="stylesheet" />
<style id="lato-override">
  :root{ --font-sans: 'Lato', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, 'Helvetica Neue', Helvetica, sans-serif; }
  html, body, .title, .title--gloss, h1, h2, h3, h4, h5, h6, button, input, select, textarea {
    font-family: var(--font-sans) !important;
    font-synthesis-weight: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
</style>

  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1"/>

  <script>
    window.__PWA_OFF__ = true;
    (function(){
      try {
        if ('serviceWorker' in navigator) {
          navigator.serviceWorker.getRegistrations().then(rs => rs.forEach(r => r.unregister())).catch(()=>{});
          try {
            const orig = navigator.serviceWorker.register.bind(navigator.serviceWorker);
            navigator.serviceWorker.register = function(){ return Promise.reject(new Error('PWA temporarily disabled')); };
          } catch(e) {}
        }
      } catch(e) {}
    }());
  </script>

  <title>SynapSenseS Lab — Il tuo laboratorio per il benessere psicofisico - Mental Coach AI, Esercizi di Mindfulness, Giochi per allenare la mente</title>   
  <meta name="description" content="SynapSenseS Lab: Esplora tecniche immersive, dialoga con i tuoi Mental Coach AI e mettiti alla prova con giochi stimolanti per la tua mente.">

  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link rel="stylesheet" href="assets/index/index.css?v=20250921-final-ux-2">

  <meta name="theme-color" content="#7c3aed">
</head>
<body>
  <header class="app-header" id="appHeader" role="banner">
    <div class="header-wrap container">
      <a class="brand" href="/" aria-label="SynapSenseS Home">
        <img class="logo" src="assets/logo/logo-lab.svg" alt="SynapSenseS Logo" width="38" height="38"/>
        <span class="title title--gloss">SynapSenseS <strong>Lab</strong></span>
      </a>
    </div>
  </header>

  <main>
    <section class="hero" id="hero">
      <div class="hero-content-wrap container">
        <div class="intro" aria-labelledby="intro-title">
          <h1 id="intro-title">Il tuo laboratorio per il benessere psicofisico.</h1>
          <p>
            Esplora tecniche immersive, dialoga con i tuoi Mental Coach AI e mettiti alla prova con giochi stimolanti per la mente. Plasma il tuo percorso unico verso l'equilibrio e la crescita personale.
          </p>
          <div class="cta">
            <a class="btn btn-hero btn-hero-lg" href="#meaning" id="btnDiscover" rel="nofollow">
              <span class="btn-ico btn-ico-spark">✨</span> Scopri SynapSenseS
            </a>
          </div>
        </div>
        <div class="hero-media-container">
          <div class="hero-media">
            <img id="heroImg" src="images/hero-synapsenses-lab.jpg" alt="Benessere psicofisico e crescita personale"/>
          </div>
        </div>
      </div>
    </section>

    <section class="meaning-section container scroll-anchor" id="meaning" aria-label="Significato di SynapSenseS">
      <div class="section-card">
        <div class="meaning-visual" aria-hidden="true">
          <img src="images/synapsenses.png" alt="Icona che rappresenta la sinapsi e la connessione tra i cinque sensi umani" style="width: 100%; height: auto; max-width: 220px; margin: auto; display: block;">
        </div>
        <div class="meaning-text">
          <h2>Cos’è <strong>SynapSenseS</strong>?</h2>
          <p>Il nome, che apparentemente sembra uno scioglilingua, in realtà nasce ispirandosi ad un fenomeno reale osservato in diversi studi, la sinestesia: i tuoi sensi non sono canali isolati, ma possono essere parti di una connessione sorprendente.</p>
          <ul>
            <li><strong>Synapsi:</strong> È ciò che permette di mettere in comunicazione due neuroni </li>
            <li><strong>Senses:</strong> Sono il tuo sistema percettivo unificato </li>
            <li><strong>SynapSenses:</strong> Rappresenta la straordinaria connessione tra ciò che vedi, senti e percepisci. È la magia che ti fa associare un colore a una melodia, o un profumo ad un ricordo vivido..</li>
          </ul>
          <p class="meaning-conclusion">
            SynapSenseS è l'arte di esplorare e potenziare questi legami nascosti per vivere una realtà più intensa e consapevole. Allenare insieme i propri sensi significa sbloccare una visione del mondo più profonda, dove le esperienze si arricchiscono a vicenda.
          </p>
        </div>
      </div>
    </section>

    <section class="philosophy-section container">
      <div class="philosophy-content">
        <div class="philosophy-icon">🧭</div>
        <h2>Non una mappa, ma una bussola.</h2>
        <p>
          SynapSenseS Lab non offre soluzioni "uguali per tutti". È uno spazio sicuro dove puoi sperimentare, esplorare, giocare e scoprire gli strumenti che davvero risuonano con te, passo dopo passo. Una bussola che ti guida nella costruzione del tuo benessere personale.
        </p>
      </div>
    </section>

    <section class="benefits-section container">
      <h2>I tuoi strumenti: Mental Coach AI, Esercizi Guidati e Giochi Mentali.</h2>
      <div class="benefits-grid">
        <div class="benefit-card">
          <div class="benefit-icon">💡</div>
          <h3>Nuova Consapevolezza</h3>
          <p>Comprendi meglio i tuoi schemi mentali e scopri nuove prospettive per affrontare le sfide.</p>
        </div>
        <div class="benefit-card">
          <div class="benefit-icon">💪</div>
          <h3>Equilibrio Emotivo</h3>
          <p>Impara a gestire le emozioni intense e a coltivare uno stato di serenità interiore duraturo.</p>
        </div>
        <div class="benefit-card">
          <div class="benefit-icon">🚀</div>
          <h3>Focus Potenziato</h3>
          <p>Migliora la tua capacità di concentrazione per essere più presente ed efficace in ciò che fai.</p>
        </div>
      </div>
    </section>

    <section class="final-cta-section container">
      <div class="section-card section-card--cta">
        <h2>La scoperta inizia ora.</h2>
        <p>Il viaggio verso la tua trasformazione inizia adesso. Entra nel tuo laboratorio personale e libera il potere nascosto dei tuoi sensi: la tua crescita è a un click di distanza.</p>
        <div class="cta">
          <a class="btn btn-hero btn-hero-lg" href="lab.html" rel="next">
            <span class="btn-ico btn-ico-spark">✨</span> Entra nel Lab!
          </a>
        </div>
      </div>
    </section>
  </main>

  <div id="dailyOverlay" class="overlay" aria-hidden="true"></div>
 <footer class="index-footer" style="padding: 2rem 0; text-align: center; color: #E0E0E0;"> <div class="container">
    <small>© SynapSenseS</small>
    <div class="support-link" style="margin-top: 8px; font-size: 0.9em; opacity: 0.8;">
      Ti piace SynapSenseS? 
      <a href="https://ko-fi.com/synapsenses" target="_blank" rel="noopener noreferrer" style="color: #FFFFFF; text-decoration: underline; font-weight: 700;">
        Supporta il progetto con un caffè ☕
      </a>
    </div>
  </div>
</footer>

  <script>
    (function(){
      var meaning = document.getElementById('meaning');
      var btn = document.getElementById('btnDiscover');
      if(!meaning || !btn) return;
      btn.addEventListener('click', function(ev){
        if (btn.getAttribute('href') === '#meaning') {
          ev.preventDefault();
          var header = document.querySelector('.app-header');
          var headerH = header ? header.offsetHeight : 0;
          var y = meaning.getBoundingClientRect().top + window.pageYOffset - (headerH + 12);
          window.scrollTo({ top: y, behavior: 'smooth' });
        }
      }, {passive:true});
    }());
  </script>
</body>
</html>
