:root {
  --ink: #093653;
  --navy: #063552;
  --blue: #0871b1;
  --cyan: #6b9851;
  --paper: #f1f7fa;
  --muted: #567289;
  --line: #d6e4ec;
}

.hero {
  background: radial-gradient(circle at 72% 38%, #0871b1 0, transparent 36%), linear-gradient(135deg, #032b46, #06466f 58%, #063552);
}

.managed { background: linear-gradient(125deg, #0871b1, #055b91); }
.contact, footer { background: #063552; }
.contact-box { background: linear-gradient(135deg, #0871b1, #0788ad); }
.feature-card.featured { background: #063552; }
.section-label.light, .eyebrow span, .featured .icon { color: #b8e29e; }
.brand img {
  display: block;
  width: 280px;
  height: 78px;
  object-fit: contain;
  object-position: left center;
}

.links .help-link { color: var(--cyan); }
.footer-grid .brand img { width: 220px; height: 65px; }

.floating-help {
  position: fixed;
  z-index: 30;
  right: 24px;
  bottom: 24px;
  display: grid;
  grid-template-columns: 32px auto auto;
  align-items: center;
  gap: 9px;
  padding: 12px 16px;
  background: #fff;
  color: var(--navy);
  text-decoration: none;
  box-shadow: 0 12px 35px rgba(4,15,31,.24);
  border: 1px solid #dce2ea;
}

.floating-help span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #25d366;
  color: #fff;
  font-weight: 800;
}

.floating-help svg { width: 20px; height: 20px; fill: currentColor; }

.floating-help b { font-size: .86rem; }
.floating-help small { background: #e8fff9; color: #087b70; padding: 3px 7px; font-weight: 800; }

@media (max-width: 850px) {
  .brand img { width: 220px; height: 68px; }
  .floating-help { right: 14px; bottom: 14px; }
  .floating-help b { display: none; }
}