html{scroll-behavior:smooth}body{background:#060d0e!important}.ambient-bg,.bgfx{display:none!important}nav.setra-nav{background:rgba(6,13,14,.82)!important;border-bottom:1px solid #ffffff14!important;backdrop-filter:blur(24px)!important}nav.setra-nav .nav-inner,nav.setra-nav .nav-logo a{color:#edf8f5!important}nav.setra-nav .nav-links>a,nav.setra-nav .nav-links .dropdown-trigger{color:#b7c7c3!important}nav.setra-nav .nav-links .dropdown-trigger:hover,nav.setra-nav .nav-links>a:hover{background:#ffffff0c!important;color:white!important}nav.setra-nav .nav-cta a.login{background:#c8f8ba!important;color:#112017!important}nav.setra-nav .nav-logo .logo-dot{background:#c8f8ba!important;box-shadow:0 0 15px #c8f8ba88}.nav-dropdown-menu{background:#102020!important;border:1px solid #ffffff18!important}.nav-dropdown-menu a{color:#f0fff9!important}.nav-dropdown-menu .dd-text small{color:#9aaea6!important}.nav-dropdown-menu .dd-icon{background:#ffffff0a!important;color:#c8f8ba!important}.nav-dropdown-menu a:hover{background:#ffffff0a!important}.nav-burger span,.nav-burger span:before,.nav-burger span:after{background:#d9eee8!important}body.menu-open nav.setra-nav .nav-burger span{background:transparent!important}.mobile-menu{background:#0b1516!important}.mobile-menu .mm-head,.mobile-menu a{color:#e3f1eb!important}.mobile-menu a.cta-mobile{background:#c8f8ba!important;color:#102017!important}.mobile-menu .mm-foot{border-color:#ffffff18!important}
.immersive{--accent:#c8f8ba;position:relative;min-height:850px;height:calc(100svh - 0px);max-height:1200px;margin-top:0;padding-top:48px;overflow:hidden;background:#060d0e;color:#eaf3ee;font-family:Inter,Arial,sans-serif;isolation:isolate}.immersive *{box-sizing:border-box}.immersive canvas{position:absolute;inset:48px 0 0;width:100%;height:calc(100% - 48px);z-index:-4}.scene-vignette{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#060d0e 1%,#060d0eee 24%,#060d0e77 44%,transparent 67%),linear-gradient(0deg,#060d0e 1%,transparent 40%,#060d0e55 100%)}.scene-grain{position:absolute;inset:0;pointer-events:none;opacity:.045;z-index:4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.hero-coordinate{position:absolute;top:84px;left:4.5%;right:4.5%;display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:2px;color:#829790;font-family:monospace}.status-orb{width:5px;height:5px;border-radius:50%;background:#c8f8ba;box-shadow:0 0 12px #c8f8ba}.coordinate-right{margin-left:auto;color:#73847e}.immersive-copy{position:absolute;left:6%;top:25%;width:57%;z-index:2}.eyebrow{color:#a6baa9;font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:12px;margin-bottom:25px}.eyebrow>span{width:23px;height:1px;background:#c8f8ba}.immersive h1{font-size:clamp(54px,6.6vw,108px);font-weight:500;line-height:1.045;letter-spacing:-.075em;margin:0;color:#f2f8f0}.immersive h1 em{display:inline;font-style:normal;color:#c8f8ba;background:linear-gradient(110deg,#e6ffbd,#8dddaf 80%);background-clip:text;-webkit-text-fill-color:transparent}.immersive-description{font-size:16px;line-height:1.8;color:#97aaa2;max-width:355px;margin:26px 0 30px;letter-spacing:-.2px}.immersive-actions{display:flex;align-items:center;gap:22px}.enter-world{display:inline-flex;align-items:center;gap:28px;background:#c8f8ba;color:#102216!important;padding:17px 22px;border-radius:4px;text-decoration:none;font-size:14px;font-weight:600;transition:box-shadow .25s,transform .25s}.enter-world:hover{transform:translateY(-3px);box-shadow:0 0 35px #c8f8ba40}.enter-world span{font-size:23px;line-height:1}.free-copy{font-size:11px;color:#8d9e95;line-height:1.7}.scene-label{position:absolute;right:7%;top:19%;display:flex;gap:12px;align-items:center;color:#c8f8ba;font:10px monospace;letter-spacing:1.5px;opacity:.8}.scene-label small{display:block;font-size:8px;color:#80968b;margin-top:8px;letter-spacing:1px}.crosshair{font-size:25px;font-weight:200}.scene-detail{position:absolute;right:7%;bottom:25%;width:270px;border-left:1px solid #b4e9b344;padding-left:22px}.scene-detail>span:first-child{font:10px monospace;letter-spacing:2px;color:var(--accent)}.scene-detail h2{font-size:24px;font-weight:400;letter-spacing:-.7px;margin:12px 0 8px;color:#eaf3ee}.scene-detail p{font-size:12px;color:#94a79f;margin:0;line-height:1.7}.scene-hint{display:block;font:8px monospace;letter-spacing:1px;color:#637b70;margin-top:22px}.motion-control{position:absolute;right:4.5%;top:120px;border:1px solid #ffffff1a;background:#10202066;border-radius:50%;width:30px;height:30px;color:#a7b7ae;cursor:pointer;font-size:12px;z-index:6}.experience-dock{position:absolute;bottom:75px;left:4.5%;right:4.5%;display:flex;gap:30px;align-items:center;border-top:1px solid #ffffff1a;padding-top:24px}.dock-intro{font:9px/1.8 monospace;letter-spacing:1px;color:#5f776b;flex:0 0 145px}.dock-intro strong{font-weight:400;color:#9fb5a7}.experience-tabs{display:flex;gap:6px;flex:1;min-width:0}.experience-tabs button{flex:1;position:relative;display:flex;gap:10px;align-items:center;padding:20px 14px;color:#92a59a;background:transparent;border:1px solid transparent;text-align:left;cursor:pointer;font:13px Inter,Arial,sans-serif;transition:background .3s,color .3s,border .3s;border-radius:5px}.experience-tabs button>span{font:9px monospace;color:#5b7869}.experience-tabs button i{font-size:15px;font-style:normal;margin-left:auto;opacity:0}.experience-tabs button:hover{background:#ffffff06;color:#f1f9ef}.experience-tabs button[aria-selected=true]{background:linear-gradient(120deg,#c8f8ba12,#c8f8ba03);border-color:#c8f8ba30;color:#d8f7c9}.experience-tabs button[aria-selected=true]>span{color:#a5cb95}.experience-tabs button[aria-selected=true] i{opacity:1}.immersive-footer{position:absolute;left:4.5%;right:4.5%;bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:16px;font:8px monospace;letter-spacing:1px;color:#527062}.immersive-footer a{color:#9ab09e;text-decoration:none;display:flex;gap:15px}.immersive-footer a span{font-size:15px}.immersive :focus-visible{outline:2px solid #c8f8ba;outline-offset:5px}.immersive~.tick{display:none}.sec.angka{background:#0a1413;color:#deeadf;border-top:1px solid #ffffff10}.sec.angka .n{color:#daedcf}.sec.angka .l{color:#829687}
@media(min-width:1500px){.immersive-copy{left:9%;top:25%}.scene-detail{right:11%}}@media(max-width:1100px){.immersive-copy{left:5%;width:65%}.immersive h1{font-size:72px}.experience-dock{gap:15px}.dock-intro{flex-basis:110px;font-size:8px}.experience-tabs button{padding:18px 10px;gap:7px;font-size:12px}.scene-detail{right:5%;width:245px;bottom:27%}}@media(max-width:760px){.immersive{min-height:930px;max-height:none;height:100svh}.hero-coordinate{top:78px;font-size:8px;letter-spacing:1px}.coordinate-right{display:none}.immersive-copy{left:6%;right:6%;width:auto;top:145px}.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:20px}.immersive h1{font-size:clamp(49px,10.7vw,75px);letter-spacing:-.065em;line-height:1.08}.immersive-description{max-width:310px;font-size:14px;line-height:1.7;margin:20px 0 24px}.immersive-actions{gap:18px}.enter-world{padding:14px 18px;font-size:12px}.free-copy{font-size:10px}.scene-vignette{background:linear-gradient(180deg,#060d0e 5%,#060d0eaa 35%,transparent 60%,#060d0e 83%)}.scene-label{top:480px;right:6%;font-size:8px}.scene-label small{font-size:7px}.scene-detail{bottom:190px;right:auto;left:6%;width:80%;padding-left:15px}.scene-detail h2{font-size:21px;margin:8px 0 5px}.scene-detail p{font-size:12px}.scene-hint{display:none}.experience-dock{bottom:60px;left:6%;right:6%;display:block;padding-top:15px}.dock-intro{font-size:8px;display:flex;gap:6px;margin-bottom:10px}.dock-intro br{display:none}.experience-tabs{gap:3px}.experience-tabs button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 6px;font-size:10px}.experience-tabs button>span{font-size:8px}.experience-tabs button i{display:none}.immersive-footer{bottom:23px;left:6%;right:6%;font-size:7px}.immersive-footer>span:first-child{display:none}.immersive-footer>span:last-child{max-width:140px;text-align:right;font-size:6px;line-height:1.7}.motion-control{top:111px;right:6%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.immersive *{transition:none!important;animation:none!important}}

/* LIGHT IMMERSIVE THEME */
body{background:#f8fcfa!important}
nav.setra-nav{background:rgba(250,253,251,.86)!important;border-bottom:1px solid #183f2814!important}
nav.setra-nav .nav-inner,nav.setra-nav .nav-logo a{color:#122c24!important}
nav.setra-nav .nav-links>a,nav.setra-nav .nav-links .dropdown-trigger{color:#445e53!important}
nav.setra-nav .nav-links .dropdown-trigger:hover,nav.setra-nav .nav-links>a:hover{background:#08764d0b!important;color:#123b2c!important}
nav.setra-nav .nav-cta a.login{background:#087e50!important;color:#fff!important}
nav.setra-nav .nav-logo .logo-dot{background:#149a65!important;box-shadow:0 0 12px #149a6533}
.nav-dropdown-menu{background:rgba(255,255,255,.96)!important;border:1px solid #153e2814!important;box-shadow:0 16px 45px #1a4b3420!important}
.nav-dropdown-menu a{color:#193c2e!important}.nav-dropdown-menu .dd-text small{color:#63786b!important}
.nav-dropdown-menu .dd-icon{background:#1081540a!important;color:#08764d!important}.nav-dropdown-menu a:hover{background:#10815409!important}
.nav-burger span,.nav-burger span:before,.nav-burger span:after{background:#234a38!important}
.mobile-menu{background:#f8fcfa!important}.mobile-menu .mm-head,.mobile-menu a{color:#234a38!important}
.mobile-menu a.cta-mobile{background:#087e50!important;color:white!important}.mobile-menu .mm-foot{border-color:#153e2814!important}
.immersive{--accent:#087e50;background:#f8fcfa;color:#142f23}
.scene-vignette{background:linear-gradient(90deg,#f8fcfa 1%,#f8fcfaed 24%,#f8fcfa66 44%,transparent 67%),linear-gradient(0deg,#f8fcfa 1%,transparent 40%,#f8fcfa44 100%)}
.scene-grain{opacity:.025}.hero-coordinate,.coordinate-right{color:#637b6b}.status-orb{background:#0b9860;box-shadow:0 0 12px #0b986044}
.eyebrow{color:#4d755b}.eyebrow>span{background:#087e50}.immersive h1{color:#122e23}
.immersive h1 em{color:#087e50;background:linear-gradient(110deg,#087448,#17a874 80%);background-clip:text}
.immersive-description{color:#536f5f}.enter-world{background:#087e50;color:#fff!important;box-shadow:0 6px 20px #087e5015}.enter-world:hover{box-shadow:0 8px 30px #087e5033}
.free-copy{color:#61776a}.scene-label{color:#08764d;opacity:1}.scene-label small{color:#647b6d}
.scene-detail{border-color:#10815440}.scene-detail h2{color:#163828}.scene-detail p{color:#5b7363}.scene-hint{color:#718579}
.motion-control{border-color:#143e2820;background:#ffffffb3;color:#315d43}
.experience-dock{border-color:#173d291c}.dock-intro{color:#758b7c}.dock-intro strong{color:#4c6a57}
.experience-tabs button{color:#587361}.experience-tabs button>span{color:#7c9082}.experience-tabs button:hover{background:#087e5006;color:#174a31}
.experience-tabs button[aria-selected=true]{background:linear-gradient(120deg,#087e500c,#087e5003);border-color:#087e502b;color:#08643d}
.experience-tabs button[aria-selected=true]>span{color:#388458}.immersive-footer{color:#687f6f}.immersive-footer a{color:#3e6d4e}
.immersive :focus-visible{outline-color:#087e50}.sec.angka{background:#f0f7f2;color:#244831;border-color:#173d2912}.sec.angka .n{color:#163b26}.sec.angka .l{color:#637b68}

@media(max-width:760px){.scene-vignette{background:linear-gradient(180deg,#f8fcfa 5%,#f8fcfaaa 35%,transparent 60%,#f8fcfa 83%)}}