.integration-stage-section{padding:82px clamp(18px,4vw,65px) 45px!important;background:radial-gradient(circle at 50% 47%,rgba(11,120,66,.55),transparent 29%),linear-gradient(180deg,#031c11,#06351f 52%,#031b10)!important;color:white;overflow:hidden;position:relative;isolation:isolate}.integration-stage-section:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(68,240,152,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(68,240,152,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at center,black,transparent 78%)}.integration-stage-head{text-align:center;position:relative;z-index:3}.integration-stage-head h2{font-size:clamp(40px,4.6vw,68px);letter-spacing:-.045em;line-height:1.04;margin:13px 0}.integration-stage-head h2 em{font-style:normal;color:#e4c564}.integration-stage-head p{font-size:20px;color:#b8cec0;margin:0}.integration-stage{max-width:1420px;height:650px;position:relative;margin:24px auto 0}.integration-particles,.integration-wires{position:absolute;inset:0;width:100%;height:100%}.integration-wires path{stroke-dasharray:9 8;animation:integrationFlow 2.2s linear infinite}.integration-core{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:330px;height:330px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 42% 30%,#12663b,#032d1a 70%);border:5px solid #d8bb58;box-shadow:0 0 0 8px rgba(55,240,143,.25),0 0 60px rgba(50,239,138,.55),inset 0 0 45px rgba(255,255,255,.08)}.integration-core img{width:230px}.integration-core>span{font-size:9px;letter-spacing:.2em;color:#a7c7b3;margin-top:18px}.core-orbit{position:absolute;border-radius:50%;border:1px dashed rgba(81,246,158,.48);animation:integrationSpin 18s linear infinite}.co1{inset:-28px}.co2{inset:-55px;border-color:rgba(231,198,95,.38);animation-direction:reverse;animation-duration:27s}.co3{inset:-82px;border-style:solid;border-color:rgba(255,255,255,.08);animation-duration:35s}.integration-columns{position:absolute;top:0;width:31%;height:100%;display:grid;grid-template-rows:repeat(5,1fr);gap:14px}.left-column{left:0}.right-column{right:0}.integration-node{position:relative;display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:18px;padding:12px 18px;border:1px solid rgba(139,255,199,.5);border-radius:22px;background:linear-gradient(135deg,rgba(14,83,49,.83),rgba(3,48,28,.86));box-shadow:inset 0 0 0 2px rgba(255,255,255,.07),0 15px 30px rgba(0,0,0,.23);backdrop-filter:blur(14px);opacity:0;animation:nodeArrive .75s ease forwards;animation-delay:var(--delay);transition:.3s}.integration-node:hover{transform:translateY(-3px) scale(1.015);border-color:#e3c760;box-shadow:0 20px 38px rgba(0,0,0,.3),0 0 20px rgba(65,238,142,.18)}.integration-node img{width:58px;height:58px;border-radius:15px;object-fit:contain;background:white;padding:8px}.integration-node strong{font-size:18px}.integration-node>span{font-size:10px;font-weight:800;color:#172d20;background:linear-gradient(135deg,#f8e8a3,#d2a93e);border-radius:99px;padding:7px 11px;box-shadow:0 0 18px rgba(230,197,89,.35)}.node-port{position:absolute;width:13px;height:13px;border-radius:50%;background:#fff5ad;box-shadow:0 0 17px 7px rgba(81,245,155,.45);top:50%;transform:translateY(-50%);animation:portPulse 1.7s infinite}.left-column .node-port{right:-8px}.right-column .node-port{left:-8px}.integration-stage-foot{display:flex;align-items:center;justify-content:center;gap:20px;color:#a7bfaf;font-size:10px;letter-spacing:.3em}.integration-stage-foot i{width:45px;height:1px;background:#d9b94e}@keyframes integrationFlow{to{stroke-dashoffset:-35}}@keyframes integrationSpin{to{transform:rotate(360deg)}}@keyframes nodeArrive{to{opacity:1;transform:none}}@keyframes portPulse{50%{box-shadow:0 0 26px 11px rgba(81,245,155,0)}}@media(max-width:1080px){.integration-stage{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:430px}.integration-core{top:190px}.integration-wires{display:none}.integration-columns{position:relative;width:auto;height:auto;inset:auto;display:grid}.integration-node{min-height:100px}.integration-stage-foot{margin-top:35px}}@media(max-width:650px){.integration-stage-section{padding:64px 16px 38px!important}.integration-stage-head p{font-size:16px}.integration-stage{grid-template-columns:1fr;padding-top:320px}.integration-core{top:145px;width:240px;height:240px}.integration-core img{width:175px}.co3{inset:-55px}.integration-node{grid-template-columns:55px 1fr auto;padding:10px 13px}.integration-node img{width:48px;height:48px}.integration-node strong{font-size:15px}.integration-node>span{font-size:8px;padding:6px 8px}}