.aonb {
  --aonb-bg: #211d31;
  --aonb-accent: #00b60a;
  --aonb-title: #fff;
  --aonb-text: #e6e3ee;
  --aonb-input-bg: #fff;
  --aonb-input-text: #282532;
  --aonb-button-bg: #00b60a;
  --aonb-button-text: #fff;
  --aonb-title-size: 19px;
  --aonb-text-size: 14px;
  --aonb-width: 100%;
  position: fixed;
  z-index: 99990;
  left: 50%;
  width: var(--aonb-width);
  max-width: 100vw;
  transform: translate(-50%, 115%);
  opacity: 0;
  color: var(--aonb-text);
  background: var(--aonb-bg);
  box-shadow: 0 -12px 40px rgba(16, 14, 24, .2);
  transition: transform .38s ease, opacity .28s ease;
  font-family: inherit;
}

.aonb[hidden] { display: none !important; }
.aonb--bottom { bottom: 0; }
.aonb--top { top: 0; transform: translate(-50%, -115%); box-shadow: 0 12px 40px rgba(16, 14, 24, .2); }
.admin-bar .aonb--top { top: 32px; }
.aonb.is-visible { transform: translate(-50%, 0); opacity: 1; }

.aonb__accent { height: 4px; background: linear-gradient(90deg, var(--aonb-accent), color-mix(in srgb, var(--aonb-accent) 45%, white)); }
.aonb__inner { position: relative; display: grid; grid-template-columns: auto minmax(280px, 1fr) minmax(420px, 1.2fr); gap: 22px; align-items: center; max-width: 1480px; min-height: 108px; margin: 0 auto; padding: 18px 58px 16px 34px; }
.aonb__icon { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 15px; color: var(--aonb-accent); background: color-mix(in srgb, var(--aonb-accent) 14%, transparent); }
.aonb__copy { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.aonb__eyebrow { color: var(--aonb-accent); font-size: 11px; font-weight: 800; letter-spacing: .12em; line-height: 1.3; }
.aonb__title { color: var(--aonb-title); font-size: var(--aonb-title-size); line-height: 1.25; }
.aonb__text { color: var(--aonb-text); font-size: var(--aonb-text-size); line-height: 1.4; opacity: .9; }
.aonb__form-wrap, .aonb__form-wrap form { margin: 0; }
.aonb__fields { display: grid; grid-template-columns: minmax(120px, .8fr) minmax(180px, 1fr) minmax(112px, .55fr); gap: 10px; align-items: stretch; }
.aonb__fields--email-only { grid-template-columns: minmax(220px, 1fr) minmax(112px, .42fr); }
.aonb__form-wrap .tnp-field { margin: 0; }
.aonb__form-wrap label:empty { display: none; }
.aonb__form-wrap input[type="text"], .aonb__form-wrap input[type="email"] { width: 100%; min-height: 44px; margin: 0; padding: 10px 13px; border: 1px solid transparent; border-radius: 7px; outline: none; color: var(--aonb-input-text); background: var(--aonb-input-bg); font: inherit; box-sizing: border-box; }
.aonb__form-wrap input[type="text"]:focus, .aonb__form-wrap input[type="email"]:focus { border-color: var(--aonb-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--aonb-accent) 24%, transparent); }
.aonb__form-wrap input[type="submit"], .aonb__form-wrap button[type="submit"] { width: 100%; min-height: 44px; margin: 0; padding: 10px 18px; border: 0; border-radius: 7px; color: var(--aonb-button-text); background: var(--aonb-button-bg); font: inherit; font-weight: 800; cursor: pointer; transition: filter .2s ease, transform .2s ease; }
.aonb__form-wrap input[type="submit"]:hover, .aonb__form-wrap button[type="submit"]:hover { filter: brightness(.92); transform: translateY(-1px); }
.aonb__privacy { margin-top: 6px; color: var(--aonb-text); font-size: 11px; line-height: 1.3; opacity: .8; }
.aonb__privacy .tnp-field { display: flex; align-items: flex-start; gap: 6px; }
.aonb__privacy input { flex: 0 0 auto; margin: 2px 0 0; }
.aonb__privacy label { color: inherit; font-size: inherit; }
.aonb__privacy a { color: inherit; text-decoration: underline; }
.aonb__close { position: absolute; top: 12px; right: 16px; display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; color: var(--aonb-text); background: rgba(255,255,255,.08); font-size: 24px; line-height: 1; cursor: pointer; }
.aonb__close:hover { background: rgba(255,255,255,.16); }

@media (max-width: 960px) {
  .aonb__inner { grid-template-columns: auto 1fr; gap: 12px 16px; padding: 16px 50px 14px 20px; }
  .aonb__form-wrap { grid-column: 1 / -1; }
}

@media (max-width: 600px) {
  .admin-bar .aonb--top { top: 46px; }
  .aonb__inner { display: block; min-height: 0; padding: 16px 44px 14px 16px; }
  .aonb__icon { display: none; }
  .aonb__copy { margin-bottom: 10px; }
  .aonb__text { display: none; }
  .aonb__fields { grid-template-columns: 1fr; gap: 7px; }
  .aonb__form-wrap input[type="text"], .aonb__form-wrap input[type="email"], .aonb__form-wrap input[type="submit"], .aonb__form-wrap button[type="submit"] { min-height: 42px; }
}

@media (min-width: 769px) { .aonb--devices-mobile { display: none !important; } }
@media (max-width: 768px) { .aonb--devices-desktop { display: none !important; } }
@media (prefers-reduced-motion: reduce) { .aonb { transition: none; } }