{
  "verdict": "fail",
  "iteration": 0,
  "issues": [
    {
      "severity": "blocker",
      "area": "coverage",
      "description": "Il dossier ha images.gallery vuoto (`data.images.gallery: []`), eppure lo screenshot mostra una sezione 'DIETRO LE QUINTE' con 6 foto di concerti e aule. Queste immagini non possono provenire dal dossier — sono asset esterni o hardcoded. Violazione di coverage al contrario: il template sta renderizzando contenuti non presenti nel dossier.",
      "suggested_fix": "Verificare la pipeline asset: se la gallery viene popolata altrove, allinearla al dossier; altrimenti rimuovere la sezione 'DIETRO LE QUINTE' quando data.images.gallery è vuoto (il template ha già il guard `data.images.gallery.length > 0`, quindi la sezione non dovrebbe apparire — c'è un disallineamento tra dossier e build).",
      "location_hint": "section 'DIETRO LE QUINTE'"
    },
    {
      "severity": "major",
      "area": "hierarchy",
      "description": "L'hero è dominato dalla parola 'MUSICA' (in rosso) che però è solo un riempitivo retorico (copy.hero_accent_word). Il vero brand 'MELODIOUS' compare in bianco sopra, ma a parità di peso tipografico la parola rossa attira l'occhio per prima. Risultato: il visitor legge 'MUSICA' come brand e 'MELODIOUS' come secondario.",
      "suggested_fix": "Invertire la gerarchia cromatica: rendere 'MELODIOUS' in rosso primary e la parola accent in bianco/grigio, oppure ridurre la dimensione della seconda riga del 30-40%. In alternativa, eliminare la seconda parola accent e usare il tagline per dare contesto.",
      "location_hint": "hero, h1.hero-title"
    },
    {
      "severity": "major",
      "area": "color",
      "description": "Il logo nell'header (badge rosso con 'M' bianca, ~44px) è posizionato su sfondo #0E0E0E. Il badge rosso primary (#C8161D) su nero ha contrasto ~5:1, accettabile, ma il piccolo monogramma bianco interno al badge si perde a quella scala: ingrandendo l'header in alto a sinistra il logo appare come una macchia rossa indistinta. Inoltre il dossier dichiara `images.logo: null`, quindi questo logo è ancora una volta un asset non previsto dal dossier — sospetto leak.",
      "suggested_fix": "Se `data.images.logo` è null, il template non dovrebbe rendere alcun <img> (il guard c'è). Verificare che il logo visibile non sia hardcoded altrove. Se è intenzionale renderizzare un logo placeholder, aumentarlo a 56-60px e garantire un monogramma con tratti spessi leggibili a quella dimensione.",
      "location_hint": "site header, top-left logo area"
    },
    {
      "severity": "major",
      "area": "layout",
      "description": "Tra l'header nero e la sezione hero nera c'è una banda scura/sfumata di ~80px di altezza completamente vuota prima del eyebrow 'SCUOLA DI MUSICA'. Sembra padding-top eccessivo dell'hero (9rem) combinato con il radial-gradient che crea un alone rossastro confuso in alto a destra. L'effetto è un'apertura 'morta' che spreca lo spazio above-the-fold.",
      "suggested_fix": "Ridurre il padding-top dell'hero da 9rem a 4-5rem. Spostare/intensificare il radial-gradient così da non creare la macchia ambigua nell'angolo. Considerare un divider visivo o un cambio di tono tra header e hero per separarli.",
      "location_hint": "transizione header → hero"
    },
    {
      "severity": "minor",
      "area": "layout",
      "description": "La gallery 'DIETRO LE QUINTE' usa 3 colonne con immagini di formato e luminosità molto diverse (foto folla concerti vs. foto di aule vuote). Senza un filtro o trattamento unificante (tinta, overlay, aspect ratio coerente) il risultato è disordinato e poco professionale per una scuola di musica con vibe 'casual/warm'.",
      "suggested_fix": "Applicare aspect-ratio:1/1 (già 4/3 nel CSS — verificare che renda) e un leggero overlay/tint scuro uniforme, oppure separare le immagini concerti da quelle aule in due sub-sezioni con eyebrow distinti.",
      "location_hint": "gallery 'DIETRO LE QUINTE'"
    },
    {
      "severity": "minor",
      "area": "data_integrity",
      "description": "Footer mostra 'STUDIO, ASCOLTO, DEDIZIONE' come footer_tag e '© MELODIOUS — TUTTI I DIRITTI RISERVATI' come credits. Va bene, ma il footer non espone NESSUN contatto: il dossier ha tutti i contacts a null, quindi il bottone CONTATTACI nell'hero/contact section punta a `href='#'` (vedi `<a class='contact-btn' href={\\`#\\`}>`). Click sterile.",
      "suggested_fix": "Quando tutti i contatti sono null, sostituire il CTA con un form mailto fittizio o, meglio, nascondere il CTA e mostrare solo testo invitante ('Scrivici sui canali ufficiali'). Evitare href='#' che è una dead-end UX.",
      "location_hint": "contact section, .contact-btn"
    },
    {
      "severity": "minor",
      "area": "typography",
      "description": "Il dossier dichiara typography sans-modern per heading e body, e nel CSS sono dichiarati Plus Jakarta Sans + Manrope. Coerente. Tuttavia gli eyebrow ('SCUOLA DI MUSICA', 'CHI SIAMO', 'LE DISCIPLINE', 'GALLERIA', 'INIZIA ORA') usano tutti la stessa identica weight/size/letter-spacing/colore (rosso primary), riducendo la differenziazione tra sezioni. Sembrano timbri ripetuti più che etichette di navigazione semantica.",
      "suggested_fix": "Variare leggermente il trattamento degli eyebrow per sezione: alternare colore (alcune in accent oro #E8B33A, altre in primary), oppure aggiungere un piccolo segno grafico (linea, pallino) accanto al testo per dare ritmo visivo.",
      "location_hint": "tutti i .section-eyebrow"
    }
  ],
  "summary": "Pagina tecnicamente pulita e brand-coerente nei colori, ma con problemi sostanziali: la gallery contiene immagini non presenti nel dossier (disallineamento dati grave), la gerarchia dell'hero confonde brand e parola accent, e l'apertura above-the-fold spreca spazio con padding eccessivo. Richiede rework strutturale."
}