:root {
  --primary: #1a3e8e;
  --gradient: linear-gradient(135deg, #2b4a92, #4a79b8);
  --dark: #222;
}

body { font-family: "Segoe UI", Arial, sans-serif; margin:0; color:var(--dark); }
.container { max-width: 1080px; margin:0 auto; padding:0 20px; }
.nav { background:white; border-bottom:1px solid #eee; padding:10px 0; }
.nav-flex { display:flex; justify-content:space-between; align-items:center; }
.nav a { margin-left:20px; text-decoration:none; color:var(--dark); font-weight:500; }
.nav a:hover { color:var(--primary); }

.hero { background:var(--gradient); color:white; text-align:center; padding:100px 20px; }
.hero h1 { font-size:48px; margin-bottom:10px; }
.hero p { font-size:18px; margin-bottom:20px; }
.cta { background:white; color:var(--primary); padding:12px 22px; border-radius:6px; text-decoration:none; }

.section { padding:70px 0; }
.section.alt { background:#f9f9f9; }
.section h2 { font-size:28px; margin-bottom:20px; }

.footer { background:#111; color:#ccc; padding:30px 20px; font-size:14px; }
.footer a { color:#ccc; text-decoration:none; }
.footer a:hover { text-decoration:underline; }
.footer-flex { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; }

/* --- Tweaks from feedback --- */
.hero .hero-note { display:none; } /* Removed hero disclaimer */
.about-note { max-width: 860px; margin-top: 10px; opacity: .95; }

/* Footer layout */
.footer .container.footer-grid {
  display: grid; gap: 14px; align-items: start; text-align: left;
}
@media (min-width: 760px) {
  .footer .container.footer-grid { grid-template-columns: 2fr 1fr 1fr; }
}
.footer .footer-flex { display:flex; align-items:center; gap:10px; }
.footer .foot-head { margin:0 0 6px; font-weight:600; color:#eee; }
.footer strong { font-weight:600; } /* keep strong available but we removed the center heading */

/* --- Footer layout fix (force columns side-by-side on wide screens) --- */
.footer .container.footer-grid {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 18px 48px;
}
.footer .container.footer-grid > div {
  flex: 1 1 260px; /* grow, shrink, base width */
  min-width: 240px;
}
@media (max-width: 640px) {
  .footer .container.footer-grid > div {
    flex-basis: 100%;
    min-width: 0;
  }
}
/* Headings and spacing */
.footer .foot-head { margin: 0 0 8px; font-weight: 600; color: #eee; }
.footer p { margin: 6px 0; }
.footer small { display: block; margin-top: 8px; }