Rafforza Termini: EULA, Acceptable Use, manleva, disclaimer copyright

- terms.html: riscritto da 9 a 18 sezioni con indice cliccabile.
  Include EULA (concessione, restrizioni, IP), Acceptable Use Policy
  (cosa si puo'/non si puo' fare con i Contenuti), disclaimer marchi
  terze parti (Spotify/YouTube/...), procedura DMCA, esclusione
  garanzie AS IS, cap responsabilita = importo pagato negli ultimi
  12 mesi, clausola di manleva (indemnification) a carico dell'utente.
- index.html: nuova box "Uso responsabile" sotto al pricing con i 4
  punti chiave; FAQ ampliate (no affiliazione, segnalazioni copyright);
  testo di accettazione esplicito Termini+Privacy+Refund sotto al CTA;
  footer con titolarita "Luciano Zappacosta".
- css/style.css: stili per use-policy box e price-consent.

Linee guida prese da boilerplate di settore (4K Video Downloader,
JDownloader, MediaHuman) adattate al diritto italiano e GDPR.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

landing/css/style.css

@@ -714,3 +714,64 @@ a { color: inherit; text-decoration: none; }
   .mc-progress-fill { animation: none !important; width: 64% !important; }
   html { scroll-behavior: auto; }
 }
+
+/* ============================================================
+   USE POLICY BOX
+   ============================================================ */
+.use-policy {
+  max-width: 720px;
+  margin: 50px auto 0;
+  padding: 26px 28px;
+  background: var(--bg-card);
+  border: 1px solid var(--border);
+  border-left: 4px solid var(--accent);
+  border-radius: 14px;
+}
+
+.use-policy h3 {
+  margin: 0 0 10px;
+  font-size: 16px;
+  font-weight: 800;
+  color: var(--text);
+}
+
+.use-policy p {
+  margin: 0 0 12px;
+  font-size: 13.5px;
+  color: var(--text-muted);
+  line-height: 1.6;
+}
+
+.use-points {
+  list-style: none;
+  padding: 0;
+  margin: 0 0 16px;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 8px 18px;
+}
+
+.use-points li {
+  font-size: 13px;
+  color: var(--text-muted);
+}
+
+.use-fineprint {
+  margin: 8px 0 0 !important;
+  font-size: 12.5px !important;
+  color: var(--text-dim) !important;
+}
+.use-fineprint a { color: var(--accent); }
+
+@media (max-width: 640px) {
+  .use-points { grid-template-columns: 1fr; }
+}
+
+.price-consent {
+  font-size: 11.5px !important;
+  color: var(--text-dim) !important;
+  margin: 12px 0 0 !important;
+  line-height: 1.5 !important;
+}
+.price-consent a { color: var(--text-muted); text-decoration: underline; }
+.price-consent a:hover { color: var(--accent); }