#ecosystem{overflow:clip;padding-bottom:clamp(40px,5vw,72px)}#ecosystem .shead--split{margin-bottom:clamp(6px,1.4vw,18px)}#ecosystem .eco-side{grid-column:2;align-self:end;max-width:44ch}#ecosystem .eco-sub{margin:0 0 12px;max-width:none}#ecosystem .eco-side .lead{margin:0}@media (max-width:900px){#ecosystem .eco-side{grid-column:1;max-width:none}}.eco4{--e8-fg:#0a0a0e;--e8-fg-r:10,10,14;--e8-bg:#fff;--e8-ez:cubic-bezier(.32,.72,0,1);--e8-isi:rgba(255,255,255,.42);--e8-garis:rgba(10,10,14,.12);--e8-kilau:rgba(255,255,255,.95);--e8-bayang:rgba(10,10,14,.22);--e8-lingkar:rgba(10,10,14,.05)}html.dark-theme .eco4{--e8-fg:#fff;--e8-fg-r:255,255,255;--e8-bg:#0a0a0c;--e8-isi:rgba(255,255,255,.045);--e8-garis:rgba(255,255,255,.2);--e8-kilau:rgba(255,255,255,.2);--e8-bayang:rgba(0,0,0,.7);--e8-lingkar:rgba(255,255,255,.06)}.eco4{position:relative;height:320vh;width:100vw;margin-left:calc(50% - 50vw);color:var(--e8-fg)}.eco4-pin{position:sticky;top:0;height:100vh;min-height:620px;overflow:hidden}.e8-lubang{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.e8-ruang{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-top:60px;transition:transform 1.2s var(--e8-ez)}.eco4.buka .e8-ruang{transform:translate(-22%) scale(.88)}.e8-lt{position:absolute;inset:0;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 44% 58% at 50% 52%,#000 38%,transparent 100%);mask-image:radial-gradient(ellipse 44% 58% at 50% 52%,#000 38%,transparent 100%)}.e8-kata{position:absolute;left:0;right:0;top:80%;height:240px;margin-top:-120px;display:flex;align-items:center;justify-content:center}.e8-kata span{position:absolute;white-space:nowrap;font-family:var(--display);font-weight:500;font-size:clamp(110px,13vw,200px);letter-spacing:-.065em;line-height:1;color:transparent;-webkit-text-stroke:1.2px rgba(10,10,14,.45);transition:transform 1s var(--e8-ez),opacity .7s var(--e8-ez),filter 1s var(--e8-ez)}html.dark-theme .e8-kata span{-webkit-text-stroke-color:rgba(255,255,255,.28)}.e8-kata span.masuk{transform:translateY(30%);opacity:0;filter:blur(10px)}.e8-kata span.keluar{transform:translateY(-30%);opacity:0;filter:blur(10px)}.e8-panggung{position:relative;width:min(1180px,100vw);height:min(660px,calc(100vh - 90px))}.e8-panggung canvas{position:absolute;inset:0;width:100%;height:100%;display:block;-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 99%);mask-image:linear-gradient(to bottom,#000 80%,transparent 99%)}.e8-anda{position:absolute;left:0;top:0;z-index:4;display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:4px;--e8-holo:#0f1115;font:600 clamp(18px,1.7vw,24px)/1 var(--mono);letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;color:var(--e8-holo);opacity:0;transition:opacity .8s var(--e8-ez);pointer-events:none}.e8-anda span{color:transparent;background-image:radial-gradient(circle,var(--e8-holo) .95px,transparent 1.2px);background-size:2.6px 2.6px;-webkit-background-clip:text;background-clip:text;animation:e8Kedip 7s steps(1) infinite}.e8-anda:after{content:"";width:1px;height:18px;background:repeating-linear-gradient(to bottom,var(--e8-holo) 0 2px,transparent 2px 5px);opacity:.55}html.dark-theme .e8-anda{--e8-holo:#d3e3e6}html.dark-theme .e8-anda span{filter:drop-shadow(0 0 6px rgba(211,227,230,.55))}@keyframes e8Kedip{0%,91%,95%,to{opacity:1}92%{opacity:.45}94%{opacity:.8}}@media (prefers-reduced-motion:reduce){.e8-anda span{animation:none}}.eco4.ada3d .e8-anda{opacity:1}.e8-tanya{position:absolute;left:0;right:0;top:clamp(56px,11vh,120px);z-index:5;display:flex;flex-direction:column;align-items:center;gap:clamp(14px,2vw,22px);pointer-events:none;text-align:center;padding:0 22px;opacity:var(--t-o,0);transform:translate3d(0,var(--t-y,16px),0);transition:opacity .5s var(--e8-ez),transform .7s var(--e8-ez)}.e8-tanya h3{font-family:var(--display);font-weight:400;letter-spacing:-.02em;line-height:1.1;color:var(--e8-fg);font-size:clamp(26px,3.4vw,46px)}.e8-garis{width:1px;height:clamp(28px,4vw,52px);background:linear-gradient(rgba(var(--e8-fg-r),.4),rgba(var(--e8-fg-r),0))}@media (max-width:820px){.e8-tanya{top:clamp(74px,10vh,110px)}.e8-tanya h3{font-size:clamp(22px,6vw,30px)}}.e8-lg{position:relative;color:var(--e8-fg);background:var(--e8-isi);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);box-shadow:inset 0 0 0 .5px var(--e8-garis),inset 0 1px 0 var(--e8-kilau),0 24px 48px -24px var(--e8-bayang)}.e8-kol{position:absolute;z-index:3;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px}.e8-ki{right:calc(50% + clamp(180px,15.5vw,225px));align-items:flex-end}.e8-ka{left:calc(50% + clamp(180px,15.5vw,225px));align-items:flex-start}.e8-el{display:flex;align-items:center;gap:12px;height:48px;padding:0 8px 0 7px;border:0;border-radius:100px;font:inherit;cursor:pointer;opacity:var(--o,0);filter:blur(var(--bl,0px));transform:translate(var(--tx,0px),var(--ty,0px));transition:background .6s var(--e8-ez)}.e8-no{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;font:500 10px var(--mono);letter-spacing:.04em;color:rgba(var(--e8-fg-r),.6);background:var(--e8-lingkar);transition:background .6s var(--e8-ez),color .6s var(--e8-ez)}.e8-el b{font-family:var(--display);font-weight:450;font-size:15.5px;letter-spacing:-.01em;white-space:nowrap;padding-right:6px}.e8-pn{display:flex;align-items:center;justify-content:center;width:0;height:30px;border-radius:50%;overflow:hidden;opacity:0;background:rgba(var(--e8-fg-r),.08);transition:width .6s var(--e8-ez),opacity .5s var(--e8-ez),transform .6s var(--e8-ez)}.e8-pn svg,.e8-cta svg{flex:none;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.e8-el:hover,.e8-el.on{background:#ffffffb8}html.dark-theme .e8-el:hover,html.dark-theme .e8-el.on{background:#ffffff1a}.e8-el:hover .e8-pn,.e8-el.on .e8-pn{width:30px;opacity:1}.e8-el:hover .e8-pn{transform:translate(1px,-1px)}.e8-el.on .e8-no{background:var(--e8-fg);color:var(--e8-bg)}.e8-el:active{transform:translate(var(--tx,0px),var(--ty,0px)) scale(.98)}.e8-el:focus-visible{outline:1px solid var(--e8-fg);outline-offset:3px}.e8-papan{position:absolute;z-index:6;right:max(3vw,calc(50% - 600px));top:calc(50% + 30px);width:min(460px,42vw);padding:6px;border-radius:34px;background:rgba(var(--e8-fg-r),.035);box-shadow:inset 0 0 0 .5px rgba(var(--e8-fg-r),.1);opacity:0;visibility:hidden;transform:translate(48px,-50%);filter:blur(8px);transition:opacity .8s var(--e8-ez),transform 1.1s var(--e8-ez),filter .9s var(--e8-ez),visibility 0s linear 1.1s}.eco4.buka .e8-papan{opacity:1;visibility:visible;transform:translateY(-50%);filter:blur(0);transition-delay:.12s,.12s,.12s,0s}.e8-inti{border-radius:28px;padding:28px 28px 24px;max-height:calc(100vh - 160px);overflow:auto;overscroll-behavior:contain}.e8-inti.e8-lg{background:#ffffffa3;-webkit-backdrop-filter:blur(36px) saturate(1.6);backdrop-filter:blur(36px) saturate(1.6)}html.dark-theme .e8-inti.e8-lg{background:#12121594}.e8-inti{position:relative}.ed-tutup{position:absolute;top:14px;right:14px;z-index:1;width:32px;height:32px;border:0;border-radius:50%;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:transparent;color:rgba(var(--e8-fg-r),.55);transition:background .4s var(--e8-ez),color .4s var(--e8-ez)}.ed-tutup svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.ed-tutup:hover{background:rgba(var(--e8-fg-r),.07);color:var(--e8-fg)}.ed-tutup:focus-visible,.e8-cta:focus-visible{outline:1px solid var(--e8-fg);outline-offset:2px}.e8-papan .ed-judul{font-family:var(--display);font-weight:500;font-size:46px;letter-spacing:-.05em;line-height:.95;margin:6px 40px 16px 0}.e8-papan .ed-lead{font-size:15px;line-height:1.6;color:rgba(var(--e8-fg-r),.64);margin:0}.e8-papan .ed-sub{margin:28px 0 6px;font:500 10px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--e8-fg-r),.42)}.e8-papan .ed-list{list-style:none;padding:0;margin:0;counter-reset:e8n}.e8-papan .ed-list li{counter-increment:e8n;display:grid;grid-template-columns:28px 1fr;padding:13px 0;border-top:.5px solid rgba(var(--e8-fg-r),.1);font-size:14px;line-height:1.5;color:rgba(var(--e8-fg-r),.86)}.e8-papan .ed-list li:before{content:"0" counter(e8n);font:500 10px var(--mono);letter-spacing:.06em;color:rgba(var(--e8-fg-r),.4);padding-top:3px}.e8-cta{margin-top:22px;display:inline-flex;align-items:center;gap:14px;padding:6px 6px 6px 22px;border-radius:100px;background:var(--e8-fg);color:var(--e8-bg);font:500 14px var(--display);text-decoration:none;transition:transform .5s var(--e8-ez)}.e8-cta i{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 .5px rgba(var(--e8-fg-r),0),inset 0 0 0 1px #ffffff2e;transition:transform .5s var(--e8-ez)}html.dark-theme .e8-cta i{box-shadow:inset 0 0 0 1px #0000001f}.e8-cta:hover i{transform:translate(2px,-1px) scale(1.05)}.e8-cta:active{transform:scale(.98)}.e8-isi{transition:opacity .4s var(--e8-ez),transform .6s var(--e8-ez),filter .5s var(--e8-ez)}.e8-isi.ganti{opacity:0;transform:translateY(10px);filter:blur(6px)}.e4-hint{position:absolute;left:50%;bottom:22px;transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:10px;font:500 10px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--e8-fg-r),.45);transition:opacity .6s var(--e8-ez);pointer-events:none}.e4-hint i{width:1px;height:22px;background:linear-gradient(rgba(var(--e8-fg-r),.5),transparent)}.e8-kol{gap:16px}.e8-ki .e8-el:nth-child(2n){margin-right:clamp(40px,4vw,64px)}.e8-ka .e8-el:nth-child(2n){margin-left:clamp(40px,4vw,64px)}.e8-el{--d:clamp(96px,8.2vw,118px);--garis:rgba(10,10,14,.55);width:var(--d);height:var(--d);padding:0;border-radius:50%;flex-direction:column;justify-content:center;gap:5px;color:#0a0a0e;will-change:translate;background:radial-gradient(circle at 30% 24%,#ffffffe6,#fff0 34%),radial-gradient(circle at 70% 82%,#b4cdff38,#fff0 46%),radial-gradient(circle at 50% 50%,#ffffff14 58%,#ffffff57);border:1px solid var(--garis);backdrop-filter:blur(3px) saturate(1.15);-webkit-backdrop-filter:blur(3px) saturate(1.15);box-shadow:inset 0 0 18px #ffffff8c,inset 6px -10px 18px -12px #9678ff47,inset -6px 10px 16px -12px #78dcff47,0 14px 30px -20px #0a0a0e59;cursor:grab;transition:box-shadow .5s var(--e8-ez),scale .5s var(--e8-ez),border-color .4s var(--e8-ez)}.e8-el.digenggam{cursor:grabbing;scale:1.08;--garis:rgba(10,10,14,.8)}.e8-el:before{content:"";position:absolute;left:16%;top:11%;width:36%;height:22%;border-radius:50%;pointer-events:none;border-top:2px solid rgba(255,255,255,.95);filter:blur(.3px);transform:rotate(-28deg) translate(var(--kx,0px),var(--ky,0px))}.e8-el:after{content:"";position:absolute;left:30%;top:24%;width:8%;height:6%;border-radius:50%;pointer-events:none;background:#fffffff2;transform:translate(calc(var(--kx,0px) * 1.6),calc(var(--ky,0px) * 1.6))}.e8-el .e8-no{width:auto;height:auto;background:none;font-size:10px;letter-spacing:.14em;color:#0a0a0e73}.e8-el b{font-size:clamp(13px,1.05vw,15px);padding:0 6px;text-align:center;line-height:1.1;color:#0a0a0e}.e8-el .e8-pn{display:none}.e8-el:hover,.e8-el:focus-visible{scale:1.05;--garis:rgba(10,10,14,.85)}.e8-el.on{scale:1.05;--garis:#0a0a0e;box-shadow:inset 0 0 0 1px #0a0a0e,inset 0 0 18px #ffffff8c,0 18px 36px -20px #0a0a0e73}.e8-el.on .e8-no{color:#0a0a0eb3}html.dark-theme .e8-el{--garis:rgba(255,255,255,.5);color:#fff;background:radial-gradient(circle at 30% 24%,#ffffff47,#fff0 34%),radial-gradient(circle at 50% 50%,#ffffff05 58%,#ffffff1f);box-shadow:inset 0 0 18px #ffffff14,0 14px 30px -20px #000c}html.dark-theme .e8-el b{color:#fff}html.dark-theme .e8-el .e8-no{color:#ffffff80}html.dark-theme .e8-el:hover,html.dark-theme .e8-el.on{--garis:#fff}@media (max-width:820px){.eco4{height:280vh}.eco4-pin{height:100svh;min-height:560px}.e8-ruang{align-items:flex-start;padding-top:70px}.eco4.buka .e8-ruang{transform:translateY(-6%) scale(.92)}.e8-panggung{width:100vw;height:calc(100svh - 70px)}.e8-kol{top:auto;bottom:max(18px,4svh);transform:none;gap:8px}.e8-ki{left:4vw;right:auto;align-items:flex-start}.e8-ka{right:4vw;left:auto;align-items:flex-end}.e8-el{--d:64px;gap:2px}.e8-ki .e8-el:nth-child(2n){margin-right:0;margin-left:28px}.e8-ka .e8-el:nth-child(2n){margin-left:0;margin-right:28px}.e8-el .e8-no{font-size:8px}.e8-el b{font-size:10.5px;padding:0 4px}.e8-el:before{top:10%}.e8-pn{display:none}.e8-kata{top:46%}.e8-kata span{font-size:24vw}.e8-lt{-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 40%,#000 30%,transparent 100%);mask-image:radial-gradient(ellipse 60% 50% at 50% 40%,#000 30%,transparent 100%)}.e8-papan{position:fixed;inset:auto 8px 8px;width:auto;transform:translateY(110%);z-index:60}.eco4.buka .e8-papan{transform:none}.e8-inti{max-height:72svh;padding:22px 20px 20px}.e8-papan .ed-judul{font-size:36px}.e4-hint{display:none}}.eco4.diam{height:auto}.eco4.diam .eco4-pin{position:relative}@media (prefers-reduced-motion:reduce){.e8-ruang,.e8-papan,.e8-isi,.e8-kata span{transition-duration:.01s!important}}