/* ========== THEME ========== */
:root{
    --brand-blue: #0B6FB3;      /* header & primary CTA */
    --brand-blue-dark: #094e80; /* hover */
    --text-on-blue: #ffffff;
    --text-muted: #e6f2fa;
    --hero-overlay-start: rgba(11,111,179,0.75);
    --hero-overlay-end: rgba(6,36,70,0.55);
    --container: 1200px;
    --radius: 14px;
    --shadow: 0 6px 20px rgba(0,0,0,.18);
  }

  /* ========== BASE ========== */
  *{box-sizing:border-box}
  html,body{margin:0;padding:0}
  body{font-family: system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif; color:#0b1b2b; line-height:1.5; background:#fff}

  .container{max-width:var(--container); margin:0 auto; padding:0 20px}

  a{color:inherit; text-decoration:none}
  img{max-width:100%; height:auto; display:block}