:root{
  --navy:#0a1f3c;
  --navy-2:#12304f;
  --steel:#2b3f5c;
  --accent:#0e7490;
  --accent-dark:#155e75;
  --ink:#1a2733;
  --muted:#5b6b7c;
  --line:#e3e8ee;
  --bg:#f6f8fa;
  --card:#ffffff;
  --radius:4px;
  --shadow:0 12px 32px -18px rgba(10,31,60,.22);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  color:var(--ink);
  background:var(--bg);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  font-size:16px;
}
h1,h2,h3,h4{font-weight:600;color:var(--navy);line-height:1.25;letter-spacing:-.01em}
a{text-decoration:none;color:inherit}
.wrap{max-width:1140px;margin:0 auto;padding:0 32px}
section{padding:80px 0}

/* shared */
.eyebrow{
  font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--accent);display:block;margin-bottom:20px;
}
h2.section-title{font-size:2rem;margin-bottom:20px;font-weight:600}
.lead{font-size:1.05rem;color:var(--muted);max-width:720px}
.section-head{margin-bottom:48px}

/* NAV */
header{
  position:sticky;top:0;z-index:50;background:#fff;
  border-bottom:1px solid var(--line);
}
.nav{display:flex;align-items:center;justify-content:space-between;height:76px}
.brand{display:flex;align-items:center;gap:14px}
.brand .mark{width:46px;height:46px;object-fit:contain;flex:none;display:block}
.brand-name{font-weight:600;font-size:1.05rem;color:var(--navy);line-height:1.2}
.brand-sub{display:block;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:500}
.menu{display:flex;align-items:center;gap:34px;list-style:none}
.menu a{font-size:.9rem;font-weight:500;color:var(--steel);transition:color .2s}
.menu a:hover{color:var(--accent)}
.menu a.active{color:var(--accent);font-weight:600}
.nav-cta{
  background:var(--navy);color:#fff;padding:10px 22px;font-weight:500;font-size:.88rem;
  transition:background .2s;
}
.nav-cta:hover{background:var(--accent-dark)}
.burger{display:none;background:none;border:none;cursor:pointer;font-size:1.4rem;color:var(--navy)}

/* buttons */
.btn{
  display:inline-flex;align-items:center;gap:8px;padding:14px 28px;
  font-weight:500;font-size:.95rem;transition:background .2s,border-color .2s;
}
.btn-primary{background:var(--navy);color:#fff}
.btn-primary:hover{background:var(--accent-dark)}
.btn-outline{background:transparent;color:var(--navy);border:1px solid #c7d0da}
.btn-outline:hover{border-color:var(--accent);color:var(--accent)}

/* PAGE HERO (subpages) */
.page-hero{
  background:linear-gradient(180deg,#eef2f6 0%,#f6f8fa 100%);
  border-bottom:1px solid var(--line);
  padding:72px 0;
}
.page-hero h1{font-size:2.4rem;margin-bottom:16px}
.page-hero p{font-size:1.1rem;color:var(--muted);max-width:680px}

/* FOOTER */
footer{background:#081626;color:rgba(255,255,255,.6);padding:64px 0 32px}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:48px}
.foot-brand{color:#fff;font-weight:600;font-size:1.05rem;margin-bottom:14px}
.foot-grid p{font-size:.88rem;line-height:1.7}
.foot-grid h5{color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}
.foot-grid a{display:block;font-size:.88rem;margin-bottom:10px;color:rgba(255,255,255,.6)}
.foot-grid a:hover{color:#67c7d4}
.foot-bottom{border-top:1px solid rgba(255,255,255,.14);padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.8rem}

@media(max-width:960px){
  .menu{display:none}
  .burger{display:block}
}