/* ==========================================================================
   1. TIPOGRAFIA CUSTOM (HEADER)
   ========================================================================== */

.site-title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1.25rem; /* Più grande e d'impatto */
  font-weight: 600;
  letter-spacing: .4px;
  text-transform: uppercase;
  color: #111;
  line-height: 1.1;
}

.site-tagline {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: .50em;
  font-weight: 400;
  letter-spacing: .5px;
  text-transform: uppercase;
  display: block; /* Costringe il sottotitolo ad andare a capo */
  line-height: 1.2;
}

/* Modifica i font globali del body se vuoi mantenere Arial nel resto del sito */
body {
  font-family: Arial, sans-serif;
}

/* ==========================================================================
   2. COMPONENTI DELLA LANDING PAGE (Svuotati dal "garbage" di WordPress)
   ========================================================================== */

.hero {
  padding: 60px 0;
  background: white;
}

.hero h1 {
  font-size: 32px;
  margin-bottom: 20px;
}

.hero p {
  max-width: 800px;
}

.video {
  padding: 40px 0;
  text-align: center;
}

/* Elemento generico per i bottoni custom della landing */
.btn-custom {
  background: black;
  color: white;
  padding: 10px 20px;
  text-decoration: none;
  display: inline-block;
}

.features .grid {
  display: flex;
  gap: 20px;
}

.feature {
  flex: 1;
}

.cta {
  background: #222;
  color: #fff;
  text-align: center;
  padding: 40px 0;
}