.ecosystem-solutions{padding:42px 3.8% 30px;background:radial-gradient(ellipse at 39% 55%,#062d65 0%,#02172f 42%,#010d20 80%);overflow:hidden}.ecosystem-solutions>.catalog-wrap[hidden]{display:none!important}.eco-shell{max-width:1600px;margin:auto;position:relative;font-family:'Be Vietnam Pro',sans-serif}.eco-main{display:grid;grid-template-columns:minmax(0,2.55fr) minmax(290px,1fr);gap:32px}.eco-left{min-width:0}.eco-heading{position:relative;z-index:4}.eco-eyebrow{display:flex;gap:25px;align-items:center;letter-spacing:4px;color:#00baff;font-size:12px;font-weight:650}.eco-eyebrow:before{content:'';width:55px;height:3px;background:#ff7800}.ecosystem-solutions .eco-heading h2{font-size:clamp(34px,3.8vw,64px);line-height:1.02;letter-spacing:-2px;margin:15px 0 12px;color:#fff;font-weight:750}.eco-heading h2 span{color:#0072ff;background:none;-webkit-text-fill-color:initial}.eco-tagline{font-size:clamp(16px,1.6vw,25px);line-height:1.4;color:#bdccec;margin:0}.eco-stage{position:relative;isolation:isolate;width:100%;aspect-ratio:1000/650;margin-top:15px;perspective:1300px}.eco-stage:before{content:'';position:absolute;inset:10% -5% -3%;background:linear-gradient(30deg,transparent 49.6%,#0874ff22 49.8%,#0874ff22 50.2%,transparent 50.4%),linear-gradient(150deg,transparent 49.6%,#0874ff18 49.8%,#0874ff18 50.2%,transparent 50.4%);background-size:90px 52px;mask-image:radial-gradient(ellipse,#000,transparent 72%);opacity:.8;pointer-events:none}.eco-network{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1;pointer-events:none}.eco-wire,.eco-wire-glow{fill:none;stroke:#008dff;stroke-linecap:round}.eco-wire-glow{stroke-width:13;opacity:.4;filter:url(#eco-glow)}.eco-wire{stroke-width:3;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke .25s,stroke-width .25s,stroke-dashoffset .9s cubic-bezier(.2,.7,.2,1)}.has-entered .eco-wire{stroke-dashoffset:0}.eco-link.is-selected .eco-wire,.eco-link.is-hovered .eco-wire,.eco-link.is-pending .eco-wire{stroke:#ff8b32;stroke-width:4}.eco-link.is-selected .eco-wire-glow,.eco-link.is-hovered .eco-wire-glow,.eco-link.is-pending .eco-wire-glow{stroke:#ff7900;opacity:.75}.eco-signal{fill:#b0f3ff;filter:drop-shadow(0 0 5px #16b6ff);opacity:.85}.eco-link.is-selected .eco-signal{fill:#ffca8e}.eco-selection-pulse{fill:#fff5d6;filter:drop-shadow(0 0 5px #ff7800);opacity:0}.eco-selection-glow{fill:#ff8c20;filter:url(#eco-glow);opacity:0}.eco-core{position:absolute;width:29%;left:35.5%;top:32%;z-index:3;text-decoration:none;display:block;text-align:center;filter:drop-shadow(0 0 15px #008cff50)}.eco-core img{width:100%;height:auto;display:block}.eco-core strong{position:absolute;bottom:10%;left:0;right:0;font-size:clamp(10px,1.1vw,18px);color:#fff;line-height:1.25;text-shadow:0 1px 8px #001f79,0 0 9px #009cff}.eco-pillars{position:absolute;inset:0;z-index:2}.eco-reveal{position:absolute;width:43%;height:49%;opacity:0;transform:translateY(22px);transition:opacity .55s ease var(--reveal-delay),transform .55s ease var(--reveal-delay)}.has-entered .eco-reveal{opacity:1;transform:translateY(0)}.eco-node-0{left:3%;top:-2%}.eco-node-1{right:3%;top:-2%}.eco-node-2{left:3%;bottom:-2%}.eco-node-3{right:3%;bottom:-2%}.eco-float{width:100%;height:100%;animation:eco-float 5s ease-in-out var(--float-delay) infinite;animation-play-state:paused}.eco-running .eco-float{animation-play-state:running}.eco-pillar{width:100%;height:100%;padding:0;border:0;background:none;color:#fff;position:relative;cursor:pointer;transform:translateY(0) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;transition:transform .25s ease;outline-offset:-25px;-webkit-tap-highlight-color:transparent}.eco-art{position:absolute;inset:0;display:block;transition:filter .25s ease}.eco-art img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 7px 12px #0005);transition:filter .25s ease}.eco-pillar[aria-selected=true] .eco-art img{filter:hue-rotate(165deg) saturate(1.2) drop-shadow(0 0 15px #ff7a0070)}.eco-node-label{position:absolute;z-index:3;text-align:left;width:132px;display:block;pointer-events:none;text-shadow:0 2px 8px #00102f}.eco-node-0 .eco-node-label{left:-3%;top:16%}.eco-node-1 .eco-node-label{right:-3%;top:16%;text-align:right}.eco-node-2 .eco-node-label{left:-3%;bottom:5%}.eco-node-3 .eco-node-label{right:-3%;bottom:5%;text-align:right}.eco-node-label strong{display:block;font-size:clamp(13px,1.15vw,18px);line-height:1.25;color:#fff;max-width:135px;letter-spacing:-.4px}.eco-node-label small{display:block;font-size:clamp(10px,1vw,14px);line-height:1.4;color:#abc8ef;margin-top:6px;max-width:132px}.eco-node-icon{display:block;color:#41c8ff;margin-bottom:5px}.eco-node-icon svg{width:30px;height:30px}.eco-pillar[aria-selected=true] .eco-node-icon{color:#ff9c49}.eco-pillar[aria-selected=true] .eco-node-label strong{color:#ffb773}.eco-controls{text-align:center;position:relative;z-index:5;margin:5px auto 0;max-width:620px}.eco-hint{color:#8fbcf1;font-size:12px}.eco-control-row{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:8px}.eco-rule{height:1px;background:linear-gradient(90deg,transparent,#1787ff7a);flex:1}.eco-rule:last-child{transform:rotate(180deg)}.eco-dots{display:flex;gap:8px}.eco-dots button{border:0;background:none;padding:9px;min-width:30px;min-height:32px;cursor:pointer}.eco-dots i{display:block;width:9px;height:9px;border-radius:50%;background:#237ce0}.eco-dots [aria-current=true] i{background:#fff2d5;box-shadow:0 0 5px 3px #ff791c,0 0 14px #ff791c}.eco-motion{display:grid;place-items:center;width:34px;height:34px;border:1px solid #2779cf;background:#001b3d99;border-radius:50%;color:#a7cbf8;font-size:16px;cursor:pointer;flex:none}.eco-status{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.eco-detail{border-left:1px solid #008cff55;padding:110px 0 20px 30px;min-width:0;color:#d3def3;position:relative}.eco-detail-eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#ff7b00;margin:0 0 20px}.eco-detail h3{font-size:clamp(35px,4vw,65px);line-height:1.02;letter-spacing:-2px;color:#fff;margin:0 0 24px;font-weight:750}.eco-detail-description{font-size:clamp(15px,1.45vw,22px);line-height:1.5;margin:0 0 20px;color:#bdceee}.eco-detail-products{display:flex;flex-direction:column;margin:18px 0 24px}.eco-detail-products button{display:flex;align-items:center;text-align:left;gap:15px;background:none;border:0;border-bottom:1px solid #2183ce4d;color:#00baff;padding:14px 0;cursor:pointer;width:100%;min-width:0}.eco-detail-products button:last-child{border-bottom:0}.eco-product-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid #2183ce66;border-radius:12px;flex:none;background:#061c34}.eco-product-icon svg{width:28px;height:28px;color:#e3efff}.eco-detail-products strong{display:block;font-size:16px;line-height:1.3;letter-spacing:-.3px;color:#00baff}.eco-detail-products strong b{font-size:14px;font-weight:400}.eco-detail-products small{display:block;color:#b6cae6;font-size:12px;line-height:1.45;margin-top:5px}.eco-detail-products button:hover strong{color:#ff9c4d}.eco-learn{display:flex;align-items:center;justify-content:space-between;gap:18px;text-decoration:none;border:1px solid #006aff;background:#0062ff;color:white;border-radius:40px;padding:15px 24px;font-size:15px;min-height:54px;transition:background .25s}.eco-learn:hover{background:#0f80ff}.eco-learn>span{font-size:24px;line-height:1}.eco-foundation{margin-top:28px;border:1px solid #008bce;border-radius:18px;padding:17px 30px;display:flex;align-items:center;gap:28px;min-height:74px;background:#02162fa8}.eco-foundation-icon{font-size:48px;color:#22baff;line-height:1;transform:rotate(-10deg)}.eco-foundation>strong{font-size:16px;white-space:nowrap;color:#fff}.eco-foundation-copy{flex:1;border-left:1px solid #007aca88;border-right:1px solid #007aca88;text-align:center;padding:0 20px;color:#a9c8ee;font-size:15px}.eco-foundation>a{font-size:15px;font-weight:600;color:#00baff;white-space:nowrap;text-decoration:none}.eco-shell button:focus-visible,.eco-shell a:focus-visible,.eco-detail:focus-visible{outline:2px solid #ff9d34;outline-offset:5px}.eco-shell:not(.eco-running) .eco-signal{opacity:.3}.eco-shell:not(.has-entered) .eco-core{opacity:0}.eco-core{transition:opacity .5s .2s}
@keyframes eco-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(hover:hover) and (pointer:fine){.eco-pillar:hover{transform:translateY(-10px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}.eco-reveal:has(.eco-pillar:hover) .eco-float{animation-play-state:paused}.eco-pillar:hover .eco-art img{filter:hue-rotate(165deg) saturate(1.2) drop-shadow(0 0 14px #ff7c0066)}.eco-pillar:hover .eco-node-label strong,.eco-pillar:hover .eco-node-icon{color:#ff9c49}}
@media(min-width:1700px){.eco-detail{padding-top:140px}}@media(max-width:1100px){.eco-main{grid-template-columns:minmax(0,1.9fr) minmax(270px,1fr);gap:22px}.eco-detail{padding-left:24px;padding-top:110px}.eco-node-label{width:105px}.eco-node-label small{font-size:10px}.eco-node-label strong{font-size:13px}.eco-node-icon svg{width:25px;height:25px}.eco-detail h3{font-size:43px}.eco-detail-products strong{font-size:14px}.eco-product-icon{width:38px;height:42px;border-radius:9px}.eco-product-icon svg{width:25px;height:25px}.eco-detail-products button{gap:10px}.eco-foundation{gap:20px;padding:17px 22px}.eco-foundation-copy{font-size:13px}.eco-heading h2{letter-spacing:-1.5px}}
@media(max-width:800px){.ecosystem-solutions{padding:34px 20px 24px}.eco-main{display:flex;flex-direction:column;gap:12px}.ecosystem-solutions .eco-heading h2{font-size:clamp(32px,6vw,49px);letter-spacing:-1.5px;line-height:1.05}.eco-eyebrow{font-size:10px;letter-spacing:3px;gap:17px}.eco-eyebrow:before{width:36px;height:2px}.eco-tagline{font-size:16px;max-width:550px}.eco-stage{aspect-ratio:1000/700;margin-top:22px}.eco-node-label{width:100px}.eco-node-label strong{font-size:13px}.eco-node-label small{font-size:10px}.eco-core strong{font-size:12px}.eco-detail{padding:24px 0 0;border-left:0;border-top:1px solid #008cff55}.eco-detail-eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:14px}.eco-detail h3{font-size:42px;margin-bottom:18px;letter-spacing:-1.4px}.eco-detail h3 br{display:none}.eco-detail-description{font-size:16px;max-width:650px}.eco-detail-products{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:16px 0 20px}.eco-detail-products button{padding:13px 0;border-bottom:1px solid #2183ce4d!important}.eco-detail-products strong{font-size:14px}.eco-detail-products small{font-size:12px}.eco-learn{max-width:360px;min-height:50px;padding:13px 22px}.eco-foundation{margin-top:24px;flex-wrap:wrap;gap:10px 18px;padding:18px}.eco-foundation-icon{font-size:35px}.eco-foundation>strong{font-size:14px}.eco-foundation-copy{order:3;flex-basis:100%;border:0;border-top:1px solid #007aca55;text-align:left;padding:13px 0 0;font-size:12px}.eco-foundation>a{font-size:13px;margin-left:auto}.eco-control-row{gap:10px}.eco-controls{margin-top:8px;max-width:460px}.eco-hint{font-size:11px}}
@media(max-width:480px){.eco-node-label{width:83px;top:auto!important;bottom:-2%!important;text-align:center!important;left:50%!important;right:auto!important;transform:translateX(-50%)}.eco-node-label strong{font-size:11px;line-height:1.2;letter-spacing:-.3px}.eco-node-label small{display:none}.eco-node-icon{display:none}.eco-reveal{width:46%;height:46%}.eco-node-0,.eco-node-2{left:0}.eco-node-1,.eco-node-3{right:0}.eco-stage{aspect-ratio:1000/800}.eco-node-0,.eco-node-1{top:0}.eco-node-2,.eco-node-3{bottom:0}.eco-core{width:32%;left:34%;top:33%}.eco-core strong{font-size:9px;bottom:9%}.eco-heading h2 br{display:none}.eco-heading h2 span{display:block}.eco-detail-products{grid-template-columns:1fr}.eco-detail h3{font-size:37px}.eco-learn{max-width:none}.eco-motion{width:33px;height:33px}.eco-foundation>a{flex-basis:100%;margin-left:0;padding-left:0}.eco-foundation-copy{order:2}.eco-foundation>a{order:4}.eco-pillars .eco-pillar{outline-offset:-10px}}
@media(prefers-reduced-motion:reduce){.eco-reveal,.eco-core{transition:none!important;opacity:1!important;transform:none!important}.eco-wire{transition:none!important;stroke-dashoffset:0!important}.eco-float{animation:none!important}.eco-pillar,.eco-art img,.eco-learn{transition:none!important}.eco-signal{display:none}.eco-pillar:hover{transform:none!important}}

.eco-wire-glow{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke .25s,opacity .25s,stroke-dashoffset .9s cubic-bezier(.2,.7,.2,1)}.has-entered .eco-wire-glow{stroke-dashoffset:0}.eco-foundation-icon{transform:none;display:flex;align-items:center}.eco-wire{stroke-width:4}.eco-detail h3{overflow-wrap:normal}@media(max-width:480px){.eco-detail h3{font-size:35px;line-height:1.08}.eco-detail h3 br{display:initial}}@media(prefers-reduced-motion:reduce){.eco-wire-glow{transition:none!important;stroke-dashoffset:0!important}}
/* Fit the complete ecosystem, labels and foundation into one landscape screen. */
@media(min-width:1000px) and (min-height:620px) and (orientation:landscape){
 .ecosystem-solutions{box-sizing:border-box;height:calc(100svh - var(--header-height,72px));min-height:0;padding:16px 3.8%;overflow:visible;scroll-margin-top:var(--header-height,72px)}
 .eco-shell{height:100%;display:grid;grid-template-rows:minmax(0,1fr) 58px;gap:12px}
 .eco-main{min-height:0;grid-template-columns:minmax(0,2.35fr) minmax(295px,1fr);gap:24px}
 .eco-left{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) 42px}
 .eco-eyebrow{font-size:11px;letter-spacing:3.5px}.eco-eyebrow:before{height:2px;width:48px}
 .ecosystem-solutions .eco-heading h2{font-size:clamp(32px,3.25vw,56px);line-height:1.03;margin:10px 0 9px;letter-spacing:-1.6px}
 .eco-tagline{font-size:clamp(15px,1.4vw,21px);line-height:1.35}
 .eco-stage{height:100%;width:auto;max-width:100%;aspect-ratio:1000/650;margin:0;justify-self:center;min-height:0}
 .eco-controls{margin:0;width:70%;align-self:end;max-width:560px}.eco-hint{font-size:10px}.eco-control-row{margin-top:1px;gap:10px}.eco-motion{width:29px;height:29px;font-size:14px}.eco-dots button{padding:7px;min-height:29px;min-width:27px}.eco-dots i{width:8px;height:8px}
 .eco-node-label{width:112px}.eco-node-label strong{font-size:clamp(12px,1vw,16px);line-height:1.2}.eco-node-label small{font-size:clamp(10px,.8vw,12px);line-height:1.35;margin-top:4px}.eco-node-icon{margin-bottom:4px}.eco-node-icon svg{width:25px;height:25px}
 .eco-node-0 .eco-node-label,.eco-node-2 .eco-node-label{left:-9%}.eco-node-1 .eco-node-label,.eco-node-3 .eco-node-label{right:-9%}
 .eco-detail{padding:8px 0 8px 23px;min-height:0;display:flex;align-items:center}.eco-detail-inner{width:100%}.eco-detail-eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:12px}.eco-detail h3{font-size:clamp(32px,3.05vw,52px);line-height:1.02;margin-bottom:16px;letter-spacing:-1.5px}.eco-detail-description{font-size:clamp(14px,1.25vw,19px);line-height:1.45;margin:0 0 12px}.eco-detail-products{margin:10px 0 15px}.eco-detail-products button{padding:9px 0;gap:11px;min-height:58px}.eco-product-icon{width:37px;height:39px;border-radius:9px}.eco-product-icon svg{width:24px;height:24px}.eco-detail-products strong{font-size:14px;line-height:1.3}.eco-detail-products small{font-size:11px;line-height:1.4;margin-top:4px}.eco-learn{min-height:44px;padding:11px 20px;font-size:13px}.eco-learn>span{font-size:21px}
 .eco-detail-products:has(button:nth-child(4)){display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.eco-detail-products:has(button:nth-child(4)) button{display:block;align-self:start;padding:10px 0}.eco-detail-products:has(button:nth-child(4)) .eco-product-icon{display:none}.eco-detail-products:has(button:nth-child(4)) strong{font-size:13px}.eco-detail-products:has(button:nth-child(4)) small{font-size:11px;line-height:1.4}
 .eco-foundation{margin:0;min-height:0;padding:10px 22px;gap:20px;border-radius:14px}.eco-foundation-icon svg{width:34px;height:34px}.eco-foundation>strong{font-size:14px}.eco-foundation-copy{font-size:13px;padding:0 15px}.eco-foundation>a{font-size:13px}
}
@media(min-width:1000px) and (max-height:760px) and (min-height:620px) and (orientation:landscape){
 .ecosystem-solutions .eco-heading h2{font-size:clamp(30px,2.8vw,43px);margin:8px 0}.eco-eyebrow{font-size:10px}.eco-tagline{font-size:15px}.eco-detail h3{font-size:34px}.eco-detail-description{font-size:14px}.eco-detail-products small{font-size:11px}.eco-detail-products button{padding:7px 0;min-height:54px}.eco-node-label{width:100px}.eco-node-label strong{font-size:12px}.eco-node-label small{font-size:10px}.eco-node-icon svg{width:22px;height:22px}.eco-core strong{font-size:11px}
}
@media(min-width:1000px) and (min-height:620px) and (orientation:landscape){.ecosystem-solutions{height:calc(100svh - var(--header-height,72px) - 24px)}}