:root {
  --ink: #183c49;
  --blue: #3295ba;
  --cyan: #69afc9;
  --mist: #f1f8fa;
  --muted: #587680;
  --line: #d8e9ef;
}

body,
.button,
.field input,
.field select,
.field textarea {
  font-family: Inter, Candara, system-ui, sans-serif;
}

.brand img {
  display: block;
  width: 154px;
  height: 54px;
  object-fit: contain;
}

.footer-brand {
  width: 186px;
  padding: 13px 16px;
  border-radius: 10px;
  background: #fff;
}

.footer-brand img {
  width: 154px;
  height: 54px;
}

.button,
.core,
.cta,
.project-placeholder {
  background: #3295ba;
}

.hero {
  background: linear-gradient(120deg, #fff 15%, #f0f8fa);
}

.hero:before {
  background-image: linear-gradient(#3295ba12 1px, transparent 1px), linear-gradient(90deg, #3295ba12 1px, transparent 1px);
}

.core {
  padding: 28px;
  background: #fff;
  box-shadow: 0 30px 80px #3295ba45;
}

.core img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.button {
  box-shadow: 0 10px 25px #3295ba32;
}

.site-footer {
  background: #183c49;
}

.band {
  background: #183c49;
}

@media (max-width: 800px) {
  .brand img { width: 132px; height: 46px; }
}