/* ==========================================================
   Privacy, Cookies and 404 run a separate design system from
   the three main pages: their own typeface (Uncut Sans) and the
   old blue #4456A4. This maps them onto the brand so the site
   reads as one thing. Loaded last, after their own styles.
   ========================================================== */

:root{
  --blue:#085CF0!important;
  --blue-soft:#AFE9FD!important;
  --dark:#050A34!important;
  --paper-2:#F2F2F0!important;
}

body,
.legal h1,.legal h2,.legal h3,.legal p,.legal li,
.legal th,.legal td,.eyebrow,.btn,.body,
.nav .nl,.nav .nd,.foot-nav a,.foot-cols p,.foot-cols b,
.foot-line,.foot-legal a,.foot-legal button,.head-contact,.head-links a,
.mantra-line,.cta-block h2,.ac-title,.lite-hero h1,.pivot-line,.cta-line{
  font-family:'Hanken Grotesk','Helvetica Neue',Arial,sans-serif!important;
}

/* Every other page is on cream paper. These three were on pure white,
   which is the first thing you notice tapping through from the footer. */
body{ background:#F2F2F0!important }

/* same weight discipline as the rest of the site: 650, not 800 */
.legal h1{ font-weight:650!important; letter-spacing:-.032em!important; line-height:1.02!important }
.legal h2{ font-weight:650!important; letter-spacing:-.024em!important }
.legal h3{ font-weight:600!important }
.nav .nl,.mantra-line,.cta-block h2,.ac-title,.lite-hero h1,.pivot-line{
  font-weight:650!important; letter-spacing:-.032em!important;
}
.eyebrow,.foot-legal a,.foot-legal button,.foot-nav a{ font-weight:600!important }