.product-gallery{padding:65px 0 85px;overflow:hidden;background:linear-gradient(125deg,#f0f3f6,#e3eaf0)}.visual-product-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px}.visual-product-copy h2{font-size:clamp(35px,3.4vw,52px);max-width:440px}.visual-product-copy p{font-size:18px;line-height:1.8;margin:26px 0;max-width:390px}.product-object{margin:0;position:relative;padding:25px;border:1px solid #ffffffd9;border-radius:25px;background:linear-gradient(135deg,#fff9,#b6c7d65c);box-shadow:0 30px 70px #173b5320}.visual-enlarge{display:block;position:relative;border-radius:12px;overflow:hidden;outline-offset:5px;background:#e8edf1}.visual-enlarge img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain}.visual-expand{position:absolute;bottom:14px;right:14px;padding:10px 16px;border-radius:30px;background:#0b1b2eea;color:#fff;font-size:14px;box-shadow:0 5px 20px #0003}.product-object figcaption{font-size:14px;color:#576f86;line-height:1.6;margin-top:16px}.object-format{transform:perspective(1200px) rotateY(-5deg) rotateZ(1deg)}.object-gerspool{transform:perspective(1200px) rotateY(-6deg)}.object-totaldocs img{max-height:430px;object-fit:cover}.product-brand-object{height:400px;position:relative;display:grid;place-items:center;isolation:isolate}.brand-orbit{position:absolute;width:350px;height:350px;border:1px solid #7893ad4d;border-radius:50%;transform:rotateX(50deg) rotateZ(-20deg)}.brand-orbit.orbit-inner{width:450px;height:450px;transform:rotateX(65deg) rotateZ(20deg)}.brand-glass{padding:35px 55px;display:flex;align-items:center;gap:25px;border-radius:24px;border:1px solid white;background:linear-gradient(140deg,#fffc,#ffffff40);box-shadow:12px 28px 60px #12395526;transform:rotate(-5deg)}.brand-glass img{width:70px;height:70px;object-fit:contain;border-radius:50%}.brand-glass strong{font-family:Urbanist,sans-serif;font-size:38px;color:#152c43}.product-brand-object>.ecosystem-star{position:absolute;bottom:30px;right:50px;width:70px;height:68px}.ecosystem-star{display:block;position:relative;width:110px;height:108px;overflow:hidden;flex-shrink:0}.ecosystem-star img{position:absolute;height:100%;width:auto;max-width:none;right:0;top:0}.totalhub-section{overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#153956 0%,#0a1727 43%,#070f1b 85%)}.hub-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.hub-intro p{color:#afc1d1;font-size:18px;line-height:1.8}.ecosystem-live{display:grid;grid-template-columns:1fr 4.5fr 1fr;gap:20px;align-items:center;margin-top:50px}.hub-rail{color:#b8cbdc;font-size:14px;line-height:1.8}.hub-rail>span{color:#e3cf9b;font-size:15px;display:block;margin-bottom:20px}.hub-rail p{font-size:14px;margin:10px 0;line-height:1.8}.hub-input{border-left:1px solid #718ba845;padding-left:18px}.hub-output{border-right:1px solid #718ba845;padding-right:18px}.hub-network{position:relative;height:460px}.hub-connections{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#7599b951;stroke-width:1.4}.hub-connections .hub-current{stroke:#d8c79f;stroke-width:2;stroke-dasharray:5 65;animation:hub-current 9s linear infinite}.hub-core{position:absolute;left:50%;top:50%;width:170px;height:170px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #b8c9da50;border-radius:50%;background:radial-gradient(circle,#c3d7e822,#0a1c32cc);box-shadow:0 0 70px #80b9e220,inset 0 0 25px #c9d9e418}.hub-core>.ecosystem-star{width:77px;height:75px;filter:drop-shadow(0 8px 15px #0007)}.hub-core>span:last-child{font-size:12px;letter-spacing:4px;color:#bdd1e3;margin-top:14px}.core-ring{position:absolute;inset:-15px;border:1px dashed #8fafcb60;border-radius:50%;animation:hub-orbit 50s linear infinite}.hub-node{position:absolute;width:42%;display:flex;align-items:center;gap:13px;padding:22px 18px;min-height:108px;border:1px solid #9ab3cc44;border-radius:20px;background:linear-gradient(135deg,#244563bb,#112239e8);box-shadow:0 15px 40px #0003,inset 0 1px 0 #cddce221;transition:border-color .25s,transform .25s;color:#edf5fc}.hub-node:hover,.hub-node:focus-visible{border-color:#cfb987;transform:translateY(-4px)}.hub-node img,.gimp-emblem{width:42px;height:42px;object-fit:contain;border-radius:50%;flex-shrink:0}.gimp-emblem{display:grid;place-items:center;background:linear-gradient(135deg,#ffd095,#e77412);color:white;font-size:22px;font-weight:700;box-shadow:inset 0 0 0 2px #fff8}.hub-node h3{font-size:24px;margin:0 0 7px;letter-spacing:-.03em}.hub-node p{font-size:14px;line-height:1.5;margin:0;color:#b3c8dc}.hub-node>span:last-child{margin-left:auto;color:#c8b785}.hub-node-0{left:0;top:25px}.hub-node-1{right:0;top:25px}.hub-node-2{left:0;bottom:25px}.hub-node-3{right:0;bottom:25px}.hub-bottom{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #8ea5b62b;padding-bottom:30px;color:#a9bdcf}.hub-bottom p{font-size:16px}.hub-motion-toggle{background:transparent;color:#c6d7e4;border:1px solid #91aec252;border-radius:25px;padding:10px 18px;font:inherit;font-size:14px;cursor:pointer}.hub-dashboard{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;align-items:center;margin-top:80px}.hub-dashboard h3{font-size:clamp(32px,3.5vw,48px);line-height:1.15;margin:20px 0}.hub-dashboard p{line-height:1.85;color:#adbed0;font-size:17px}.hub-dashboard .source-note{font-size:14px;color:#92a7bb}.dashboard-object{margin:0;padding:15px;border-radius:24px;background:linear-gradient(130deg,#a9c3d74a,#25394a55);border:1px solid #b8d1e257;box-shadow:0 35px 75px #0006;transform:perspective(1400px) rotateY(-5deg) rotateX(3deg)}.dashboard-object img{max-height:none}.visual-lightbox{border:1px solid #69859f;border-radius:15px;background:#0c1a29;color:#fff;padding:60px 20px 20px;max-width:min(1250px,95vw);max-height:92dvh;width:fit-content}.visual-lightbox::backdrop{background:#020913e8;backdrop-filter:blur(9px)}.visual-lightbox img{display:block;max-width:100%;max-height:74dvh;object-fit:contain;margin:auto}.visual-lightbox p{font-size:15px;margin:15px 0 0;color:#bccdde}.visual-close{position:absolute;top:12px;right:16px;background:#24394f;border:1px solid #617f99;border-radius:30px;padding:9px 18px;color:white;font:inherit;cursor:pointer}.motion-paused .hub-current,.motion-paused .core-ring{animation-play-state:paused}@keyframes hub-current{to{stroke-dashoffset:-280}}@keyframes hub-orbit{to{transform:rotate(360deg)}}@media(max-width:1100px){.ecosystem-live{grid-template-columns:1fr}.hub-rail{border:0;padding:0;display:flex;gap:20px;align-items:center;justify-content:center}.hub-rail>span{margin:0}.hub-network{max-width:800px;width:100%;margin:auto}.hub-dashboard{gap:30px}.visual-product-grid{gap:35px}}@media(max-width:700px){.hub-intro{display:block}.hub-intro p{margin-top:25px}.visual-product-grid,.hub-dashboard{grid-template-columns:1fr}.visual-product-copy h2{max-width:none}.product-gallery{padding:50px 0}.product-object{padding:14px;transform:none}.hub-network{height:580px}.hub-core{width:135px;height:135px}.hub-node{width:47%;padding:18px 10px;display:block;min-height:150px}.hub-node h3{font-size:23px;margin:12px 0 6px}.hub-node p{font-size:13px}.hub-node>span:last-child:not(.gimp-emblem){position:absolute;right:15px;top:20px}.hub-connections{display:none}.hub-node-0,.hub-node-1{top:18px}.hub-node-2,.hub-node-3{bottom:18px}.hub-rail{display:block;text-align:center}.hub-rail p{display:inline;margin-right:10px}.hub-bottom{align-items:flex-start;gap:20px}.hub-bottom p{font-size:14px;margin:0}.hub-motion-toggle{font-size:12px;flex-shrink:0}.hub-dashboard{margin-top:50px}.dashboard-object{transform:none}.product-brand-object{height:340px}.brand-glass{padding:30px}.brand-orbit.orbit-inner{width:340px;height:340px}}@media(prefers-reduced-motion:reduce){.hub-current,.core-ring{animation:none!important}.hub-node{transition:none}}
/* Connect inputs and outputs to the existing animated core. */
.ecosystem-live{position:relative}.hub-rail{position:relative;background:#13283c8c;border:1px solid #7896af4d;border-radius:14px;padding:20px 14px;z-index:1}.hub-rail>span{font-size:14px;line-height:1.6}.hub-input:after,.hub-output:before{content:'';position:absolute;top:50%;width:20px;height:1px;background:#8ba9c6}.hub-input:after{left:100%}.hub-output:before{right:100%}.hub-network:before,.hub-network:after{content:'';position:absolute;top:50%;height:1px;width:50%;background:linear-gradient(90deg,#8ba9c6,#8ba9c644);pointer-events:none}.hub-network:before{left:0}.hub-network:after{right:0;transform:rotate(180deg)}.hub-core,.hub-node{z-index:1}.hub-input>span:after,.hub-output>span:before{content:'›';position:absolute;top:50%;font-size:23px;line-height:20px;transform:translateY(-50%);color:#d9c899}.hub-input>span:after{right:-21px}.hub-output>span:before{left:-12px}.hub-dashboard{position:relative}.hub-dashboard:before{content:'';position:absolute;width:1px;height:55px;top:-80px;left:50%;background:linear-gradient(#9bb5c060,#d4bd8e)}.hub-dashboard:after{content:'↓';position:absolute;top:-37px;left:50%;transform:translateX(-50%);color:#d4bd8e;font-size:21px}.dashboard-brand{position:absolute;top:2.1%;left:1.2%;width:28%;height:8.7%;display:flex;align-items:center;padding:1% 1.5%;background:#fff;border-radius:5px;pointer-events:none;box-sizing:border-box}.dashboard-brand img{width:100%!important;height:auto!important;max-height:100%!important;object-fit:contain!important;object-position:left}.dashboard-brand[hidden]{display:none}.visual-image-frame{position:relative;width:fit-content;margin:auto;max-width:100%}.visual-lightbox .visual-main-image{width:auto;height:auto;max-width:100%;max-height:74dvh}.visual-lightbox .dashboard-brand{z-index:1}.dashboard-object .visual-expand{z-index:2}@media(max-width:1100px){.hub-rail{padding:15px 20px}.hub-input:after,.hub-output:before{left:50%;right:auto;width:1px;height:20px}.hub-input:after{top:100%}.hub-output:before{top:-20px}.hub-input>span:after,.hub-output>span:before{content:'⌄';left:50%;right:auto;transform:translateX(-50%);top:auto;bottom:-25px}.hub-output>span:before{top:-25px;bottom:auto}.hub-network:before,.hub-network:after{width:1px;height:50%;left:50%;right:auto;background:#8ba9c666;transform:none}.hub-network:before{top:0}.hub-network:after{top:50%}}@media(max-width:700px){.hub-rail>span{margin-bottom:6px}}