/* Ask AI about Machinence: reusable strip (2 Nov 2026). Markup in index.html (search "ASK AI ABOUT MACHINENCE");
   copy that block to use it on another page and change data-placement. Behaviour in ask-ai.js. */
.askai{background:#0a0620;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:clamp(1.4rem,3vw,2rem) clamp(1rem,3vw,2rem) .9rem;text-align:center}
.marquee + .askai{border-top:0}
.askai-h{margin:0 0 1rem;font-family:'Inter',sans-serif;font-size:.74rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.askai-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;max-width:940px;margin:0 auto;padding:0;list-style:none}
.askai-row li{flex:0 0 auto}
.askai-btn{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;padding:.55rem 1.15rem;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:#f4f2ff;font-family:'Inter',sans-serif;font-size:.95rem;font-weight:500;text-decoration:none;transition:background-color .15s ease,border-color .15s ease}
.askai-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3)}
.askai-btn:focus-visible{outline:2px solid #fbbf24;outline-offset:3px}
.askai-btn svg{width:20px;height:20px;flex:none}
.askai-note{min-height:1.4em;margin:.6rem 0 0;font-family:'Inter',sans-serif;font-size:.82rem;color:#34d399}
@media (max-width:860px){.askai-row{max-width:420px}.askai-row li{flex:0 0 calc(50% - .35rem)}.askai-btn{width:100%;justify-content:center}}
@media (max-width:340px){.askai-row li{flex:0 0 100%}}
.askai-toast{position:fixed;left:50%;bottom:24px;z-index:9999;display:flex;align-items:flex-start;gap:.8rem;width:min(560px,calc(100vw - 32px));padding:1rem 1.1rem;border-radius:16px;background:#fff;color:#16112b;box-shadow:0 18px 50px rgba(10,6,32,.45);font-family:'Inter',sans-serif;font-size:1rem;line-height:1.5;text-align:left;opacity:0;visibility:hidden;transform:translate(-50%,16px);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}
.askai-toast.show{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .2s ease,transform .2s ease}
.askai-toast svg{width:26px;height:26px;flex:none;margin-top:.05rem}
.askai-toast-b{flex:1}
.askai-toast p{margin:0}
.askai-open{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:.75rem;padding:.55rem 1.4rem;border-radius:999px;background:#5b21b6;color:#fff;font-weight:600;font-size:1rem;text-decoration:none}
.askai-open:hover{background:#4c1d95}
.askai-open:focus-visible{outline:2px solid #fbbf24;outline-offset:3px}
.askai-toast b{font-weight:700}
.askai-toast kbd{display:inline-block;padding:.05rem .45rem;border:1px solid #cfcadf;border-bottom-width:2px;border-radius:6px;background:#f4f2fb;font-family:inherit;font-size:.9em;font-weight:600;white-space:nowrap}
.askai-toast .askai-x{flex:none;width:32px;height:32px;margin:-.3rem -.3rem 0 0;border:0;border-radius:8px;background:transparent;color:#5b5670;font-size:1.5rem;line-height:1;cursor:pointer}
.askai-toast .askai-x:hover{background:#f0eef7}
@media (prefers-reduced-motion:reduce){.askai-toast,.askai-toast.show{transition:none}}