.integrations-v18{position:relative;padding:125px max(28px,6vw);overflow:hidden;background:#06120f;color:#fff}.integrations-v18:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,#baff1813,transparent 31%),linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:auto,64px 64px,64px 64px}.integrations-v18>header{position:relative;display:grid;grid-template-columns:1fr .7fr;gap:7vw;align-items:end;margin-bottom:70px}.integrations-v18>header .eyebrow{grid-column:1/-1}.integrations-v18 h2{margin:0;font-size:clamp(52px,6.2vw,92px);line-height:.92;letter-spacing:-.065em;font-weight:600}.integrations-v18 h2 em{font-style:normal;color:#baff18}.integrations-v18>header>p:last-child{margin:0 0 6px;color:#a4b2ac;font-size:17px;line-height:1.7}.integration-map{position:relative;min-height:750px;border:1px solid #ffffff1a;background:#030b09;overflow:hidden}.integration-map figure{position:absolute;inset:0;margin:0}.integration-map figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03100de8,#03100d94 42%,#03100dd9),linear-gradient(0deg,#03100de8,transparent 48%),radial-gradient(circle at 50% 50%,transparent,#03100d8f)}.integration-map figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.65) brightness(.6);transition:transform 1s cubic-bezier(.2,.75,.2,1)}.integration-map:hover figure img{transform:scale(1.025)}.integration-wires{position:absolute;z-index:3;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 0 7px #baff1855)}.integration-wires path{fill:none;stroke:#baff18;stroke-width:1;stroke-dasharray:5 11;opacity:.62;animation:integrationFlow 14s linear infinite}.integration-wires path:nth-child(even){stroke:#62e3ff;animation-direction:reverse}.integration-wires circle{fill:#baff18;stroke:#06120f;stroke-width:5;filter:drop-shadow(0 0 9px #baff18);animation:integrationPulse 2.4s ease-in-out infinite}@keyframes integrationFlow{to{stroke-dashoffset:-220}}@keyframes integrationPulse{50%{r:8;opacity:.55}}.source-stack,.output-stack{position:absolute;z-index:5;top:94px;bottom:94px;width:255px;display:grid;gap:9px}.source-stack{left:32px;grid-template-rows:repeat(6,1fr)}.output-stack{right:32px;grid-template-rows:repeat(4,1fr);top:157px;bottom:157px}.integration-node{position:relative;display:flex;align-items:center;padding:12px 15px 12px 43px;border:1px solid #ffffff1a;background:#071a15dd;backdrop-filter:blur(12px)}.integration-node:before{content:"";position:absolute;left:17px;width:9px;height:9px;border:1px solid #baff18;transform:rotate(45deg)}.integration-node b,.integration-node small{display:block}.integration-node b{font-size:11px}.integration-node small{margin-top:4px;color:#80918a;font-size:8px}.output-stack .integration-node{border-color:#baff1830}.output-stack .integration-node:before{border:0;border-radius:50%;background:#baff18;box-shadow:0 0 0 6px #baff1814,0 0 18px #baff18;transform:none}.integration-hub{position:absolute;z-index:6;left:50%;top:50%;width:270px;height:270px;transform:translate(-50%,-50%);display:grid;place-items:center;text-align:center;border:1px solid #baff1866;border-radius:50%;background:#071b16e8;box-shadow:0 0 0 28px #baff1808,0 0 0 68px #baff1805,0 30px 90px #000b;backdrop-filter:blur(16px)}.integration-hub:before,.integration-hub:after{content:"";position:absolute;border-radius:50%;border:1px dashed #baff182d}.integration-hub:before{inset:16px}.integration-hub:after{inset:-28px;animation:hubSpin 24s linear infinite}@keyframes hubSpin{to{transform:rotate(360deg)}}.integration-hub div{position:relative;z-index:2}.integration-hub span,.integration-hub strong,.integration-hub small{display:block}.integration-hub span{color:#baff18;font-size:10px;font-weight:800;letter-spacing:.2em}.integration-hub strong{margin:14px 0 9px;font-size:28px;line-height:1.05;letter-spacing:-.04em}.integration-hub small{color:#90a098;font-size:10px;line-height:1.5}.integration-caption{position:absolute;z-index:5;left:32px;bottom:26px;color:#6e8278;font-size:8px;letter-spacing:.13em}.integration-features{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:1px;background:#ffffff1b}.integration-features article{min-height:230px;padding:29px 25px;background:#081813;transition:transform .25s ease,background .25s ease}.integration-features article:hover{position:relative;z-index:2;transform:translateY(-4px);background:#0d241d}.integration-features article>b{color:#baff18;font-size:9px;letter-spacing:.12em}.integration-features h3{margin:30px 0 12px;font-size:18px;line-height:1.2}.integration-features p{margin:0;color:#8fa099;font-size:12px;line-height:1.6}.integration-ribbon{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:58px}.integration-ribbon span{padding:12px 15px;border:1px solid #ffffff1e;color:#bcc7c2;font-size:10px;font-weight:700}.integration-ribbon i{color:#baff18;font-style:normal}.integration-ribbon strong{padding:14px 19px;background:#baff18;color:#07130e;font-size:11px}
@media(max-width:1050px){.integrations-v18{padding:90px 24px}.integrations-v18>header{grid-template-columns:1fr;gap:28px}.integration-map{min-height:920px}.source-stack,.output-stack{width:230px}.integration-hub{width:230px;height:230px}.integration-features{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.integrations-v18 h2{font-size:47px}.integrations-v18>header>p:last-child{font-size:15px}.integration-map{padding:24px;display:flex;flex-direction:column;gap:20px}.integration-map figure:after{background:#03100dcf}.integration-wires{display:none}.source-stack,.output-stack,.integration-hub{position:relative;inset:auto;top:auto;right:auto;bottom:auto;left:auto;width:100%;height:auto;transform:none}.source-stack,.output-stack{display:grid;grid-template-rows:none;grid-template-columns:1fr 1fr;gap:8px}.integration-hub{order:2;width:220px;height:220px;margin:5px auto}.source-stack{order:1}.output-stack{order:3}.integration-caption{display:none}.integration-features{grid-template-columns:1fr}.integration-features article{min-height:auto}}
@media(max-width:480px){.source-stack,.output-stack{grid-template-columns:1fr}.integration-map{min-height:1250px}}
@media(prefers-reduced-motion:reduce){.integration-map figure img{transition:none}.integration-wires path,.integration-wires circle,.integration-hub:after{animation:none}}