html { scroll-behavior:smooth; }
  body { margin:0; background:#F5F8FD; }
  .mppx { --nav:#0B1457; --ink:#0C1538; --tx:#4C5670; --page:#F5F8FD; --line:#E4E9F2; --gold:#F0C31F; --blue:#2563EB; --cyan:#38BDF8; --purple:#7C3AED; --teal:#14B8A6; }
  .wrap { max-width:1240px; margin-inline:auto; padding-inline:56px; }
  a { text-decoration:none; }
  .nl { color:rgba(255,255,255,.82); font:600 14px/1 var(--font-body); }
  .nl:hover { color:#fff; }
  .nl.on { color:#fff; position:relative; }
  .nl.on::after { content:""; position:absolute; left:0; right:0; bottom:-7px; height:3px; background:var(--gold); border-radius:3px; }
  .flink { color:rgba(255,255,255,.6); }
  .flink:hover { color:#fff; }
  .fcard { transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out); }
  .dlbtn { transition:filter var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out); }
  .dlbtn:active { transform:translateY(1px); }
  @media (hover: hover) and (min-width: 900px){
    .fcard:hover { transform:translateY(-5px); box-shadow:0 22px 44px rgba(12,21,56,.15); }
    .dlbtn:hover { filter:brightness(1.04); transform:translateY(-2px); box-shadow:0 12px 24px rgba(11,20,87,.22); }
  }
  @media (max-width:860px){
    .fb-hero { padding:44px 24px !important; }
    .fb-hero > div:first-child { text-align:center; }
    .fb-hero > div:first-child > div { justify-content:center; }  /* stats row */
    .fb-hero > div:first-child p { margin-left:auto; margin-right:auto; }
  }
  @media (max-width:560px){
    .fb-hero { padding:32px 16px !important; }
    .fb-h1 { font-size:clamp(30px,8.5vw,50px) !important; }
  }