*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:#1F2223;font:17px/1.62 Georgia,"Times New Roman",serif}
a{color:#33628C}
a:focus-visible{outline:2px solid #33628C;outline-offset:2px}
img,svg{max-width:100%}
.shell{width:min(1040px,100% - 48px);margin:0 auto}
.skip{position:absolute;left:-9999px;top:0;background:#fff;padding:8px 12px;z-index:5}
.skip:focus{left:8px}

/* 1 nav strip above header */
.navstrip{background:#2E2E2E}
.navstrip ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.navstrip a{display:block;color:#fff;text-decoration:none;font:12px/1 Verdana,Tahoma,sans-serif;
  letter-spacing:.07em;text-transform:uppercase;padding:15px 11px}
.navstrip a:hover{background:#3d3d3d;text-decoration:underline}
.navstrip a:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.navstrip a[aria-current="page"]{background:#1c1c1c;box-shadow:inset 0 -3px 0 #6f9dc7}

/* 2 wordmark band */
.wordbar{border-bottom:1px solid #D8DDDE;background:#fff}
.wordbar .shell{min-height:84px;display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:8px;padding:14px 0}
.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;color:#1F2223}
.wordmark img{width:34px;height:34px;display:block}
.wordmark span{font:27px/1 "Trebuchet MS",Verdana,sans-serif;letter-spacing:.02em}
.tagline{font:13px/1.4 Verdana,Tahoma,sans-serif;color:#5A6266;letter-spacing:.04em}

/* 3 proposition band */
.prop{background:#F4F6F6;border-bottom:1px solid #D8DDDE;padding:44px 0}
.prop .inner{border-left:3px solid #33628C;padding-left:32px}
.prop h1{margin:0 0 14px;font:400 38px/1.24 "Trebuchet MS",Tahoma,sans-serif;max-width:22em}
.prop p{margin:0 0 12px;font-size:17px;color:#3b4144;max-width:38em}
.prop .more{font:13px/1 Verdana,Tahoma,sans-serif;letter-spacing:.06em;text-transform:uppercase}

/* grid */
.grid{display:grid;grid-template-columns:640px 300px;gap:40px;padding:40px 0 8px;align-items:start}
.content h2{font:400 26px/1.3 "Trebuchet MS",Tahoma,sans-serif;margin:0 0 14px}
.content h3{font:400 21px/1.34 "Trebuchet MS",Tahoma,sans-serif;margin:32px 0 10px}
.content p{margin:0 0 16px}
.content ul,.content ol{margin:0 0 16px;padding-left:22px}
.content li{margin-bottom:8px}
.lead{font-size:18px}
.page-title{font:400 32px/1.24 "Trebuchet MS",Tahoma,sans-serif;margin:0 0 14px;
  padding-bottom:14px;border-bottom:1px solid #D8DDDE}
.kicker{font:12px/1 Verdana,Tahoma,sans-serif;letter-spacing:.1em;text-transform:uppercase;
  color:#5A6266;margin:0 0 10px}
figure{margin:24px 0;border:1px solid #D8DDDE;padding:14px;background:#fff}
figure img{display:block;width:100%}
figcaption{font:13px/1.5 Verdana,Tahoma,sans-serif;color:#5A6266;margin-top:10px}

/* numeral motif */
.num{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;
  border:1px solid #33628C;color:#33628C;font:400 19px/1 "Trebuchet MS",Tahoma,sans-serif;flex:none}

/* 5 numbered capability rows */
.rows{list-style:none;margin:0;padding:0;border-top:1px solid #D8DDDE}
.rows li{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid #D8DDDE}
.rows h3{margin:0 0 6px;font:400 22px/1.3 "Trebuchet MS",Tahoma,sans-serif}
.rows p{margin:0 0 8px;color:#3b4144;font-size:16px}
.rows .go{font:13px/1 Verdana,Tahoma,sans-serif;letter-spacing:.06em;text-transform:uppercase}

/* steps inside process pages */
.step{display:flex;gap:18px;margin:26px 0}
.step h3{margin:0 0 8px}
.step p:last-child{margin-bottom:0}

/* 6 rail */
.rail .widget{border:1px solid #D8DDDE;padding:18px;margin-bottom:24px;background:#fff}
.rail h2{font:700 13px/1.3 Verdana,Tahoma,sans-serif;letter-spacing:.1em;text-transform:uppercase;
  margin:0 0 12px;color:#1F2223}
.rail ul{list-style:none;margin:0;padding:0;font:15px/1.5 Georgia,serif}
.rail li{padding:7px 0;border-bottom:1px dotted #D8DDDE}
.rail li:last-child{border-bottom:0}
.rail p{margin:0 0 10px;font-size:15px}
.rail dt{font:700 14px/1.4 Verdana,Tahoma,sans-serif;margin-top:10px}
.rail dd{margin:2px 0 0;font-size:15px;color:#3b4144}
.rail .pull{font:italic 16px/1.55 Georgia,serif;color:#3b4144;margin:0}

/* 7 updates band */
.updates{background:#F4F6F6;border-top:1px solid #D8DDDE;border-bottom:1px solid #D8DDDE;
  padding:34px 0;margin-top:32px}
.updates h2{font:700 13px/1.3 Verdana,Tahoma,sans-serif;letter-spacing:.1em;text-transform:uppercase;margin:0 0 18px}
.updates ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.updates h3{font:400 20px/1.3 "Trebuchet MS",Tahoma,sans-serif;margin:0 0 6px}
.updates p{margin:0;font-size:16px;color:#3b4144}

/* related */
.related{border-top:1px solid #D8DDDE;margin-top:34px;padding-top:18px}
.related h2{font:700 13px/1.3 Verdana,Tahoma,sans-serif;letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px}
.related ul{list-style:none;margin:0;padding:0}
.related li{padding:5px 0}

/* 8 footer */
.sitefoot{background:#F7F8F8;border-top:1px solid #D8DDDE;margin-top:0;padding:38px 0 26px}
.footcols{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.footcols h2{font:700 13px/1.3 Verdana,Tahoma,sans-serif;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px}
.footcols ul{list-style:none;margin:0;padding:0;font-size:16px}
.footcols li{padding:4px 0}
.credit{margin:30px 0 0;padding-top:16px;border-top:1px solid #D8DDDE;text-align:center;
  font:13px/1.6 Verdana,Tahoma,sans-serif;color:#5A6266}

/* glossary */
.gloss{margin:0}
.gloss h3{margin:30px 0 8px;font:700 14px/1 Verdana,Tahoma,sans-serif;letter-spacing:.14em;
  border-bottom:1px solid #D8DDDE;padding-bottom:6px}
.gloss dt{font:400 19px/1.3 "Trebuchet MS",Tahoma,sans-serif;margin-top:16px}
.gloss dd{margin:4px 0 0}

@media (max-width:940px){
  .grid{grid-template-columns:1fr;gap:28px;padding-top:30px}
  .updates ul{grid-template-columns:1fr;gap:20px}
  .footcols{grid-template-columns:1fr}
}
@media (max-width:720px){
  body{font-size:16px}
  .shell{width:min(1040px,100% - 32px)}
  .navstrip a{padding:13px 11px;font-size:13px}
  .wordbar .shell{flex-direction:column;align-items:flex-start;gap:4px}
  .prop{padding:30px 0}
  .prop .inner{border-left-width:2px;padding-left:18px}
  .prop h1{font-size:29px}
  .page-title{font-size:27px}
  .rows li{flex-direction:column;gap:10px}
  .step{flex-direction:column;gap:10px}
  .updates p,.footcols ul{font-size:16px}
}