.integ-section{color:#fff;font-family:var(--font-manrope),sans-serif;content-visibility:auto;contain-intrinsic-size:1px 800px;z-index:5;perspective:1200px;background-color:#0000;background-image:linear-gradient(#020202f5,#080808f5),url(/hero-wave.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;align-items:center;gap:4rem;padding:8rem 2rem;display:flex;position:relative;overflow:hidden}.integ-header{opacity:0;will-change:opacity,transform;transition:all 1s;transform:translateY(30px)}.integ-header.fade-up{opacity:1;transform:translateY(0)}.integ-ecosystem{opacity:0;transform-style:preserve-3d;will-change:opacity,transform;transition:all 1.2s cubic-bezier(.16,1,.3,1);transform:rotateX(20deg)scale(.9)translateY(50px)}.integ-ecosystem.scale-in{opacity:1;transform:rotateX(0)scale(1)translateY(0)}.eco-node{opacity:0;will-change:opacity,transform;transition:all .6s;transform:translateY(20px)}.integ-ecosystem.scale-in .eco-node{opacity:1;transform:translateY(0)}.integ-ecosystem.scale-in .eco-node:hover{transform:translateY(-5px)}.eco-summary-box{opacity:0;transition:all .6s;transform:translateY(20px)}.integ-ecosystem.scale-in .eco-summary-box{opacity:1;transform:translateY(0)}.integ-header{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.integ-super-tag{letter-spacing:.3em;color:#a1a1aa;text-transform:uppercase;font-size:.8rem;font-weight:700}.integ-title-container{user-select:none;padding:.5rem;position:relative}.integ-line{font-family:var(--font-space-grotesk),sans-serif;text-align:center;letter-spacing:-.04em;text-transform:uppercase;margin:0;padding:.2rem 0;font-size:3.5rem;font-weight:700;line-height:.85}.integ-layer-base .integ-line{color:#334155;opacity:.4}.integ-lens{backdrop-filter:blur(4px)brightness(1.2);z-index:10;will-change:transform;background:#ffffff14;border:1px solid #fff6;border-radius:50px;width:420px;height:70px;animation:9s cubic-bezier(.45,0,.55,1) infinite lensMove;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 40px #00000080,inset 0 0 20px #ffffff1a}.integ-layer-magnified{will-change:transform;flex-direction:column;align-items:center;width:600px;padding:.5rem;animation:9s cubic-bezier(.45,0,.55,1) infinite textCounterMove;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.integ-layer-magnified .integ-line{color:#fff;text-shadow:0 0 30px #fff6}@keyframes lensMove{0%,25%{transform:translate(-50%)translateY(-2px)}33%,58%{transform:translate(-50%)translateY(52px)}66%,91%{transform:translate(-50%)translateY(106px)}to{transform:translate(-50%)translateY(-2px)}}@keyframes textCounterMove{0%,25%{transform:translate(-50%)translateY(2px)}33%,58%{transform:translate(-50%)translateY(-52px)}66%,91%{transform:translate(-50%)translateY(-106px)}to{transform:translate(-50%)translateY(2px)}}.integ-ecosystem{justify-content:center;align-items:center;width:100%;max-width:1000px;height:500px;display:flex;position:relative}.eco-core{z-index:10;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:absolute}.core-circle{z-index:2;background:#0f172a;border:2px solid #38bdf8;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative;box-shadow:0 0 50px #38bdf833}.core-logo-mark{color:#fff;text-shadow:0 0 20px #38bdf880;font-size:2.5rem;font-weight:800}.core-glow{will-change:transform,opacity;border:1px solid #38bdf84d;border-radius:50%;width:100%;height:100%;animation:2s infinite corePulse;position:absolute}@keyframes corePulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.eco-node{backdrop-filter:blur(12px);will-change:transform,background,box-shadow;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;flex-direction:row;align-items:flex-start;gap:1.25rem;width:320px;padding:1.5rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;position:absolute;box-shadow:0 4px 20px #0000001a}.eco-node:hover{z-index:20;background:#38bdf80d;border-color:#38bdf84d;transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.node-index{font-family:var(--font-space-grotesk),sans-serif;color:#ffffff1a;font-size:2rem;font-weight:700;line-height:1;transition:all .3s}.eco-node:hover .node-index{color:#38bdf8;text-shadow:0 0 20px #38bdf8cc}.node-content{flex-direction:column;gap:.3rem;display:flex}.node-content h4{color:#fff;letter-spacing:.02em;margin:0;font-size:1.1rem;font-weight:600}.node-content p{color:#94a3b8;margin:0;font-size:.85rem;font-weight:300;line-height:1.5}.node-top-left{top:10%;left:0%;transform:translate(20%)}.node-top-right{top:10%;right:0%;transform:translate(-20%)}.node-bottom-left{bottom:15%;left:0%;transform:translate(20%)}.node-bottom-right{bottom:15%;right:0%;transform:translate(-20%)}.eco-summary-box{backdrop-filter:blur(10px);background:#0f172acc;border:1px solid #38bdf84d;border-radius:50px;align-items:center;gap:1.5rem;padding:1.5rem 3rem;display:flex;position:absolute;bottom:-6rem;box-shadow:0 20px 50px #0000004d}.sync-icon{color:#38bdf8;will-change:transform;animation:3s linear infinite spinSync}@keyframes spinSync{to{transform:rotate(180deg)}}.eco-summary-box p{color:#e2e8f0;margin:0;font-size:1.1rem;line-height:1.4}@media (max-width:1024px){.integ-section{padding:6rem 1rem}.integ-line{font-size:2.5rem}.integ-lens{border-radius:40px;width:300px;height:60px}@keyframes lensMove{0%,25%{transform:translate(-50%)translateY(0)}33%,58%{transform:translate(-50%)translateY(40px)}66%,91%{transform:translate(-50%)translateY(80px)}to{transform:translate(-50%)translateY(0)}}@keyframes textCounterMove{0%,25%{transform:translate(-50%)translateY(0)}33%,58%{transform:translate(-50%)translateY(-40px)}66%,91%{transform:translate(-50%)translateY(-80px)}to{transform:translate(-50%)translateY(0)}}.integ-ecosystem{flex-direction:column;gap:2rem;height:auto;padding-top:2rem}.eco-core{margin-bottom:2rem;position:relative}.eco-node{width:100%;max-width:350px;position:relative;inset:auto;transform:none}.eco-summary-box{text-align:center;border-radius:20px;flex-direction:column;margin-top:3rem;position:relative;bottom:auto}}