:root{
  --ex-ink:#10233f;
  --ex-blue:#1E3A5F;
  --ex-muted:#a7b0bf;
  --ex-line:#e4ebf3;
  --ex-soft:#f5f8fc;
  --ex-card:#ffffff;
}

.ex-engine-shell{
  background:#f5f8fc;
  color:var(--ex-ink);
}

.ex-engine-header{
  position:relative;
  z-index:50;
  background:#fff;
  border-bottom:1px solid var(--ex-line);
}

.ex-engine-header-inner{
  max-width:1440px;
  height:68px;
  margin:0 auto;
  padding:0 34px;
  display:grid;
  grid-template-columns:300px 1fr 170px;
  align-items:center;
  gap:20px;
}

.ex-engine-brand{
  display:flex;
  align-items:center;
  gap:14px;
  text-transform:uppercase;
  white-space:nowrap;
}

.ex-engine-brand-main{
  text-decoration:none;
  color:var(--ex-blue);
  font-size:15px;
  line-height:1;
  letter-spacing:.14em;
  font-weight:900;
}

.ex-engine-brand-sub{
  color:#b8c1cf;
  font-size:8.5px;
  line-height:1;
  letter-spacing:.20em;
  font-weight:700;
  opacity:.72;
  pointer-events:none;
}

.ex-engine-nav{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:38px;
  min-width:0;
}

.ex-engine-nav a{
  height:100%;
  display:flex;
  align-items:center;
  position:relative;
  text-decoration:none;
  color:#c7ced9;
  font-size:11px;
  letter-spacing:.16em;
  font-weight:900;
  text-transform:uppercase;
  border:none;
  border-radius:0;
  padding:0;
  background:transparent;
  white-space:nowrap;
}

.ex-engine-nav a.active{
  color:var(--ex-blue);
}

.ex-engine-nav a.active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:var(--ex-blue);
}

.ex-engine-entry{
  justify-self:end;
  text-decoration:none;
  padding:13px 24px;
  border:1px solid #d9e2ec;
  border-radius:999px;
  color:var(--ex-blue);
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  background:#fff;
  white-space:nowrap;
}

.ex-engine-status{
  height:40px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 36px;
  background:#f3f7fc;
  border-top:1px solid var(--ex-line);
  border-bottom:1px solid var(--ex-line);
}

.ex-engine-status span{
  border:1px solid #d9e2ec;
  border-radius:999px;
  background:#fff;
  padding:7px 12px;
  color:var(--ex-blue);
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.ex-protected-state{
  border:1px solid #d9e2ec;
  border-radius:18px;
  background:#eef5fc;
  padding:22px;
  color:var(--ex-ink);
}

.ex-protected-state strong{
  display:block;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#7b8797;
  margin-bottom:8px;
}

.ex-protected-state span{
  display:block;
  font-size:20px;
  font-weight:900;
  letter-spacing:.02em;
}

@media(max-width:1100px){
  .ex-engine-header-inner{
    height:auto;
    min-height:68px;
    padding:18px 22px;
    grid-template-columns:1fr;
    gap:14px;
  }

  .ex-engine-nav{
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:14px;
  }

  .ex-engine-nav a{
    height:auto;
    padding:0 0 8px;
    font-size:8px;
    letter-spacing:.14em;
  }

  .ex-engine-entry{
    justify-self:start;
    padding:10px 18px;
    font-size:12px;
  }
}