@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@600;700&display=swap');

:root{
  --navy:#0f2340;
  --blue:#1976c9;
  --teal:#0d968d;
  --ink:#111827;
  --muted:#536173;
  --bg:#f5f6f8;
  --white:#fff;
  --line:#dfe5eb;
  --max:72rem;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.7}
a{color:inherit}
.site-header{position:sticky;top:0;z-index:20;background:var(--navy);box-shadow:0 1px 0 rgba(255,255,255,.08)}
.header-inner{max-width:var(--max);height:72px;margin:auto;padding:0 2rem;display:flex;align-items:center;gap:2rem}
.brand{margin-right:auto;display:flex;align-items:center}
.brand img{display:block;width:158px;height:auto;max-height:42px;object-fit:contain}
.nav{display:flex;gap:2rem;align-items:center}
.nav a{color:rgba(255,255,255,.76);font-size:.9rem;font-weight:500;text-decoration:none}
.nav a:hover{color:white}
.button{display:inline-block;background:var(--teal);color:white;text-decoration:none;font-weight:600;padding:.8rem 1.15rem;border-radius:6px;line-height:1.2}
.button:hover{filter:brightness(.94)}
.button-small{padding:.65rem 1rem;font-size:.9rem}
.menu-button{display:none;margin-left:auto;background:none;border:0;color:white;font-size:1.5rem}
.mobile-nav{display:none;padding:0 1.5rem 1rem}
.mobile-nav a{display:block;color:white;text-decoration:none;padding:.65rem 0;border-top:1px solid rgba(255,255,255,.12)}
.content{max-width:var(--max);margin:auto;padding-left:2rem;padding-right:2rem}
.narrow{max-width:58rem}
.hero{background:linear-gradient(135deg,#f7f8fa 0%,#eef2f5 100%);padding:6.5rem 0 5rem}
.hero h1{font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(2.5rem,5vw,4.7rem);line-height:1.05;letter-spacing:-.045em;color:var(--navy);max-width:16ch;margin:0 0 1.7rem}
.hero p{font-size:1.18rem;max-width:47rem;color:var(--muted)}
.content-section{background:white;padding:5rem 0;border-top:1px solid var(--line)}
.content-section:nth-of-type(odd){background:var(--bg)}
h2{font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.15;letter-spacing:-.03em;color:var(--navy);margin:.2rem 0 1.4rem}
h3{font-family:"Space Grotesk",Inter,sans-serif;color:var(--navy);font-size:1.35rem;margin:2.6rem 0 .7rem}
p{margin:.8rem 0 1.25rem}
.content-section p{max-width:48rem;color:#39485a}
.content-section strong{color:var(--navy)}
.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;font-weight:700;color:var(--teal)}
.cta-row{margin-top:2rem}
.contact-band{background:var(--navy);color:white;padding:4.5rem 0}
.contact-band h2{color:white}
.contact-band p{max-width:44rem;color:rgba(255,255,255,.76)}
.site-footer{background:#09182d;color:white;padding:4rem 2rem 1.5rem}
.footer-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem}
.footer-brand img{width:165px;max-width:100%}
.footer-grid p{color:rgba(255,255,255,.65);max-width:25rem}
.footer-grid h3{color:white;font-family:Inter,sans-serif;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;margin:0 0 1rem}
.footer-grid a{display:block;color:rgba(255,255,255,.7);text-decoration:none;margin:.45rem 0}
.footer-grid a:hover{color:white}
.copyright{max-width:var(--max);margin:3rem auto 0;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.5);font-size:.8rem}
@media(max-width:800px){
  .header-inner{height:64px;padding:0 1.25rem}
  .nav,.desktop-cta{display:none}
  .menu-button{display:block}
  .mobile-nav.open{display:block}
  .hero{padding:4.5rem 0 3.5rem}
  .content{padding-left:1.25rem;padding-right:1.25rem}
  .content-section{padding:3.5rem 0}
  .footer-grid{grid-template-columns:1fr;gap:2rem}
}