/* Strip to the API page (Amir, 5 Nov 2026): homepage and the 26 industry pages, same spot, 5 languages.
   Homepage colours (home-kx.css): ink #0a0b0f, lime #d8f34f, paper #f6f5f1. */
.api-strip-wrap{padding-block:16px 56px}
.api-strip{position:relative;display:flex;align-items:center;gap:20px;width:min(1240px,calc(100% - 80px));margin-inline:auto;padding-block:18px;padding-inline:18px 32px;border-radius:20px;background:linear-gradient(270deg,#0a0b0f 45%,rgba(10,11,15,0) 92%),radial-gradient(circle at 1px 1px,rgba(216,243,79,.35) 1.2px,transparent 0) 0 0/18px 18px,#0a0b0f;color:#f6f5f1;font-family:Heebo,'Segoe UI',Arial,sans-serif;font-size:clamp(19px,1.9vw,24px);line-height:1.3;font-weight:800;letter-spacing:-.01em;text-decoration:none;box-shadow:0 22px 44px -26px rgba(10,11,15,.7);transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}
.api-strip::before{content:"";flex:none;width:56px;height:56px;border-radius:16px;background:#d8f34f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a0b0f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 7l-5 5 5 5M16 7l5 5-5 5M13.5 4.5l-3 15'/%3E%3C/svg%3E") center/28px no-repeat;transition:transform .35s cubic-bezier(.16,1,.3,1)}
[dir=ltr] .api-strip{background:linear-gradient(90deg,#0a0b0f 45%,rgba(10,11,15,0) 92%),radial-gradient(circle at 1px 1px,rgba(216,243,79,.35) 1.2px,transparent 0) 0 0/18px 18px,#0a0b0f}
.api-strip:hover{transform:translateY(-2px);box-shadow:0 28px 50px -24px rgba(10,11,15,.75)}
.api-strip:hover::before{transform:rotate(-8deg) scale(1.05)}
.api-strip:focus-visible{outline:3px solid #386100;outline-offset:4px}
html[data-theme=dark] .api-strip{background:linear-gradient(270deg,#d8f34f 45%,rgba(216,243,79,0) 92%),radial-gradient(circle at 1px 1px,rgba(10,11,15,.35) 1.2px,transparent 0) 0 0/18px 18px,#d8f34f;color:#0a0b0f;box-shadow:none}
html[data-theme=dark][dir=ltr] .api-strip{background:linear-gradient(90deg,#d8f34f 45%,rgba(216,243,79,0) 92%),radial-gradient(circle at 1px 1px,rgba(10,11,15,.35) 1.2px,transparent 0) 0 0/18px 18px,#d8f34f}
html[data-theme=dark] .api-strip::before{background-color:#0a0b0f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8f34f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 7l-5 5 5 5M16 7l5 5-5 5M13.5 4.5l-3 15'/%3E%3C/svg%3E")}
html[data-theme=dark] .api-strip:focus-visible{outline-color:#d8f34f}
@media (max-width:900px){
  .api-strip-wrap{padding-block:8px 40px}
  .api-strip{width:calc(100% - 32px);gap:14px;padding-block:14px;padding-inline:14px 18px;border-radius:16px;font-size:17px}
  .api-strip::before{width:46px;height:46px;border-radius:13px;background-size:24px}
}
@media (prefers-reduced-motion:reduce){.api-strip,.api-strip::before{transition:none}}