/* Simple responsive style */
:root{
  --navy:#102a43;
  --muted:#f4f6f8;
  --accent:#0ea5a2;
  --text:#0b2130;
  --maxw:1100px;
}
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;line-height:1.6;color:var(--text);margin:0;background:#fff}
.container{max-width:var(--maxw);margin:0 auto;padding:24px}
.site-header{background:linear-gradient(90deg,var(--navy),#123);color:#fff;padding:12px 0}
.site-header .container{display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:700;text-decoration:none;color:#fff}
.nav a{color:#cfe8e6;margin-left:18px;text-decoration:none}
.hero{padding:48px 24px;text-align:left}
.lede{font-size:1.1rem;color:#163046}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:18px}
.btn{display:inline-block;padding:10px 16px;background:var(--accent);color:#fff;border-radius:6px;text-decoration:none}
.outcomes, .approach, .targets, .cred{margin-top:28px;background:var(--muted);padding:16px;border-radius:8px}
.site-footer{background:#0b2130;color:#fff;padding:20px 0;margin-top:40px}
.site-footer a{color:#cfe8e6;text-decoration:none}
@media(max-width:800px){
  .two-col{grid-template-columns:1fr}
  .site-header .container{flex-direction:column;gap:10px}
  .nav a{margin-left:8px}
}