.connected-hero{background:#edf7fc;color:#102b45;overflow:hidden}.connected-heading{position:relative;z-index:2;background:radial-gradient(ellipse at 50% 100%,#123b5a 0,#04152d 65%);color:#fff;padding:50px 24px 68px;text-align:center}.connected-heading .eyebrow{justify-content:center;font-size:.72rem;letter-spacing:.18em;margin-bottom:16px}.connected-heading h1{font:800 clamp(2.6rem,4.5vw,4.6rem)/1.09 var(--font-display);letter-spacing:-.055em;margin:0 auto;max-width:1190px}.connected-heading h1 span{color:#10c8f0}.connected-lead{font-size:1.08rem;color:#d6e6f3;line-height:1.6;max-width:820px;margin:23px auto 0}.connected-heading .hero-actions{margin-top:25px}.connected-benefits{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:26px;color:#cce1ee;font-size:.82rem}.connected-benefits>span{display:flex;align-items:center;gap:10px}.connected-benefits i{font-style:normal;color:#1bc7f4;font-size:1.5rem}.connected-stage{position:relative;background:linear-gradient(#143958 0,#cfebf7 130px,#edf7fc 340px,#f6fcff 100%)}.connected-stage:before{content:"";position:absolute;top:-30px;left:-10%;width:120%;height:90px;border-radius:0 0 50% 50%;background:linear-gradient(#143958,#14395800);pointer-events:none}.connected-stage-inner{max-width:1440px;margin:auto;padding:26px 25px 0;display:grid;grid-template-columns:minmax(0,1.52fr) minmax(210px,.68fr) minmax(300px,1fr);gap:23px;position:relative;align-items:start}.stage-label{position:relative;z-index:2;font-weight:800;font-size:.69rem;letter-spacing:.15em;color:#d3eaf7;margin:0 0 20px}.plant-scene,.engine-column,.results-column{position:relative;min-width:0;z-index:2}.plant-scene-art{position:relative;height:510px;isolation:isolate}.plant-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply;mask-image:linear-gradient(to bottom,transparent 0,#000 9%,#000 90%,transparent 100%)}.plant-source{position:absolute;display:flex;align-items:center;gap:8px;color:#fff;background:rgba(4,23,44,.94);border:1px solid #517b96;border-radius:8px;padding:11px 12px;text-align:left;box-shadow:0 7px 15px #0b284b20;cursor:pointer;max-width:225px;transition:border-color .2s,transform .2s,box-shadow .2s;font-family:var(--font-body)}.plant-source:hover{transform:translateY(-3px);border-color:#08bfe9}.plant-source.selected{border-color:#25d4fc;box-shadow:0 0 0 2px #25d4fc40,0 7px 15px #0b284b20}.plant-source>.material-symbols-rounded{font-size:1.6rem;color:#aeefff}.plant-source b{display:block;font-size:.82rem;line-height:1.2}.plant-source small{display:block;color:#d4e7f1;font-size:.71rem;line-height:1.3;margin-top:4px}.source-design{top:3%;left:1%}.source-corrugator{top:8%;right:0}.source-converting{top:39%;left:0}.source-quality{top:44%;right:0}.source-warehouse{bottom:7%;left:1%}.source-shipping{bottom:1%;right:0}.plant-source-detail{padding:14px 16px;border-left:3px solid #04b9de;background:#ffffffb3;min-height:88px;margin-top:10px;border-radius:0 7px 7px 0}.plant-source-detail b{font-size:.85rem;color:#062f4d}.plant-source-detail p{font-size:.8rem;color:#42617a;margin:4px 0 0;line-height:1.5}.connected-engine{margin-top:60px;padding:26px 17px 18px;background:linear-gradient(145deg,#072e4c,#03152c);border-radius:15px;border:2px solid #07bfe8;box-shadow:0 0 0 5px #20c6ec12,0 20px 45px #052b4e2e;color:#fff;position:relative}.connected-engine>.brand{font-size:clamp(1.4rem,2.2vw,2.2rem);display:block;text-align:center;margin-bottom:12px}.engine-caption{color:#9ac9df;text-align:center;font-size:.76rem;line-height:1.4;margin:0 0 22px}.engine-function{display:flex;align-items:flex-start;gap:9px;border:1px solid #c6e5f5;border-radius:6px;padding:12px 9px;background:#f0f9ff;color:#0c3e5a;margin-top:9px;min-height:78px}.engine-function>.material-symbols-rounded{font-size:1.6rem;color:#0a709b;margin-top:2px}.engine-function b{display:block;font-weight:800;font-size:.85rem}.engine-function p{font-size:.72rem;line-height:1.4;margin:3px 0 0;color:#375e78}.results-column .stage-label{margin-bottom:20px}.connected-results{background:#ffffffee;border:1px solid #b1dced;border-radius:13px;padding:22px 17px 16px;box-shadow:0 20px 45px #052b4e12;min-height:550px}.connected-results h2{font:800 1.1rem/1.2 var(--font-display);letter-spacing:-.03em;color:#082d48;margin:0}.results-instruction{margin:5px 0 17px;font-size:.74rem;color:#648297}.result-item{border:1px solid #d4e8f1;border-radius:9px;background:#f8fcff;margin-top:9px;overflow:hidden}.result-item h3{margin:0}.result-item h3 button{width:100%;border:0;background:none;display:flex;align-items:center;gap:10px;text-align:left;padding:14px 11px;cursor:pointer;color:#073a5b;font-family:var(--font-body)}.result-item h3 button:hover{background:#eaf7ff}.result-item h3 button>.material-symbols-rounded{font-size:1.65rem;color:#0b78a5;background:#e3f5fb;padding:7px;border-radius:50%}.result-item h3 button>span:nth-child(2){flex:1}.result-item b{display:block;font-size:.86rem;line-height:1.3}.result-item small{font-size:.7rem;color:#59788e;display:block;font-weight:400;margin-top:4px;line-height:1.4}.result-toggle{font-size:1.3rem;color:#008fc0;font-weight:500;min-width:12px}.result-detail{padding:0 13px 15px 13px;border-top:1px solid #e5f0f6;color:#3e6079;font-size:.8rem}.result-detail[hidden]{display:none}.result-detail p{font-size:.78rem;line-height:1.5;margin:10px 0 0}.result-costs{font-size:.78rem;margin:10px 0 0}.result-costs>div{display:flex;justify-content:space-between;gap:15px;padding:4px 0}.result-costs dd{margin:0;font-variant-numeric:tabular-nums}.result-costs>div:last-child{border-top:1px solid #d4e8f1;margin-top:6px;padding-top:9px;font-weight:800;color:#093c5b}.result-margin-line{display:grid;grid-template-columns:60px 1fr 48px;align-items:center;gap:8px;margin-top:12px;font-size:.73rem}.result-margin-line i{height:8px;background:#dfedf5;border-radius:8px;overflow:hidden}.result-margin-line b{height:100%;background:#14acd2}.result-margin-line.actual b{background:#e8877e}.result-margin-line strong{text-align:right}.result-item.result-alert{background:#fff7f6;border-color:#f0d6d3}.result-alert h3 button>.material-symbols-rounded{color:#be3d4e;background:#ffeded}.result-alert h3 button:hover{background:#fff0ef}.result-detail ul{padding-left:17px;margin-bottom:0;line-height:1.7}.result-detail .result-highlight{font:800 1.3rem var(--font-display);color:#bb4850}.results-example{font-size:.7rem;line-height:1.5;color:#6b8292;margin:14px 0 0}.data-connections{position:absolute;left:0;top:0;width:100%;height:640px;z-index:1;overflow:visible;pointer-events:none}.data-connections path{fill:none;stroke-linecap:round;stroke-linejoin:round}.connection-underlay path{stroke:#00bbe8;stroke-width:2;opacity:.55}.connection-travel path{stroke:#fff;stroke-width:4;stroke-dasharray:3 170;filter:drop-shadow(0 0 4px #00bbef);animation:flow-data 5s linear infinite}.connection-travel path:nth-child(even){animation-delay:-2s}.connection-travel path:nth-child(3n){animation-delay:-3s}.connected-integrations{max-width:1330px;margin:26px auto 0;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ffffffb3;border:1px solid #c9e3ef;border-radius:10px;position:relative;z-index:2}.connected-integrations>p{margin:0;display:grid;gap:3px;min-width:175px}.connected-integrations>p b{font-size:.71rem;color:#0c3f5d;letter-spacing:.05em}.connected-integrations>p span{font-size:.7rem;color:#4c778e}.connected-integrations>div{display:flex;align-items:center;gap:9px;color:#0a3c5c;font-size:.78rem;font-weight:700}.connected-integrations .material-symbols-rounded{color:#0c729d;font-size:1.4rem}.motion-control{display:flex;gap:7px;align-items:center;background:#edf7fc;border:1px solid #c5dfe9;border-radius:6px;color:#375d76;padding:8px;font-size:.71rem;cursor:pointer}.motion-control:hover{background:#d9edf7}.motion-control .material-symbols-rounded{font-size:1.2rem}.connected-scope{max-width:1050px;text-align:center;margin:14px auto 0;padding:0 20px;font-size:.75rem;line-height:1.55;color:#56788e}.connected-cycle{padding:35px 28px 40px;max-width:1380px;margin:20px auto 0;scroll-margin-top:90px}.connected-cycle h2{font:800 1rem var(--font-display);margin:0 0 25px;color:#123e5c}.cycle-steps{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));position:relative;gap:12px}.cycle-steps:before{content:"";position:absolute;left:5%;right:5%;top:27px;height:1px;background:#5bc8e6}.cycle-steps button{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;border:0;background:none;color:#0a3f60;cursor:pointer;padding:0 0 8px}.cycle-steps button>.material-symbols-rounded{display:grid;place-items:center;background:#f4fcff;width:56px;height:56px;border:1px solid #28b9de;border-radius:50%;font-size:1.8rem;transition:background .2s,color .2s,transform .2s}.cycle-steps b{font-size:.81rem}.cycle-steps button:hover>.material-symbols-rounded{transform:translateY(-3px);background:#dcf4ff}.cycle-steps button.active>.material-symbols-rounded{background:#07527a;color:white;border-color:#07527a;box-shadow:0 0 0 5px #04b8e412}.cycle-description{display:flex;justify-content:center;align-items:baseline;gap:14px;min-height:48px;font-size:.86rem;color:#345c75;padding:16px 18px;margin:10px 0 0;background:#ffffffb3;border:1px solid #d0e6f1;border-radius:8px}.cycle-description b{color:#0a4969;white-space:nowrap}.cycle-return{text-align:center;color:#08799d;font-size:.8rem;margin:12px 0 0}.connected-hero :focus-visible{outline:3px solid #00c5ee;outline-offset:4px}.connected-stage.motion-paused .connection-travel path{animation-play-state:paused}.connected-stage.motion-paused .plant-source,.connected-stage.motion-paused .cycle-steps button>.material-symbols-rounded{transition:none}#flujo-visual{scroll-margin-top:76px}
@keyframes flow-data{to{stroke-dashoffset:-346}}
@media(min-width:1600px){.plant-scene-art{height:555px}.data-connections{height:680px}}
@media(max-width:1150px){.connected-stage-inner{grid-template-columns:minmax(0,1.3fr) minmax(205px,.65fr);padding:30px 24px 0}.results-column{grid-column:1/-1}.results-column .stage-label{color:#325972;margin-top:15px}.connected-results{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.connected-results h2,.connected-results .results-instruction,.connected-results .results-example{grid-column:1/-1}.connected-results .results-instruction{margin:0 0 5px}.result-item{margin:0}.results-example{margin:0}.data-connections{display:none}.connected-integrations{margin-left:24px;margin-right:24px;flex-wrap:wrap;justify-content:flex-start;gap:18px}.connected-integrations>p{flex-basis:100%}.plant-scene-art{height:500px}.engine-column{max-width:330px;width:100%;justify-self:center}.connected-engine{margin-top:45px}.cycle-steps{gap:5px}.cycle-steps b{font-size:.73rem}}
@media(max-width:700px){.connected-heading{padding:40px 20px 45px;text-align:left}.connected-heading h1{font-size:clamp(2.3rem,9vw,3.8rem)}.connected-heading .eyebrow{justify-content:flex-start;letter-spacing:.1em;font-size:.68rem}.connected-lead{font-size:1rem;margin-top:20px}.connected-heading .hero-actions{flex-direction:column;gap:12px}.connected-benefits{justify-content:flex-start;gap:13px;font-size:.77rem;margin-top:23px}.connected-benefits>span{gap:8px}.connected-benefits i{font-size:1.25rem}.connected-stage-inner{display:flex;flex-direction:column;gap:30px;padding:24px 16px 0}.plant-scene{width:100%}.plant-scene-art{height:390px}.plant-source{padding:9px 8px;gap:6px;max-width:48%;border-radius:6px}.plant-source b{font-size:.75rem}.plant-source small{font-size:.66rem}.plant-source>.material-symbols-rounded{font-size:1.25rem}.source-design{top:2%;left:0}.source-corrugator{top:6%;right:0}.source-converting{top:37%}.source-quality{top:43%}.source-warehouse{bottom:9%;left:0}.source-shipping{bottom:3%}.plant-source-detail{margin-top:7px;min-height:86px}.engine-column{max-width:none;width:100%;justify-self:auto}.engine-column .stage-label,.results-column .stage-label{color:#345f78;margin:0 0 13px}.connected-engine{margin:0;padding:24px 18px 18px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.connected-engine>.brand{grid-column:1/-1;font-size:2rem;margin:0}.engine-caption{grid-column:1/-1;margin:0 0 5px}.engine-function{margin:0;padding:12px 9px;min-height:107px}.engine-function>.material-symbols-rounded{font-size:1.3rem}.engine-function b{font-size:.83rem}.engine-function p{font-size:.7rem}.results-column{width:100%}.connected-results{display:block;padding:22px 15px 16px}.connected-results h2{font-size:1.3rem}.connected-results .results-instruction{margin:5px 0 17px}.result-item{margin-top:10px}.result-item b{font-size:.9rem}.result-item small{font-size:.76rem}.result-detail p,.result-costs{font-size:.85rem}.results-example{margin:14px 0 0;font-size:.74rem}.connected-integrations{margin:25px 16px 0;padding:16px;gap:18px}.connected-integrations>div{width:calc(33.333% - 13px);font-size:.8rem}.connected-integrations>p span{font-size:.76rem}.motion-control{margin-top:4px;font-size:.8rem;min-height:40px}.connected-scope{font-size:.76rem}.connected-cycle{padding:28px 16px 35px;margin-top:0}.connected-cycle h2{font-size:1.05rem;line-height:1.4}.cycle-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:19px 8px}.cycle-steps:before{display:none}.cycle-steps button>.material-symbols-rounded{width:49px;height:49px;font-size:1.55rem}.cycle-steps b{font-size:.74rem}.cycle-description{display:block;font-size:.84rem;min-height:105px;padding:14px}.cycle-description b{display:block;margin-bottom:5px}.cycle-return{font-size:.77rem}}
@media(prefers-reduced-motion:reduce){.connection-travel path{animation:none;stroke-dasharray:none;opacity:.25}.plant-source,.cycle-steps button>.material-symbols-rounded{transition:none}.plant-source:hover,.cycle-steps button:hover>.material-symbols-rounded{transform:none}}