.dng-form-wrap{max-width:760px;margin:40px auto;padding:0 16px;font-family:-apple-system,BlinkMacSystemFont,”Segoe UI”,Roboto,Helvetica,Arial,sans-serif}
.dng-form-hero{background:linear-gradient(135deg,#1a1a2e 0%,#0f3460 100%);color:#fff;padding:40px 32px;border-radius:16px 16px 0 0;text-align:center}
.dng-form-hero .eyebrow{color:#21f3a0;font-size:13px;letter-spacing:3px;text-transform:uppercase;font-weight:700;margin:0 0 12px}
.dng-form-hero h1{font-size:32px;line-height:1.2;margin:0 0 12px;font-weight:800}
.dng-form-hero p{font-size:16px;line-height:1.6;opacity:.9;max-width:550px;margin:0 auto}
.dng-form-card{background:#fff;padding:32px;border-radius:0 0 16px 16px;box-shadow:0 4px 30px rgba(0,0,0,.08);border:1px solid #e8ecf2;border-top:0}
.dng-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:640px){.dng-form-grid{grid-template-columns:1fr}}
.dng-form-field{display:flex;flex-direction:column}
.dng-form-field.full{grid-column:1/-1}
.dng-form-field label{font-size:14px;font-weight:600;color:#1a1a2e;margin-bottom:6px}
.dng-form-field label .req{color:#ff4444}
.dng-form-field input,.dng-form-field select,.dng-form-field textarea{padding:12px 14px;border:1px solid #d8dde6;border-radius:8px;font-size:15px;color:#1a1a2e;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;background:#fff;width:100%;box-sizing:border-box}
.dng-form-field input:focus,.dng-form-field select:focus,.dng-form-field textarea:focus{border-color:#21f3a0;box-shadow:0 0 0 3px rgba(33,243,160,.15)}
.dng-form-field textarea{min-height:100px;resize:vertical;font-family:inherit}
.dng-form-field .hint{font-size:13px;color:#888;margin-top:4px}
.dng-form-section-title{font-size:13px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:#21f3a0;margin:24px 0 12px;grid-column:1/-1}
.dng-form-section-title:first-child{margin-top:0}
.dng-form-honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.dng-form-submit{margin-top:24px;width:100%;padding:18px 24px;background:linear-gradient(135deg,#21f3a0 0%,#2aa7ff 100%);color:#1a1a2e;border:0;border-radius:10px;font-size:17px;font-weight:800;cursor:pointer;letter-spacing:.3px;transition:transform .15s,box-shadow .2s}
.dng-form-submit:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(42,167,255,.25)}
.dng-form-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}
.dng-form-privacy{font-size:13px;color:#666;text-align:center;margin-top:16px;line-height:1.5}
.dng-form-privacy a{color:#1a1a2e;text-decoration:underline}
.dng-form-success{background:linear-gradient(135deg,#21f3a0 0%,#2aa7ff 100%);color:#fff;padding:40px 32px;border-radius:16px;text-align:center;display:none}
.dng-form-success h2{font-size:28px;margin:0 0 12px}
.dng-form-success p{font-size:16px;line-height:1.6;opacity:.95}
.dng-form-success .next{background:rgba(255,255,255,.15);padding:20px;border-radius:10px;margin-top:24px;text-align:left}
.dng-form-success .next h3{font-size:16px;margin:0 0 8px}
.dng-form-success .next ol{margin:0;padding-left:20px;line-height:1.8}
.dng-form-error{background:#fff5f5;color:#c53030;padding:16px;border-radius:8px;margin-bottom:16px;border-left:4px solid #c53030;display:none}
.dng-trust-badges{display:flex;justify-content:center;gap:24px;margin-top:24px;flex-wrap:wrap;font-size:13px;color:#666}
.dng-trust-badges span{display:flex;align-items:center;gap:6px}

(function(){
var form = document.getElementById(‘dng-lead-form’);
var submitBtn = document.getElementById(‘dng-form-submit’);
var errorBox = document.getElementById(‘dng-form-error’);
var formCard = document.getElementById(‘dng-form-card’);
var successBox = document.getElementById(‘dng-form-success’);

form.addEventListener(‘submit’, function(e){
e.preventDefault();
errorBox.style.display = ‘none’;

if (!form.checkValidity()) {
errorBox.textContent = ‘Per favore compila tutti i campi obbligatori.’;
errorBox.style.display = ‘block’;
return;
}

var data = {};
new FormData(form).forEach(function(value, key){ data[key] = value; });

submitBtn.disabled = true;
submitBtn.textContent = ‘Invio in corso…’;

fetch(‘/wp-json/dng/v1/lead’, {
method: ‘POST’,
headers: {‘Content-Type’: ‘application/json’, ‘Accept’: ‘application/json’},
body: JSON.stringify(data)
})
.then(function(r){ return r.json(); })
.then(function(res){
if (res.success) {
if (res.message) {
document.getElementById(‘dng-success-message’).textContent = res.message;
}
formCard.style.display = ‘none’;
successBox.style.display = ‘block’;
successBox.scrollIntoView({behavior: ‘smooth’, block: ‘start’});

// Push event datalayer per analytics
if (typeof dataLayer !== ‘undefined’) {
dataLayer.push({event: ‘lead_submitted’, tier: res.tier || ‘unknown’});
}
} else {
throw new Error(res.message || ‘Errore nell’invio’);
}
})
.catch(function(err){
console.error(err);
errorBox.textContent = err.message || ‘Si è verificato un errore. Riprova o contattaci direttamente su WhatsApp.’;
errorBox.style.display = ‘block’;
submitBtn.disabled = false;
submitBtn.textContent = ‘Invia richiesta a Marco’;
});
});
})();