/* ============================================================
   Contatti. Stessa palette di /servizi: è il riferimento visivo
   del sito, non ha senso inventarne un'altra per una pagina sola.
   ============================================================ */
#pg-contatti{
  --vio:#9463F5; --vio2:#A855F7; --vio-deep:#6D3BEB;
  --bg:#08060F; --card:#141026;
  --testo:#F4F2FB; --muto:#A49CC0; --muto2:#726A90;
  --filo:rgba(255,255,255,.09);
  background:var(--bg); color:var(--testo);
  font-family:'Inter',-apple-system,sans-serif; line-height:1.62;
  padding-bottom:24px;
}
#pg-contatti *{box-sizing:border-box}
#pg-contatti h1,#pg-contatti h2{font-family:'Sora',sans-serif;letter-spacing:-.025em;line-height:1.12}

#pg-contatti .ct-kick{
  display:inline-block;font-family:'Sora',sans-serif;font-size:12px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--vio2);margin-bottom:16px;
}
#pg-contatti .ct-hero{max-width:640px;margin:0 auto;padding:64px 26px 32px;text-align:center}
#pg-contatti .ct-hero h1{font-size:clamp(30px,4.8vw,46px);font-weight:700;margin-bottom:14px}
#pg-contatti .ct-hero p{color:var(--muto);font-size:16.5px;max-width:52ch;margin:0 auto}

#pg-contatti .ct-sez{max-width:920px;margin:0 auto;padding:16px 26px 40px}
#pg-contatti .ct-griglia{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#pg-contatti .ct-c{
  display:flex;flex-direction:column;
  background:var(--card);border:1px solid var(--filo);border-radius:20px;
  padding:26px 24px;
}
#pg-contatti .ct-c h2{font-size:17px;font-weight:600;margin-bottom:8px}
#pg-contatti .ct-c p{color:var(--muto);font-size:14px;margin-bottom:14px}
#pg-contatti .ct-piede{
  color:var(--muto);font-size:13.5px;max-width:70ch;margin:24px auto 0;text-align:center;
  padding-top:20px;border-top:1px solid var(--filo);
}
#pg-contatti .ct-piede a{color:var(--vio2);text-decoration:underline;text-underline-offset:3px}

#pg-contatti .ct-go{
  display:block;text-align:center;text-decoration:none;margin-top:auto;
  font-family:'Sora',sans-serif;font-weight:600;font-size:15px;
  color:var(--testo);background:rgba(255,255,255,.05);
  border:1px solid var(--filo);border-radius:12px;padding:14px;
  transition:border-color .16s,background .16s,transform .14s;
}
#pg-contatti .ct-go:hover{border-color:var(--vio);background:rgba(148,99,245,.12);transform:translateY(-1px)}
#pg-contatti .ct-go-top{
  color:#fff;border:0;background:linear-gradient(135deg,var(--vio-deep),var(--vio2));
  box-shadow:0 8px 24px rgba(124,58,237,.42);
}
#pg-contatti .ct-go-top:hover{filter:brightness(1.08)}

@media(max-width:760px){
  #pg-contatti .ct-griglia{grid-template-columns:1fr}
  #pg-contatti .ct-hero{padding:88px 22px 32px}
}