/* Somente para o pacote de edição. Facilita a visualização no motor antigo do Dreamweaver. */
body {
  background: #05070a;
  color: #f4f7fa;
}
.container {
  width: 92%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}
.header {
  position: relative;
  background: #05070a;
}
.header-inner {
  display: table;
  width: 100%;
  height: 84px;
}
.brand,
.nav,
.header-tools {
  display: table-cell;
  vertical-align: middle;
}
.brand {
  width: 230px;
}
.nav {
  text-align: center;
}
.nav a {
  display: inline-block;
  padding: 20px 8px;
}
.header-tools {
  width: 170px;
}
.hero-grid,
.split,
.section-head,
.contact-grid,
.footer-grid {
  display: table;
  width: 100%;
}
.hero-grid > *,
.split > *,
.section-head > *,
.contact-grid > *,
.footer-grid > * {
  display: table-cell;
  width: 50%;
  padding: 20px;
  vertical-align: middle;
}
.cards,
.client-grid,
.portfolio-grid,
.gallery-grid,
.metrics,
.process {
  display: block;
  overflow: hidden;
}
.card,
.client,
.project,
.gallery-grid img,
.metric,
.process article {
  float: left;
  width: 31%;
  margin: 1%;
  min-height: 230px;
}
.metrics .metric,
.process article {
  width: 23%;
}
.client {
  background: #fff;
}
.page-hero h1,
.hero h1 {
  font-size: 64px;
  color: #fff;
}
.gradient {
  color: #58e7d6;
}
.ai-fab {
  position: fixed;
  right: 20px;
  bottom: 20px;
  background: #071006;
  color: #cfff47;
}
.ai-layout {
  display: table;
  width: 92%;
  margin: 50px auto;
}
.ai-sidebar,
.ai-console {
  display: table-cell;
  vertical-align: top;
}
.ai-sidebar {
  width: 30%;
}
.ai-console {
  width: 70%;
}