/* Cookie consent banner — engrow brand */

.engrow-banner {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 1000;
  background: rgba(11, 31, 34, 0.96);
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  border: 1px solid rgba(79, 210, 225, 0.35);
  border-radius: 14px;
  box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.6);
  color: #E8F0F1;
  font-family: 'Inter', -apple-system, system-ui, sans-serif;
  animation: engrow-banner-in 320ms cubic-bezier(.2,.7,.2,1) both;
}
.engrow-banner.is-out {
  animation: engrow-banner-out 240ms cubic-bezier(.4,0,.2,1) forwards;
}
@keyframes engrow-banner-in {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes engrow-banner-out {
  to   { opacity: 0; transform: translateY(20px); }
}

.engrow-banner-inner {
  max-width: 1080px;
  margin: 0 auto;
  padding: 18px 22px;
  display: flex;
  align-items: center;
  gap: 22px;
}
.engrow-banner-text {
  flex: 1;
  margin: 0;
  font-size: 13.5px;
  line-height: 1.5;
  color: #9FB6B9;
}
.engrow-banner-text a {
  color: #4FD2E1;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.engrow-banner-actions {
  display: flex;
  gap: 10px;
  flex-shrink: 0;
}
.engrow-btn {
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  padding: 10px 18px;
  border-radius: 999px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background 160ms, color 160ms, border-color 160ms, transform 160ms;
}
.engrow-btn-ghost {
  background: transparent;
  color: #9FB6B9;
  border-color: #1F3133;
}
.engrow-btn-ghost:hover {
  border-color: #4FD2E1;
  color: #E8F0F1;
}
.engrow-btn-primary {
  background: #4FD2E1;
  color: #000E0F;
}
.engrow-btn-primary:hover {
  background: #8DF4FF;
  transform: translateY(-1px);
}

@media (max-width: 640px) {
  .engrow-banner { left: 12px; right: 12px; bottom: 12px; }
  .engrow-banner-inner {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    padding: 16px;
  }
  .engrow-banner-actions { justify-content: stretch; }
  .engrow-btn { flex: 1; padding: 11px 16px; }
}

/* Footer privacy link styling */
.footer-links {
  display: flex;
  gap: 22px;
  font-size: 13px;
}
.footer-links a {
  color: var(--text-soft);
  transition: color 160ms;
}
.footer-links a:hover { color: var(--cyan); }