html,body{margin:0;padding:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:#0f172a;background:#ffffff}
.container{max-width:960px;margin:0 auto;padding:24px}
.header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb;padding-bottom:10px}
.nav a{margin-right:12px;color:#334155;text-decoration:none;border:1px solid #e5e7eb;padding:6px 10px;border-radius:8px}
.nav a:hover{color:#0f172a;border-color:#0f172a}
.hero{padding:32px 0}
.credibility{
  color:#475569;      /* subtle slate tone */
  font-size:0.95rem;
  margin-top:6px;
}
.contact-form{max-width:560px;margin:16px 0;display:grid;gap:12px}
.contact-form label{display:grid;gap:6px;font-weight:600;color:#334155}
.contact-form input,.contact-form textarea{
  padding:10px;border:1px solid #e5e7eb;border-radius:8px;font-size:1rem
}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#0f172a}
.contact-form button{
  padding:10px 14px;border-radius:8px;border:1px solid #0f172a;background:#0f172a;color:#fff;cursor:pointer
}
.contact-form button:hover{opacity:.92}
.form-note{font-size:.9rem;color:#64748b;margin:6px 0 0}