.api-integration-hero-visual{position:relative;display:grid;grid-template-columns:minmax(112px,.82fr) minmax(220px,1.22fr) minmax(112px,.82fr);align-items:center;gap:1rem;min-height:520px;padding:2.25rem 1.25rem}.api-integration-hero-visual:before{content:"";position:absolute;inset:2.5rem .75rem;border-radius:34px;background:linear-gradient(120deg,rgba(114,28,185,.08),rgba(32,133,227,.08)),radial-gradient(circle at 50% 50%,rgba(255,255,255,.95),rgba(255,255,255,0));border:1px solid rgba(114,28,185,.12);box-shadow:0 32px 80px rgba(31,41,55,.1)}.api-integration-column,.api-integration-gateway{position:relative;z-index:1}.api-integration-column{display:grid;gap:.85rem}.api-integration-node{min-height:72px;border:1px solid rgba(148,163,184,.28);border-radius:16px;background:rgba(255,255,255,.92);box-shadow:0 16px 34px rgba(31,41,55,.1);padding:.85rem}.api-integration-gateway-body span,.api-integration-gateway-top span,.api-integration-node span{display:block;margin-bottom:.3rem;color:var(--color-secondary);font-size:.72rem;font-weight:900;text-transform:uppercase}.api-integration-gateway-body strong,.api-integration-gateway-top strong,.api-integration-node strong{display:block;color:var(--primary-text-color);font-size:.86rem;line-height:1.25}.api-integration-node-action.clear span{color:#12805c}.api-integration-node-action.review span{color:#9a5a00}.api-integration-node-action.evidence span{color:#2457c5}.api-integration-gateway{border-radius:24px;background:rgba(255,255,255,.98);box-shadow:0 28px 70px rgba(31,41,55,.17);overflow:hidden}.api-integration-gateway-top{border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,rgba(114,28,185,.09),rgba(32,133,227,.08)),#fff;padding:.95rem 1rem}.api-integration-gateway-top strong{font-family:var(--font-geist-mono,monospace)}.api-integration-gateway-body{display:grid;gap:.55rem;padding:.85rem}.api-integration-gateway-body div{border-radius:14px;background:var(--backgroundColor);padding:.72rem}@media (max-width:980px){.api-integration-hero-visual{grid-template-columns:1fr;gap:1rem;min-height:0;padding:1.5rem}.api-integration-hero-visual:before{inset:.35rem}.api-integration-column{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:575px){.api-integration-hero-visual{gap:.75rem;padding:1rem}.api-integration-column{grid-template-columns:1fr}.api-integration-node{min-height:0}}