.ai-check-bar {
  position: fixed;
  inset: 0 0 auto;
  z-index: 101;
  color: #0a1438;
  background: #eaf0ff;
  border-bottom: 1px solid #cddaff;
  box-shadow: 0 4px 20px #06144308;
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
  transition: transform 280ms cubic-bezier(.22, 1, .36, 1), opacity 180ms ease;
}
.ai-check-bar[hidden] { display: none; }
.ai-check-bar[data-visible="true"] { transform: translateY(0); opacity: 1; pointer-events: auto; }
.ai-check-bar-inner { position: relative; padding-block: 10px; padding-right: 44px; }
#ai-check-bar-form { display: grid; grid-template-columns: auto minmax(260px, 470px); gap: 0 26px; justify-content: center; align-items: center; margin: 0; }
.ai-check-bar-label { display: flex; gap: 12px; align-items: center; margin: 0; font-size: 1rem; font-weight: 800; line-height: 1.35; }
.ai-check-bar-badge { padding: 5px 9px; border-radius: 6px; color: white; background: #2855ef; font-size: .72rem; letter-spacing: .02em; }
.ai-check-bar-fields { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; min-width: 0; }
#ai-check-bar-website { width: 100%; min-width: 0; height: 44px; padding: 10px 14px; color: #0a1438; background: white; border: 1px solid #b8c9fb; border-radius: 9px; font: inherit; font-size: 1rem; line-height: 1.35; }
#ai-check-bar-website::placeholder { color: #657399; opacity: 1; }
#ai-check-bar-website[aria-invalid="true"] { border-color: #b3261e; }
.ai-check-bar-submit { display: inline-flex; min-height: 44px; justify-content: center; align-items: center; gap: 10px; padding: 10px 18px; color: white; background: #2855ef; border: 1px solid #2855ef; border-radius: 9px; font: inherit; font-size: .95rem; font-weight: 750; line-height: 1.35; white-space: nowrap; cursor: pointer; transition: background 160ms ease, box-shadow 160ms ease; }
.ai-check-bar-submit:hover { background: #1644d7; box-shadow: 0 4px 12px #2855ef25; }
.ai-check-bar-submit:disabled { opacity: .72; cursor: wait; }
.ai-check-bar-dismiss { position: absolute; right: -10px; top: 10px; display: grid; width: 44px; height: 44px; place-items: center; padding: 0; color: #52618b; background: transparent; border: 0; border-radius: 8px; font-size: 1.8rem; line-height: 1; cursor: pointer; }
.ai-check-bar-dismiss:hover { color: #0a1438; background: #dce6ff; }
.ai-check-bar-status { grid-column: 1 / -1; margin: 7px 0 0; font-size: .8rem; line-height: 1.45; }
.ai-check-bar-status:empty { display: none; }
.ai-check-bar-status[data-error="true"] { color: #a3231d; }
.ai-check-bar-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.ai-check-bar :is(input, button):focus-visible { outline: 3px solid #1644d7; outline-offset: 3px; }
html.ai-check-bar-ready .site-header { top: var(--ai-check-bar-offset, 0px); transition: top 280ms cubic-bezier(.22, 1, .36, 1); }
@media (max-width: 1000px) {
  #ai-check-bar-form { gap: 0 16px; grid-template-columns: auto minmax(240px, 1fr); }
  .ai-check-bar-label { gap: 8px; font-size: .9rem; }
  .ai-check-bar-submit { padding-inline: 12px; }
}
@media (max-width: 760px) {
  .ai-check-bar-inner { padding-block: 10px; padding-right: 0; }
  #ai-check-bar-form { grid-template-columns: minmax(0, 1fr); gap: 9px; }
  .ai-check-bar-label { padding-right: 34px; font-size: .85rem; gap: 8px; }
  .ai-check-bar-badge { padding: 4px 7px; font-size: .65rem; }
  .ai-check-bar-fields { gap: 8px; }
  .ai-check-bar-submit { padding-inline: 12px; font-size: .85rem; gap: 7px; }
  .ai-check-bar-dismiss { top: 0; right: -10px; }
  .ai-check-bar-status { margin-top: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .ai-check-bar, .ai-check-bar-submit, html.ai-check-bar-ready .site-header { transition: none; }
}