/* A scroll-directed composition, with a fully readable static layout. */
.ecosystem{position:relative;background:#111;color:#eee;isolation:isolate}
.ecosystem-stage{position:relative;display:flex;align-items:center;min-height:800px;padding:110px 0 80px;overflow:clip}
.ecosystem-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:3%;align-items:center}
.ecosystem-copy{position:relative;z-index:3}.ecosystem-copy .eyebrow{color:#999}.ecosystem-copy h2{font-size:clamp(37px,3.9vw,58px)}.ecosystem-copy p{font-size:14px;max-width:450px;color:#aaa;margin-top:26px;line-height:2.2}.ecosystem-copy .line-link{color:#ccc;border-color:#555}
.ecosystem-phases{list-style:none;padding:0;margin:34px 0 0;display:flex;flex-direction:column;gap:12px;font-size:11px;color:#777}.ecosystem-phases li{display:flex;align-items:center;gap:15px;transition:color .5s,translate .6s}.ecosystem-phases li span{font-size:9px;font-variant-numeric:tabular-nums;color:#666}.ecosystem-phases li.active{color:#fff;translate:8px 0}html[dir=rtl] .ecosystem-phases li.active{translate:-8px 0}
.ecosystem-visual{position:relative;aspect-ratio:1;min-width:0;direction:ltr;isolation:isolate}.ecosystem-lines{position:absolute;inset:0;width:100%;height:100%;stroke:#ffffff24;stroke-width:.65;overflow:visible}.ecosystem-lines ellipse{transform-origin:300px 300px;transform:rotate(-30deg)}.ecosystem-lines ellipse+ellipse{transform:rotate(30deg)}.ecosystem-connectors{stroke:#ffffff30;stroke-dasharray:2 7}
.ecosystem-aura{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,#ffffff0b,transparent 65%);scale:var(--aura-scale,1)}
.ecosystem-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:188px;padding:24px 14px;text-align:center;background:radial-gradient(ellipse,#151515 40%,#15151500 75%);z-index:2}.ecosystem-center img{width:160px;height:auto;margin:auto}.ecosystem-center>span{display:block;color:#888;font-size:7px;letter-spacing:1px;margin-top:17px}
.ecosystem-brand{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:clamp(92px,10vw,140px);height:clamp(92px,10vw,140px);padding:17px 12px 12px;background:#ededed;border:1px solid #fff4;border-radius:50%;box-shadow:0 18px 42px #0005;z-index:3;transform:translate(-50%,-50%);will-change:translate;transition:box-shadow .5s,background .5s;direction:rtl;color:#333}.ecosystem-brand img{object-fit:contain;width:100%;height:62%;filter:grayscale(1);mix-blend-mode:multiply;transition:filter .65s,scale .65s}.ecosystem-brand.hlalna img{width:65%;height:68%}.ecosystem-brand span{font-size:9px;white-space:nowrap}.ecosystem-brand:hover img,.ecosystem-brand:focus-visible img{filter:grayscale(0);scale:1.06}.ecosystem-brand:hover,.ecosystem-brand:focus-visible{background:#fff;box-shadow:0 22px 55px #0009}.ecosystem-brand:nth-of-type(1){left:50%;top:16%}.ecosystem-brand:nth-of-type(2){left:79.45%;top:67%}.ecosystem-brand:nth-of-type(3){left:20.55%;top:67%}html[lang=en] .ecosystem-brand{direction:ltr}.ecosystem-caption{position:absolute;bottom:0;left:0;width:100%;font-size:8px;letter-spacing:1px;text-align:center;color:#777}
.ecosystem-meter{position:absolute;bottom:0;left:0;width:100%;height:1px;background:#ffffff12}.ecosystem-meter i{display:block;width:100%;height:100%;background:#a5a5a5;transform:scaleX(var(--scene-progress,1));transform-origin:left}
.word-window{display:inline-block;overflow:clip;vertical-align:bottom;padding-block:.16em;margin-block:-.16em}.word-inner{display:inline-block;white-space:pre}.motion-title{perspective:1000px}
.light-button,.round-link,.back-top{translate:var(--magnet-x,0px) var(--magnet-y,0px);transition:translate .32s cubic-bezier(.2,.75,.25,1),background .4s,box-shadow .4s}
.light-button{position:relative;overflow:hidden}.light-button:before{content:'';position:absolute;inset:-100% -30%;background:linear-gradient(110deg,transparent 40%,#fff8 50%,transparent 60%);translate:-90% 0;rotate:-8deg;pointer-events:none}.light-button:hover:before{translate:90% 0;transition:translate .9s cubic-bezier(.2,.75,.25,1)}
.brand-story{--brand-progress:0}.brand-story .brand-counter{translate:0 calc(var(--brand-progress)*-12px)}.future-grid{transform:translateY(var(--future-travel,0px));will-change:transform}
@media(min-width:1001px) and (min-height:640px){.ecosystem.motion-live{min-height:220svh}.motion-live .ecosystem-stage{position:sticky;top:0;height:100svh;min-height:640px;max-height:1200px}.motion-live .ecosystem-visual{max-height:72svh;max-width:72svh;width:100%;margin:auto}}
@media(max-width:1000px),(max-height:639px){.ecosystem-stage{min-height:0;padding:82px 0}.ecosystem-layout{grid-template-columns:1fr;gap:42px}.ecosystem-copy{max-width:600px}.ecosystem-copy p{max-width:570px}.ecosystem-copy h2{font-size:43px}.ecosystem-visual{width:min(100%,570px);margin:auto}.ecosystem-brand{width:120px;height:120px}.ecosystem-phases{flex-direction:row;flex-wrap:wrap;gap:16px 24px;font-size:10px}.ecosystem-phases li{gap:8px}.ecosystem-phases li.active,html[dir=rtl] .ecosystem-phases li.active{translate:0 0}.ecosystem-center img{width:145px}.ecosystem-center{width:165px}}
@media(max-width:520px){.ecosystem-stage{padding:65px 0 50px}.ecosystem-copy h2{font-size:36px}.ecosystem-copy p{font-size:12px}.ecosystem-brand{width:91px;height:91px;padding:13px 10px 10px}.ecosystem-brand span{font-size:8px}.ecosystem-center{width:135px;padding:16px 10px}.ecosystem-center img{width:115px}.ecosystem-center>span{font-size:6px;letter-spacing:.5px;margin-top:10px}.ecosystem-caption{bottom:-23px;font-size:7px}.ecosystem-visual{margin-top:12px}.ecosystem-phases{gap:12px;font-size:9px}.ecosystem-phases li{gap:5px}html[dir=ltr] .ecosystem-copy h2{font-size:35px;letter-spacing:-1.4px}}
.reduce-motion .ecosystem{min-height:0!important}.reduce-motion .ecosystem-stage{position:relative!important;height:auto!important}.reduce-motion .light-button,.reduce-motion .round-link,.reduce-motion .back-top{translate:0 0!important}.reduce-motion .future-grid{transform:none!important}.reduce-motion .light-button:before{display:none}
@media(prefers-reduced-motion:reduce){.ecosystem{min-height:0!important}.ecosystem-stage{position:relative!important;height:auto!important}.light-button,.round-link,.back-top{translate:0 0!important}.light-button:before{display:none}.future-grid{transform:none!important}}