/* Review speed choice on /submit and packages on the success screen. Built on the site's own tokens. */
.ahx-speed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ahx-speed-option{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border:1px solid var(--ahx-line,var(--border));border-radius:var(--radius-sm,12px);background:var(--card-raised,#fff);cursor:pointer;transition:border-color .2s,box-shadow .2s}
.ahx-speed-option:hover{border-color:#b9acf5}
.ahx-speed-option input{margin-top:3px;accent-color:var(--ahx-purple,#6250e8);flex-shrink:0}
.ahx-speed-option:has(input:checked){border-color:var(--ahx-purple,#6250e8);box-shadow:0 0 0 3px #6250e81a}
.ahx-speed-option.is-disabled{cursor:not-allowed;opacity:.62}
.ahx-speed-option.is-disabled:hover{border-color:var(--ahx-line,var(--border))}
.ahx-speed-body{display:flex;flex-direction:column;gap:6px;min-width:0}
.ahx-speed-top{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.ahx-speed-top strong{font-family:var(--font-h);font-size:1rem;color:var(--ahx-ink,var(--text))}
.ahx-speed-price{font-family:var(--font-h);font-weight:800;color:var(--ahx-purple,#6250e8);white-space:nowrap}
.ahx-speed-text{font-size:.85rem;line-height:1.5;color:var(--ahx-muted,var(--text-muted))}
.ahx-success-packages{padding-top:8px}
.ahx-success-packages .adv-plan button[disabled]{cursor:not-allowed;opacity:.7}
.ahx-pay-message{min-height:1em;margin:0;font-size:.8rem;color:var(--ahx-muted,var(--text-muted))}
.ahx-packages-more{text-align:center;margin-top:20px;font-size:.85rem;color:var(--ahx-muted,var(--text-muted))}
.ahx-packages-more a{color:var(--ahx-purple,#6250e8);font-weight:600}
.ahx-return-card{padding:20px 24px;max-width:720px;margin:0 auto}
.ahx-return-text{margin:6px 0 0;color:var(--ahx-ink,var(--text))}
html[data-ahx-theme="dark"] .ahx-speed-option{background:#191c24;border-color:#303542}
html[data-ahx-theme="dark"] .ahx-speed-option:has(input:checked){border-color:#a899ff;box-shadow:0 0 0 3px #a899ff26}
html[data-ahx-theme="dark"] .ahx-speed-price,html[data-ahx-theme="dark"] .ahx-packages-more a{color:#b8aaff}
@media (max-width:700px){.ahx-speed-grid{grid-template-columns:1fr}}

/* AHX 2026-10-24: animated glow for the featured AgentoGPT card + homepage scroll pop.
   The halo animates `filter: drop-shadow()`, NOT box-shadow/border-color:
   community.css pins box-shadow + border on every featured surface with
   !important, and author !important outranks CSS Animations in the cascade,
   so a box-shadow keyframe animation runs but never paints (diagnosed
   2026-10-24: animation running, currentTime advancing, yet the computed
   box-shadow stayed the static gold ring at every phase). Nothing anywhere
   sets `filter` on these cards, so the drop-shadow pulse actually renders.
   The gold ring from community.css is untouched and stays under the halo. */
@keyframes ahxGlowPulse {
  0%, 100% { filter: drop-shadow(0 0 5px #6366f1a6) drop-shadow(0 0 16px #8b5cf661); }
  50% { filter: drop-shadow(0 0 12px #8b5cf6f2) drop-shadow(0 0 34px #6366f199); }
}
.ahx-glow-featured { animation: ahxGlowPulse 2.6s ease-in-out infinite; position: relative; z-index: 1; }
@media (prefers-reduced-motion: reduce) {
  .ahx-glow-featured { animation: none; filter: drop-shadow(0 0 9px #8b5cf6cc) drop-shadow(0 0 22px #6366f173); }
}
#ahx-scroll-pop { position: fixed; top: 12px; left: 50%; transform: translate(-50%, -160%); transition: transform .35s ease, opacity .35s ease; opacity: 0; z-index: 2000; display: flex; align-items: center; gap: 12px; max-width: min(680px, calc(100vw - 24px)); padding: 9px 12px; border-radius: 14px; background: #ffffff; color: #182132; border: 1px solid #e3c878; box-shadow: 0 0 0 1px #e3c8782e, 0 14px 34px #18213226; font-size: 13px; }
#ahx-scroll-pop.is-visible { transform: translate(-50%, 0); opacity: 1; }
#ahx-scroll-pop img { width: 30px; height: 30px; border-radius: 8px; object-fit: contain; flex-shrink: 0; }
#ahx-scroll-pop .ahx-pop-text { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
#ahx-scroll-pop .ahx-pop-text strong { font-size: 13.5px; white-space: nowrap; }
#ahx-scroll-pop .ahx-pop-text span { color: #687387; font-size: 11.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#ahx-scroll-pop .ahx-pop-badge { background: #fff5d9; color: #946516; border: 1px solid #ecdcb3; border-radius: 6px; padding: 3px 7px; font-size: .65rem; font-weight: 700; white-space: nowrap; }
#ahx-scroll-pop .ahx-pop-cta { background: #6250e8; color: #fff !important; border-radius: 9px; padding: 7px 12px; font-weight: 700; font-size: 12px; white-space: nowrap; text-decoration: none; }
#ahx-scroll-pop .ahx-pop-close { background: none; border: 0; color: #687387; font-size: 18px; line-height: 1; cursor: pointer; padding: 2px 4px; }
html[data-ahx-theme="dark"] #ahx-scroll-pop { background: #191c24; color: #eef0f6; border-color: #a48647; }
html[data-ahx-theme="dark"] #ahx-scroll-pop .ahx-pop-text span { color: #a4adbd; }
@media (prefers-reduced-motion: reduce) { #ahx-scroll-pop { transition: none; } }
@media (max-width: 640px) { #ahx-scroll-pop .ahx-pop-text span, #ahx-scroll-pop .ahx-pop-badge { display: none; } }