<div class="lombard-site">
  <!-- HEADER -->
  <header class="site-header" style="background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)); background-size: cover; color: white; padding: 80px 20px; text-align: center;">
    <h1 style="font-size: 3em; margin: 0;">LOMBARD & SABINE</h1>
    <p style="font-size: 1.5em;">Misurazioni RT60 per il contract | Comfort acustico negli spazi di aggregazione</p>
    <a href="#contatti" style="background: #E63946; color: white; padding: 15px 40px; border-radius: 4px; font-size: 1.1em; display: inline-block; margin-top: 20px; text-decoration: none;">Richiedi una misurazione</a>
  </header>

  <!-- SEZIONE STORICA -->
  <section style="max-width: 1200px; margin: 50px auto; padding: 0 20px;">
    <h2 style="text-align: center;">L'Eredità Scientifica</h2>
    
    <div style="background: #F0F4F8; border-left: 4px solid #2A5B8C; padding: 25px; margin: 30px 0;">
      <h3>Wallace Clement Sabine (1868-1919)</h3>
      <p>Padre dell'acustica architettonica, formulò la legge del <strong>tempo di riverberazione RT60</strong> alla Harvard University. I suoi studi risolsero i problemi acustici del Fogg Art Museum, gettando le basi scientifiche per il nostro lavoro.</p>
    </div>
    
    <div style="background: #F0F4F8; border-left: 4px solid #2A5B8C; padding: 25px; margin: 30px 0;">
      <h3>Effetto Lombard (1911)</h3>
      <p>Scoperto da Étienne Lombard, dimostrò che in ambienti rumorosi gli esseri umani alzano inconsciamente la voce. Un fenomeno critico in <strong>ristoranti, caffetterie e open space</strong> che controlliamo attraverso la gestione del riverbero.</p>
    </div>
  </section>

  <!-- SERVIZI -->
  <section style="background: #F0F4F8; padding: 60px 20px;">
    <div style="max-width: 1200px; margin: 0 auto;">
      <h2 style="text-align: center;">Servizi per il Contract</h2>
      <p style="text-align: center;">Trasformiamo gli spazi sociali attraverso il controllo scientifico del riverbero:</p>
      
      <div style="display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; margin-top: 40px;">
        <!-- Card 1 -->
        <div style="background: white; border-radius: 8px; padding: 30px; flex: 1; min-width: 300px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);">
          <h3 style="color: #2A5B8C;">🍽️ Ristoranti & Caffetterie</h3>
          <p>Riduciamo il "effetto Lombard" con soluzioni su misura:</p>
          <ul>
            <li>Ottimizzazione RT60 (target 0.6-0.8s)</li>
            <li>Materiali fonoassorbenti estetici</li>
            <li>Analisi pre/post intervento</li>
          </ul>
        </div>
        
        <!-- Card 2 -->
        <div style="background: white; border-radius: 8px; padding: 30px; flex: 1; min-width: 300px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);">
          <h3 style="color: #2A5B8C;">🏢 Uffici & Coworking</h3>
          <p>Comfort acustico per la produttività:</p>
          <ul>
            <li>Zone speech privacy</li>
            <li>Controllo riverbero open space</li>
            <li>Soluzioni integrate nell'arredo</li>
          </ul>
        </div>
        
        <!-- Card 3 -->
        <div style="background: white; border-radius: 8px; padding: 30px; flex: 1; min-width: 300px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);">
          <h3 style="color: #2A5B8C;">🏨 Hotel & Spazi Comuni</h3>
          <p>Ambienti che coccolano l'udito:</p>
          <ul>
            <li>Misurazioni secondo ISO 3382-3</li>
            <li>Progettazione acustica contract</li>
            <li>Certificazioni comfort acustico</li>
          </ul>
        </div>
      </div>
    </div>
  </section>

  <!-- CONTATTI -->
  <section id="contatti" style="max-width: 600px; margin: 50px auto; padding: 0 20px;">
    <h2 style="text-align: center;">Contatti</h2>
    <p style="text-align: center;">Per un <strong>check acustico gratuito</strong> del tuo spazio:</p>
    
    [contact-form-7 id="123" title="Modulo di contatto"]
  </section>

  <!-- FOOTER -->
  <footer style="background: #222; color: white; text-align: center; padding: 40px 20px; margin-top: 60px;">
    <p>Lombard & Sabine di [Tuo Nome] | P.IVA [XXXXXX]</p>
    <p>Email: info@lombard-sabine.com | Tel: (+39) 123 456 789</p>
    <p>Specialisti in comfort acustico per il contract</p>
  </footer>
</div>

<style>
  /* STILI GLOBALI */
  .lombard-site {
    font-family: 'Arial', sans-serif;
    line-height: 1.6;
    color: #333;
  }
  
  .lombard-site h1, 
  .lombard-site h2, 
  .lombard-site h3 {
    color: #2A5B8C;
  }
  
  .lombard-site ul {
    padding-left: 20px;
  }
  
  .lombard-site li {
    margin-bottom: 8px;
  }
  
  /* RESPONSIVE */
  @media (max-width: 768px) {
    .servizi-grid { 
      flex-direction: column;
    }
  }
</style>