.integration-section{border-bottom:1px solid var(--border-color);padding:clamp(80px,10vw,160px) var(--container-px);background:rgba(10,10,10,.9);position:relative;z-index:10}.integration-inner{max-width:var(--container-max);margin:0 auto}.integration-title{font-size:clamp(32px,4vw,56px);font-weight:700;color:var(--text-primary);margin-bottom:16px}.integration-title span{color:var(--accent-cyan)}.integration-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:48px;max-width:640px}.integration-img-wrap{position:relative;border:1px solid var(--border-color);overflow:hidden}.integration-img-wrap img,.integration-video{width:100%;height:auto;display:block}.integration-video{object-fit:cover}.integration-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--bg-primary),transparent);pointer-events:none}.integration-steps{position:absolute;bottom:0;left:0;right:0;padding:32px}.integration-steps-flow{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px}.integration-step{display:flex;align-items:center;gap:8px}.integration-step-num{font-family:var(--font-mono);font-size:12px;color:var(--accent-cyan)}.integration-step-name{font-size:12px;color:rgba(255,255,255,.8)}.integration-step-arrow{width:16px;height:16px;opacity:.5;flex-shrink:0}.integration-summary{text-align:center;font-size:18px;font-weight:600;color:var(--text-primary)}.integration-summary span{color:var(--accent-cyan)}