/* Become AI Native - cookie consent banner. Self-contained so it works on every page, with or without landing.css. */
.cc-banner {
  position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 100;
  max-width: 1040px; margin: 0 auto; box-sizing: border-box;
  display: flex; align-items: center; gap: 24px;
  padding: 20px 24px;
  background: #062830; border: 1.5px solid #0F4E62; border-radius: 12px;
  box-shadow: 0 0 0 1px #000, 0 12px 40px rgba(0, 0, 0, 0.6);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff;
}
.cc-banner--flash { animation: cc-flash 900ms cubic-bezier(0.2, 0.7, 0.2, 1); }
@keyframes cc-flash {
  0%, 100% { border-color: #0F4E62; box-shadow: 0 0 0 1px #000, 0 12px 40px rgba(0, 0, 0, 0.6); }
  30% { border-color: #00E3D8; box-shadow: 0 0 0 1px #00E3D8, 0 0 32px rgba(0, 227, 216, 0.45); }
}
.cc-banner__text { margin: 0; flex: 1; font-size: 15px; line-height: 1.5; color: #C9D6D9; }
.cc-banner__text a { color: #00E3D8; }
.cc-banner__text a:hover { color: #33EDE3; }
.cc-banner__actions { display: flex; gap: 12px; flex-shrink: 0; }

.cc-btn {
  font-family: inherit; font-size: 14px; font-weight: 700; letter-spacing: 0.02em; line-height: 1.2;
  padding: 10px 24px; border-radius: 3px; cursor: pointer;
  transition: background 140ms cubic-bezier(0.2, 0.7, 0.2, 1);
}
.cc-btn--primary { background: #00E3D8; color: #03262D; border: 1.5px solid #00E3D8; }
.cc-btn--primary:hover { background: #33EDE3; border-color: #33EDE3; }
.cc-btn--outline { background: transparent; color: #fff; border: 1.5px solid #00E3D8; }
.cc-btn--outline:hover { background: rgba(0, 227, 216, 0.12); }
.cc-btn:focus-visible { outline: none; box-shadow: 0 0 0 2px #000, 0 0 0 4px #00E3D8; }

@media (max-width: 767.98px) {
  .cc-banner { flex-direction: column; align-items: stretch; gap: 16px; padding: 18px 20px; }
  .cc-banner__actions .cc-btn { flex: 1; }
}