:root{--blue:#1c4f8d;--yellow:#f5c71a;--text:#1b2b4a;--muted:#5b6b85;--light:#f6f8fb}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#fff}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
.header{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid #e6ecf4;background:#fff;position:sticky;top:0;z-index:50}
.brand{display:flex;align-items:center;gap:12px}.brand img{width:36px;height:36px}
.nav a{margin:0 10px;color:#394a6b}.nav a.active{color:var(--blue);font-weight:600}
.container{max-width:1080px;margin:0 auto;padding:0 20px}
.hero{display:grid;grid-template-columns:1.2fr 0.8fr;gap:24px;align-items:center;padding:40px 0}
.hero h1{font-size:38px;line-height:1.15;margin:0 0 14px}.hero p{color:var(--muted);font-size:18px;margin:0 0 20px}
.hero .badge{display:inline-flex;align-items:center;gap:10px;background:var(--light);border:1px solid #e7edf6;border-radius:999px;padding:8px 12px;font-size:14px;color:#2b3b5a}
.hero .badge img{width:20px;height:20px}.hero .cta{display:flex;gap:12px;margin-top:10px}
.btn{display:inline-block;padding:10px 16px;border-radius:10px;background:var(--blue);color:#fff;font-weight:600}
.btn.secondary{background:#fff;border:1px solid #dfe7f3;color:#2b3b5a}
.section{padding:40px 0}.grid{display:grid;gap:16px}.grid.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{border:1px solid #e6ecf4;border-radius:14px;padding:16px;background:#fff}.card h3{margin:0 0 8px}
.footer{border-top:1px solid #e6ecf4;padding:24px 0;margin-top:40px;font-size:14px;color:#5b6b85}.footer .row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.heroimg{border:1px solid #e6ecf4;border-radius:16px;overflow:hidden}.small-link{color:#5b6b85;font-size:14px;margin-top:10px}
.callout{background:#eef5ff;border:1px solid #d8e6ff;padding:18px;border-radius:14px} .callout h3{margin:0 0 8px}
img.responsive{max-width:100%;height:auto;display:block}h1,h2{color:#1b2b4a}


/* ----------------------------- */



@media (max-width: 992px) {
  
}


/* ----------------------------- */
/* Larger Mobile Hamburger       */
/* ----------------------------- */

.hamburger {
  width: 35px !important;
  height: 26px !important;
}

.hamburger span {
  height: 4px !important;
}


/* ----------------------------- */
/* Final Non-Debug Overrides     */
/* ----------------------------- */

/* Neutralize any leftover debug artifacts */
.hamburger { border: none !important; }
.nav-links { background: transparent; }

/* Desktop: enforce horizontal nav cleanly */
@media (min-width: 993px) {
  .nav-links {
    display: flex !important;
    flex-direction: row !important;
    gap: 22px;
    max-height: none !important;
    background: transparent !important;
    padding: 0 !important;
  }
  .nav-links li a {
    padding: 8px 10px !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
  }
  .hamburger {
    display: none !important;
  }
}

/* Mobile: larger hamburger + app-like tap targets */
@media (max-width: 992px) {
  .hamburger {
    width: 38px !important;
    height: 28px !important;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }
  .hamburger span { height: 4px !important; }

  .nav-links {
    flex-direction: column;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.4s ease;
    background: #0D1B2A !important;
    width: 100%;
    padding: 8px 0;
  }
  .nav-links.show { max-height: 600px; }

  /* Bigger, thumb-friendly links */
  .nav-links li { margin: 2px 0; }
  .nav-links li a {
    display: block;
    padding: 14px 18px !important;   /* bigger tap target */
    font-size: 18px !important;
    line-height: 1.3 !important;
    min-height: 44px;                 /* recommended tap size */
    color: #fff !important;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    -webkit-tap-highlight-color: transparent;
  }
  .nav-links li:last-child a { border-bottom: none; }
  .nav-links li a:active { background: rgba(255,255,255,0.06); }
}

/* Keep sticky header shadow subtle on scroll */
header { transition: box-shadow 0.3s ease, padding 0.3s ease; }
header.shrink { box-shadow: 0 2px 6px rgba(0,0,0,0.15); }


/* Baseline v4.1.0 Image Controls */
img {
  max-height: 400px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}
@media (max-width: 768px) {
  img {
    max-height: 250px;
  }
}


/* v4.1.0 adjustments */
/* Reduce white space under nav */
body h1:first-of-type, body h2:first-of-type {
    margin-top: 20px !important;
}

/* Larger mobile headers */
@media (max-width: 768px) {
    h1 { font-size: 1.8em !important; }
    h2 { font-size: 1.5em !important; }
}


/* v4.1.1 minimal hamburger */
.menu-toggle.open span {
  transform: none !important;
  opacity: 1 !important;
}


/* v4.1.2: lock hamburger lines (no crossing) */
.hamburger span { transform: none !important; opacity: 1 !important; top: 0 !important; position: static !important; }