:root{
  --blue:#0B3C78;
  --green:#8BBE3F;
  --white:#FFFFFF;
  --muted:#4A4A4A;
  --bgSoft:#EAF1F8;
  --radius:16px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:var(--white);
  color:#111;
}
.header{
  position:sticky; top:0; z-index:50;
  background:rgba(255,255,255,.95);
  border-bottom:1px solid #eee;
  display:flex; align-items:center; gap:10px;
  padding:10px 12px;
}
.brand img{height:42px; width:auto; display:block;}
.menuBtn{
  margin-left:auto;
  background:var(--blue);
  color:var(--white);
  border:0;
  border-radius:12px;
  padding:10px 12px;
  font-size:16px;
}
.nav{
  position:absolute;
  top:60px; right:12px; left:12px;
  background:var(--white);
  border:1px solid #eee;
  border-radius:14px;
  padding:10px;
  display:none;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}
.nav.open{display:flex; flex-direction:column; gap:8px}
.navLink{
  padding:10px 12px;
  border-radius:12px;
  text-decoration:none;
  color:var(--blue);
  font-weight:600;
}
.navLink.active{background:var(--bgSoft)}
.section{padding:26px 14px; max-width:980px; margin:0 auto;}
.hero{padding-top:18px}
h1{color:var(--blue); margin:10px 0 6px}
h2{color:var(--blue); margin:0 0 12px}
.tagline{color:var(--green); font-weight:700; margin:0 0 10px}
.lead{margin:0 0 14px; color:#1b1b1b}
.muted{color:var(--muted)}
.note{margin-top:12px; color:var(--muted)}
.cards,.grid{display:grid; grid-template-columns:1fr; gap:12px; margin-top:14px;}
.card{border:1px solid #eee; border-radius:var(--radius); padding:14px; background:#fff;}
.btn{display:inline-block; padding:12px 14px; border-radius:14px; text-decoration:none; font-weight:700; border:0;}
.btn.primary{background:var(--green); color:var(--white)}
.btn.secondary{background:var(--blue); color:var(--white)}
.ctaRow{display:flex; gap:10px; flex-wrap:wrap; align-items:center}
.callGroup{display:flex; gap:10px; flex-wrap:wrap}
.accordion{display:flex; flex-direction:column; gap:10px; margin-top:12px}
.accBtn{
  width:100%;
  text-align:left;
  background:var(--bgSoft);
  color:var(--blue);
  border:1px solid #e6eef7;
  padding:14px;
  border-radius:14px;
  font-weight:800;
}
.accPanel{display:none; border:1px solid #eee; border-radius:14px; padding:12px 14px;}
.accPanel.open{display:block}
.form{display:grid; gap:12px; max-width:520px;}
label{display:grid; gap:6px; font-weight:700; color:var(--blue)}
input,textarea{padding:12px; border-radius:14px; border:1px solid #ddd; font:inherit;}
.footer{padding:18px 14px; background:var(--blue); color:var(--white); text-align:center;}
.footerSub{margin:6px 0 0; opacity:.9}
.waFloat{
  position:fixed; right:14px; bottom:14px; z-index:60;
  background:var(--green); color:var(--white);
  padding:12px 14px; border-radius:999px;
  text-decoration:none; font-weight:900;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}
@media (min-width:860px){
  .menuBtn{display:none}
  .nav{
    position:static;
    display:flex !important;
    flex-direction:row;
    margin-left:auto;
    border:none;
    box-shadow:none;
    padding:0;
    gap:6px;
  }
  .cards,.grid{grid-template-columns:repeat(2,1fr)}
}