:root{
  --brand-100:#0b3d91; --brand-80:#1554b8; --accent:#00a896; --muted:#6b7280; --bg:#fbfcfe; --surface:#ffffff;
  --max-width:1100px; --radius:12px; --glass: rgba(11,61,145,0.06);
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:#0b1b2b;line-height:1.5}
.container{max-width:var(--max-width);margin:0 auto;padding:32px}
header{background:linear-gradient(90deg,var(--brand-100),var(--brand-80));color:white;padding:20px 0}
.nav{display:flex;align-items:center;justify-content:space-between}
.logo{font-weight:700;letter-spacing:0.6px}
nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0}
nav a{color:white;text-decoration:none;font-weight:600}
.hero{display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:center;padding:48px 0}
.hero h1{font-size:32px;margin:0 0 12px}
.hero p{color:var(--muted);margin:0 0 20px}

/* ✅ FIX: Added border:none and cursor:pointer to CTA button */
.cta{
  display:inline-block;
  background:var(--accent);
  color:white;
  padding:12px 18px;
  border-radius:8px;
  text-decoration:none;
  font-weight:700;
  border:none;
  cursor:pointer;
}

/* ✅ FIX: Reset button now visible inside form (was white on white) */
.secondary-cta{
  background:transparent;
  color:var(--brand-100);
  border:2px solid var(--brand-100);
  padding:10px 16px;
  border-radius:8px;
  text-decoration:none;
  margin-left:12px;
  cursor:pointer;
  font-weight:600;
}

.vertical-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}
.card{background:var(--surface);padding:18px;border-radius:12px;box-shadow:0 6px 18px rgba(11,61,145,0.06)}
.section{padding:56px 0}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
footer{background:#071a2a;color:#cfe8ff;padding:36px 0;margin-top:36px}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 240px;gap:24px;max-width:var(--max-width);margin:0 auto;padding:0 24px}
.muted{color:var(--muted)}
form input, form textarea, form select{width:100%;padding:12px;border-radius:8px;border:1px solid #e6edf3}
.hero-side{background:var(--surface);padding:20px;border-radius:12px;box-shadow:0 6px 18px rgba(11,61,145,0.04)}
.usp{display:flex;gap:12px;align-items:flex-start}
.pill{background:var(--glass);padding:8px 12px;border-radius:999px;color:var(--brand-100);font-weight:700}

/* Contact form */
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-group{margin-bottom:12px}
.form-actions{display:flex;gap:12px;align-items:center}
.input-error{border-color:#e53e3e}
.field-note{font-size:13px;color:var(--muted);margin-top:6px}

/* ✅ Success / Error messages */
.message{padding:12px;border-radius:8px;margin-top:12px;font-size:0.95rem;font-weight:500}
.message.success{background:#e6fffa;color:#065f46;border:1px solid #99e6d8}
.message.error{background:#fff1f2;color:#7f1d1d;border:1px solid #fca5a5}

/* Small screens */
@media (max-width:880px){
  .hero{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
}