:root {
  --blue: #6caddf;
  --blue-dark: #00285e;
  --ink: #071a2e;
  --muted: #62768b;
  --line: #dbe9f3;
  --soft: #eaf6fd;
  --bg: #ffffff;
  --dark: #00285e;
}

body { background: #fff !important; }
.nav {
  top: 12px !important;
  width: min(1240px, calc(100% - 32px));
  min-height: 68px;
  margin: 12px auto 0;
  padding: 0 14px 0 20px !important;
  border: 1px solid rgba(0,40,94,.12) !important;
  border-radius: 17px;
  background: #6caddf !important;
  box-shadow: 0 12px 38px rgba(0,40,94,.13);
}
.nav .logo, .footer .logo {
  width: 45px;
  height: 45px;
  display: block;
  overflow: hidden;
  color: transparent !important;
  font-size: 0 !important;
  text-indent: -9999px;
  background: url('/assets/apartman-online-logo.png') center / contain no-repeat !important;
}
.nav-links a { color: #00285e !important; }
.nav-links .cta { background: #00285e !important; color: #fff !important; }
.hero { background: #fff !important; background-image: none !important; }
.eyebrow { color: #287fc0 !important; }
.hero h1 em { color: #287fc0 !important; }
.calculator { border-color: #dbe9f3 !important; box-shadow: 0 24px 60px rgba(0,40,94,.1) !important; }
.results { background: #00285e !important; }
.result-value { color: #6caddf !important; }
.break-even { border-color: #ffc758 !important; background: rgba(255,199,88,.1) !important; }
.results .cta { background: #6caddf !important; color: #00285e !important; }
.footer { background: #001a3e !important; }

@media (max-width: 760px) {
  .nav { top: 8px !important; width: calc(100% - 16px); min-height: 62px; margin-top: 8px; border-radius: 14px; }
  .nav .logo { width: 40px; height: 40px; }
}