/* Header */
/* header */
.topline{
  height:5px;
  background:linear-gradient(90deg,var(--blue) 0 76%,var(--red) 76% 100%);
}
.utility{
  background:#f3f5f7;
  font-size:12px;
  color:#687480;
}
.utility .wrap{
  min-height:34px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.header{
  background:#fff;
  box-shadow:0 1px 0 rgba(17,24,39,.10);
}
.header-inner{
  min-height:84px;
  display:grid;
  grid-template-columns:220px 1fr auto;
  gap:32px;
  align-items:center;
}
.brand{display:flex;align-items:center;gap:12px}
.mark{
  width:42px;height:42px;
  background:var(--blue);
  color:#fff;
  display:grid;place-items:center;
  font-weight:900;
  position:relative;
}
.mark:after{
  content:"";
  position:absolute;
  right:-6px;bottom:0;
  width:6px;height:18px;
  background:var(--red);
}
.brandname{
  font-size:24px;
  font-weight:900;
  letter-spacing:.08em;
  color:#141b22;
}
.brandname small{
  display:block;
  font-size:9px;
  color:#7e8993;
  letter-spacing:.16em;
}
.nav{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:30px;
  font-size:14px;
  font-weight:700;
}
.nav a{color:#2f3a45}
.nav a:hover{color:var(--blue)}
.quote{
  background:var(--red);
  color:#fff;
  padding:14px 19px;
  font-size:13px;
  font-weight:900;
}



a.brand{color:inherit}